/* CSS 3 please! */
header, nav, section, footer, article {
    display: block;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	color: #555555;
}
header, footer{
	width: auto;
}
header a{
	color: #666;
	text-decoration: none;
}
header a:hover,
header a:focus,
header a:active{
	color: #000;
	text-decoration: underline;
}
.iewarning{   
	 width: 100%;
    
	 text-align: center ;
	padding: 5px;
	background-color : #f8a259;
	-webkit-box-shadow: 0 8px 6px -6px #999;
	-moz-box-shadow: 0 8px 6px -6px #999;
	box-shadow: 0 8px 6px -6px #999;
	border-bottom: 1px solid #0066cc;
}
	.iewarning a{
	color: #0066cc;
	text-decoration: underline;
	-webkit-transition: color .5s, background .5s;
	transition: color .5s, background .5s;
	}
	
	#cookie-button{
		text-decoration:none;
		cursor:pointer;
		color: #cccccc;
		font-weight: bold;
		background-color:#2485b3;
		padding:1px 3px 1px 3px;
		border-radius: 10px;
		margin-left: 5px;
	}
	
	#cookie-button:hover{
		background-color: #FF6600;
		
	}
.iewarning a:hover, .iewarning a:active, .iewarning a:focus{
	color: #FF6600;
	text-decoration: underline;
	}
.oben  {
	background-image:url("./images/header_logo.png");
	background-position:center;
	background-repeat: no-repeat;
	height: 115px;
}
.unten {
	padding-top: 5px;
	background-color: #fef2da;
	padding-bottom: 45px;
	border-bottom:1px #c0c0c0 solid;
	-moz-box-shadow: 3px 3px 1px #C0C0C0;
	-webkit-box-shadow: 3px 3px 1px #C0C0C0;
	box-shadow:  3px 3px 1px #C0C0C0;
	}
.inhalt{
	display:block; 
	width: 1150px;
	margin: 0 auto;
}
.breiter{
	width: 1263px;
	text-align: left;
}	

#schoepfende{
	width: 100%;
	background-image:url("./images/schoepfende.png");
	background-position:left bottom;
	background-repeat: no-repeat;
}
.logo ul, .logo ul li{
	list-style-image: none; list-style-type: none; list-style-position: inline;
	float: left;
	padding-right: 25px;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 0.9em;
	padding-left: 0px;
	margin-left: 0px;
}

header .img-space{
	position: relative;
	display:table; 
	table-layout: fixed;
	width: 1263px;
	height: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	margin: 0 auto;
	background-repeat: no-repeat;
	}
header .img-space .img,
header .img-space-mobile .img{
	display:table-cell;	
	max-width: 33%;
	overflow:hidden;
	padding: 1px 1px 1px 1px;
}
header .img-space .img img,
header .img-space-mobile .img img{
	max-width: 100%;
	height: auto;
}
	header .img-space .img:hover .slogan,
	header .img-space-mobile .img:hover .slogan{
		background: rgba(0, 0, 0, 0.8);
		z-index: 98;
		text-decoration: none;
	}
	header .img-space .img .slogan,
	header .img-space-mobile .img .slogan{
		width: 98%;
		margin-top: -37px;
		line-height: 33px;
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(0, 0, 0);
		/* RGBa with 0.6 opacity */
		background: rgba(0, 0, 0, 0.6);
		font-size: 1.1em;
		color: #EDEDED;
		padding-left: 3%;
		position: relative;
		text-align: center;
		display: block;
	}
	.animationsslogan{
		opacity:none;
		position: relative;
	}

html {
  scroll-behavior: smooth;
}

	.youarehere {
		color: #999999;
		font-size: 0.8em;
		line-height: 1.4em;
		font-weight: bolder;
		margin-bottom: -7px;
		}
	.youarehere a{
		color: #0099CC;
	}
	.youarehere a:hover, .youarehere a:focus{
		color: #ff9966;
		text-decoration: underline;
	}
	
	.contentrow{
		display:table;
		border-spacing: 15px;
		width: 100%;
		min-height: 150px;
		clear:both;
		position: relative; bottom: 20px;
	}
	.tabletrow{
		display: inline;
	}
	.wrapper-left{
		display: table-cell;
		width: 69%;
	}
	.wrapper-right{
		display: table-cell;
		width: 23%;
	}
	.wrapper-right img{
		width: 100%;
		height: auto;
		}
		
	.left {
		display: table-cell;
		width: 20%;
	}
	.center {
		display: table-cell;
		width: 59%;
		position: relative;
		bottom: 10px;
	}
	.right {
		display: table-cell;
		width: 20%;
	}
	
	.subnav ul,
	.subnav li{
		list-style-position: inside;
		list-style-type: none;
		margin-top: 0px;
		padding-top: 0px;
		margin-left: 0px;
		padding-left: 0px;
		width: 100%;
	}
	.subnav {
	border-top: 1px #c0c0c0 solid;
	padding-top: 0px;
	margin-top: 0px;
	position: relative;
	right: 5px;
	bottom: 4px;
	width: 100%;
	}
	.subnav ul li ul li {
		border:none;
	}
	.subnav ul li ul li a,
	.subnormal{
		background-color:	#b2d1e0;
		color: #333333;
		border: none;
		font-weight: normal;
		color: #636e74;
		font-size: 1em;
	}

	#subchosen{
		font-weight: bold;
		color: #222222;
	}
	.subnav li{
	border-bottom: 1px #c0c0c0 solid;
	}

	.subnav ul li  a {
		display: block;
		width: 96%;
		padding-left: 4%;
		line-height: 1.7em;
		font-weight: bold;
		text-decoration: none;
		color: #2485b3;
	}
	.subnav ul li  a:hover {
		background-color:#2485b3;
		color: #ffffff;
		}
	
	
	.mainnav ul{
		width: 100%;
		position:relative;
		top: -20px;
		z-index: 90;
	}
	.mainnav ul, .mainnav li {
		float:left;
		list-style-type: none;
		list-style-position: inline;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		text-align: left;
	}
	.mainnav ul li a {
		display: block;
		float:left;
		background-color: #f8a259;
		line-height: 1.3em;
		width: 94%;
		border: 1px #2485b3 solid;
		color: #333333;
		text-decoration:none;
		margin-top: 0px;
		padding-left: 5%;
		font-weight: bold;
		font-size: 0.9em;
	}
	.mainnav li a:hover, .mainnav li a:focus{
		background-color:  #2485b3;
		color: #DFDFDF;
	}
	
	#chosen{
		background-color: #2485b3;
		color: #FFFFFF;
	}
	
	.mainnav ul li ul li a{
		margin-top: 0px;
		background-color:  #a5bdad;
		font-size: 1.2em;
		font-weight: normal;
	}
	.mainnav ul li ul li a:hover,
	.mainnav ul li ul li a:focus{
		background-color:	#8ea395;
		font-weight: bold;
	}
	
	
	.maincontent {
		background-color:#ffffff;
		border-left: 1px #2485b3 solid;
		border-right: 1px #2485b3 solid;
	}
	
	h1 {
		width: 98%;
		border-top: 1px #C0C0C0 solid;
		background-image:url("./images/headline-deco.png");
		background-position:right top;
		background-repeat: no-repeat;
		padding-left: 2px;
		padding-top: -2px;
		font-size: 1.7em;
		font-weight: normal;
		color: #006699;
	}
	
	.right h1,
	.wrapper-right h1{
		line-height: 1.3em;
		font-size: 1.4em;
		font-weight: normal;
		margin-bottom: 0px; 
		padding-bottom: 0px;
	}
	
	.clear {
		clear: both;
	}

	
	
	.zelle,
	article{
		display: block;
		color: #333333;
		font-size: 0.96em;
		line-height: 1.5em;
	}
	article h1{
		margin-bottom: 0px;
		position:relative;
		top: 5px;
	}
	article .posted2 {
		color: #C0C0C0;
	}
	article h2{
		padding-left: 0px;
		width: 98%;
		font-size: 1.4em;
		line-height: 1.5em; 
		font-weight: normal;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	article h2 a {
		color: #006699;
		text-decoration:none;
	}
	article h2 a:hover, article h2 a:focus {
		color: #ff9966;
		text-decoration:underline;
	}
	article p {
		line-height: 1.4em;
		padding-top: 0px;
	}
	article .posted {
		margin-top: 0px;
		display: block;
		width: 98%;
		line-height: 1.1em; 
		color: #C0C0C0;
		padding-bottom: 0px;
		padding-left: 1px;
		margin-bottom: 0px; 
		font-weight: bold;
		font-size: 0.8em;
	}
	section {
		min-height: 500px;
	}
	section h2{
		display: block;
		width: 100%;
		font-size: 1.4em;
		font-weight: normal;
		color: #006699;
		margin-bottom: 0px;
		padding-bottom: 0px;
		position:relative;
		top: 8px;
	}
	section p{
		line-height: 1.4em;
	}
	section h1{
		font-size: 1.6em;
	}
	section h2 a, section h3 a{
		color: #006699;
		text-decoration: none;	
	}
	section h2 a:hover, section h3 a:hover{
		color: #193e65;;
	}
	
	.buttonrow{
		width: 100%;
		display: table;
		table-layout: fixed;
	}
	.emptyspace {
		display: table-cell;
		width: 32%;
	}
	.next, .prev {
		display: table-cell;
		width: 33%;
	}
	.next a, .prev a{
		display: block;
		background-color: #f8a259;
		border: 1px #2485b3 solid;
		line-height: 1.8em;
		color: #333333;
		font-weight: bolder;
		text-decoration: none;
		width: 100%
	}
	.prev a{	
		text-align:right;
		}
	.prev a:after {
		content:"\203A\203A";
		padding-left: 4%;
		padding-right: 3%;
	}
	.next a:before {
		content:"\2039\2039";
		padding-left: 3%;
		padding-right: 4%;
	}
	.next a:hover, .next a:focus, 
	.prev a:hover, .prev a:focus{
		background-color: #2485b3;
		color: #FFFFFF;
	}
	
	.totopmen{
		display:block;
		padding: 7px 7px 7px 7px;
		cursor:pointer;
		font-weight: bold;
		background-color: #ffffff;
		border: 1px #505050 solid;
		position: fixed;
		width: 20px;
		line-height: 20px;
		text-decoration: none;
		color: #333333;
		font-size: 1.5em;
		right: 5%;
		bottom: 7%;
		z-index: 999;
		text-align: center;
		opacity: 0;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-transition:opacity 500ms ease-out;
		-moz-transition:opacity 500ms ease-out;
		-o-transition:opacity 500ms ease-out;
		transition:opacity 500ms ease-out;
	}
	.totopmen:hover{
		opacity: 1;
	}
	footer {
		clear: both;
		background-color: #fef2da;
		padding-top: 45px;
		padding-bottom: 45px;
		border-top:1px #c0c0c0 solid;
	}
	.kontakt, .socialmedia {
		display: table-cell;
		width: 50%;
		color: #CFCFCF;
	}
	.kontakt a{
		color: #CFCFCF;
		text-decoration: none;
	}
	.kontakt a:hover{
		text-decoration: underline;
	}
	.kontakt {
		background-image:url('./img/feder.png');
		background-position: left bottom;
		background-repeat: no-repeat;
	}
	.socialmedia ul, .socialmedia li{
		list-style-type: none;
		list-style-position: inline;
		margin-left: 3px;
		padding-left: 0px;
		margin-bottom: 5px;
	}
	.socialmedia img {
		border: 0 #819588 transparent;
	}
	.socialmedia a{
		opacity: 0.7;
		text-decoration: none;
	}
	.socialmedia a:hover, .socialmedia a:focus {
		opacity: 1;
	}
	.kontakt h2, .socialmedia h2{
		display: block;
		width: 96%;
		border-bottom: 1px #CFCFCF solid;
		font-size: 1.1em;
	}
	footer nav ul{
		display: block;
		margin-left: 0px;
		padding-left: 0px;
		margin-top: 0px;
		padding-top: 10px;
	}
	.aussen p {
		margin: 0px 0px 0px 0px;
		padding-top: 3px;
		padding-bottom: 10px;
		font-size: 0.85em;
	}
	.aussen p a{
		color: #555555;
		text-decoration: none;
	}
	.aussen p a:hover {
		color: #CFCFCF;
	}
	footer nav ul li{
		list-style-type: none;
		list-style-position: inline;
		display: inline;
		margin-left: 0px;
		padding-left: 0px;
		margin-right: 10px;
	}
	footer nav ul li a{
		color: #C0C0C0;
		font-weight: bold;
		text-decoration: none;
	}
	footer nav ul li a:hover{
		color: #FFFFFF;
		text-decoration: underline;
	}
	footer{
		font-size: 0.9em;
		color: #666666;
	}
	footer .row{
		display:table;
		border-spacing: 0px;
		width: 100%;
		table-layout: fixed;
	}
	footer a{
		color: #666666;
		text-decoration: none;
	}
	footer a:hover, footer a:focus {
		color: #111111;
		text-decoration: underline;
	}
	.footer-logo{
		width: 100%;
		border-bottom: 1px #999999 solid;
		margin-bottom: 0px;
	}
	.footer-logo img{
		width: 100%;
		max-width: 30%;
	}
	.footer-left{
		display: table-cell;
		width: 30%;
		border-right: 1px #999999 solid;
	}
	.footer-left p{
		width: 70%;
	}
	.footer-right{
		display: table-cell;
		width: 70%;
	}
	.footer-nav {
		width: 100%;
		border-bottom: 1px #999999 solid;
		line-height: 2em;
	}
	.footer-nav a{
		padding-left: 5%;
	}
	.footer-nav .nav-table{
		display:table;
		border-spacing: 0px;
		width: 100%;
		table-layout: fixed;
	}
		.footer-nav .nav-table .nav-cell{
			display: table-cell;
			width: 19%;
		}		
		.footer-nav .nav-table .nav-cell img {
			display: run-in;
			position: absolute;
		}
	
		.footer-social a {
			opacity: 0.6;
			position: relative;
			top: 5px;
			left: 5px;
			padding-right: 5px;
		}
		.footer-social a:hover{
			opacity: 1;
		}
	
	.quicklinks,
	.freitext p,
	.tagcloud {
		background-color: #fef2da;
		margin-top: 5px;
		font-size: 0.95em;
		padding: 3px 5px 3px 5px;
		margin-right: 3px;
	}
	.quicklinks ul,
	.quicklinks li{
		list-style-type: none;
		list-style-position: inline;
	}
	.quicklinks li{
		margin-bottom: 8px;
	}
	
	.freitext p img{
		max-width: 99%;
		height: auto;
	}
	.tagcloud{
		text-align: justify;
		line-height: 1.45em;
	}
	
	article a,
	.tagcloud a,
	.freitext a,
	.quicklinks a{
		color: #006699;
		text-decoration: none;
	}
	section a{
		color: #006699;
		text-decoration: underline;
	}
	article a:hover, article a:focus,
	section a:hover, section a:focus,
	.tagcloud a:hover, .tagcloud a:focus,
	.freitext a:hover, .freitext a:focus,
	.quicklinks a:hover, .quicklinks a:focus{
		color: #ff9966;
		text-decoration: underline;
	}
	
	#tagsuche a{
		font-weight: bold;
	}
	.teaser {
		display: block;
		font-size: 0.85em;
		color: #909090;
		margin-bottom: 13px;
	}
	
	.kleinundunscheinbar{
		color: #BABABA;
		font-size: 0.8em;
	}
	.kleinundunscheinbar2{
		color: #CACACA;
		font-size: 0.75em;
	}
	
	.suche {
		width: 80%;
	}
	.suche li{
		margin-bottom: 9px;
	}


	

	
	/****************/
	/*Tabellenfarben*/
	.termin1, .termin2, .termin3 {
		border: 1px #C0C0C0 solid;
		vertical-align: top;
	}
	.termin1 a, .termin2 a, .termin3 a{
		font-size: 0.9em;
		display:block;
		width: 99%;
		line-height: 1.4em;
	}
	.termin1{
		background-color: #EFEFEF;
	}
	.termin2{
		background-color: #DCDCDC;
	}
	.termin3{
		background-color: #C2D4C8;
	}
	
	.tabelleHell{
		background-color: #EFEFEF;
	}
	.tabelleDunkel{
		background-color: #CECECE;
	}
	
	.termin1:hover, .termin2:hover, .termin3:hover,
	.tabelleHell:hover,
	.tabelleDunkel:hover,
	.table_red:hover	{
		background-color: #F5F6CE;
		color: #333333;
	}
	.table_red {
		background-color: #FFC0C0;
	}
	
	.menuebutton {
		display:none;
	}
	.mobonly{
		display:none;
		position: absolute;
		left: -1000px;
	}
	
	.sendwichmen{
		display:none;
	}
	
	/********************/
	/*** Adminbereich ***/
	.adminmenue{
		display:block;
		position: fixed;
		right:0;
		top: 0;
		width: 155px;
		height: 100%;
		background-color: #ffffff;
		border-left: 1px #CC0000 solid;
	}
	.adminmenue h1{
		display: block;
		width: 98%;
		margin: 0px 0px 0px 0px;
		padding-left: 2%;
		line-height: 2em;
		background-color: #CC0000;
		color: #FFFFFF;
		font-size: 1.2em;
		background-image: none;
		border: none;
	}
	
	.adminmenue div {
		display:block;
		width: 100%;
		height: 24px;
		overflow: hidden;
		margin-top: 10px;
		margin-bottom: 5px;
		border-bottom: 1px #CC0000 solid;
		-webkit-transition: height 300ms;
		-moz-transition: height 300ms;
		transition: height 300ms;
		transition-timing-function: ease-out;
	}
	.adminmenue h2 {
		display: block;
		width: 98%;
		margin: 0px 0px 0px 0px;
		padding-left: 2%;
		line-height: 1.5em;
		background-color: #CC0000;
		color: #FFFFFF;
		font-size: 1em;
	}
	.adminmenue div a {
		display:block;
		width: 98%;
		margin: 0px 0px 0px 0px;
		padding-left: 2%;
		line-height: 1.5em;
		font-size: 1em;
		color: #333333;
		text-decoration:none;
		border-bottom: 1px #C0C0C0 dashed;
	}
	.adminmenue div a:hover{
		font-weight: bold;
		background-color: #FFC0C0;
	}
	.adminmenue .single{
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.adminmenue .single a{
	 color: #FFFFFF;
	 text-decoration: none;
	 font-weight: normal;
	 font-size: 0.9em;
	 }
	 .adminmenue .single a:hover{
		font-weight: bold;
	 }
	.adminmenue div:hover {
		height: 150px;
	}
	
	.print{
	display:none;
	width: 1px;
	height: 1px;
	position: absolute;
	}
	
	header .img-space-mobile{
		display: none;
	}
	
	#newslist{
		font-size: 0.9em;
	}
	#newslist a{
		color: #444444;
		text-decoration: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	
	/* Adminmenue braucht platz! */
	@media all and (max-width: 1359px){
		.adminmenue{
			display:none;
		}
	}
/******************************
 **** Max width < 1300 px *****
 ******************************/
@media all and (max-width: 1299px){
	.oben  {
		background-image:url("./images/header_logo_tablet.png");
		background-position:right top;
		background-repeat: no-repeat;
		background-color: #fef2da;
		height: 115px;
	}
	.inhalt{ 
	width: 96%;
	}
	.breiter {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	}
	header .img-space{
		width: 100%;
		height: auto;
		background-size: 100%;
	}
	header .img-space img{
		max-width: 100%
	}
	header  .img .slogan{
		margin-top: -6%;
	}

	.logo img{
		max-width: 70%;
	}
	.center{
		width: 60% !important;
	}
	.right{
		width: 20% !important;
	}
	.right img{
		height: auto !important;
		max-width: 99% !important;
	}
	.tagcloud{
		font-size: 0.85em;
	}
	.center img,
	section img,
	article img{
		height: auto !important;
		max-width: 70% !important;
	}

	.totopmen{
		right: 2px;
		bottom: 10%;
		opacity: 0;
	}
	
	
	#kopfgrafik{
		width: 100%;	
		height: auto;
	}
	#schoepfende{
		background-image:none;
	}
	
} 

@media all and (max-width: 960px){
.contentrow{
		display: block;
	}
	.tabletrow{
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.right .graybox{
		display: block;
		float:left;
		width: 230px;
		margin-right: 19px;
	}
}

@media all and (max-width: 890px){
	
	header .img-space{
		display:none;
		visibility: hidden;
	}
	header .img-space-mobile{
	position: relative;
	display:table; 
	table-layout: fixed;
	width: 100%;
	height: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	margin: 0 auto;
	background-repeat: no-repeat;
	}
	
	.wrapper-left{
		display:block;
		width: 100%;
	}
	
	.wrapper-right{
		display: block;
		width: 100%;
	}
	.wrapper-right .graybox{
		display: block;
		float:left;
		width: 33%;
	}
	
	.wrapper-right .graybox{
		display: block;
		float:left;
		width: 230px;
		margin-right: 19px;
	}
	footer{
		clear:both;
	}
	
	
	.row, article{
		display: block;
	}
	.wrapper-left{
		margin-top: 0px;
	}
	.maincontent {
		background-image:none;
	}
	.youarehere{
		margin-top: 7px;
	}

	#subchosen{
		font-weight: normal;
	}
	
	.footer-nav {
		display:none;
	}
	.footer-left,
	.footer-right{
		display:table-row;
	}
}

/******************************
 **** Max width < 640 px *****
 ******************************/
@media all and (max-width: 639px){
	
	.oben  {
		background-image:url("./images/header_logo_mob.png");
		background-position:right top;
		background-size: 100%;
		background-repeat: no-repeat;
		background-color: #fef2da;
		height: 95px;
	}
	
	.header-nav,
	.menue,
	.left,
	.kontakt,
	.aussen,
	#kopfgrafik{
		display:none;
		visibility: hidden;
	}
	.mainbody{
		border-top: 10px  #2485b3 solid;
		position: relative;
		bottom: 20px;
	}
	.youarehere{
		padding-top: 15px;
		line-height: 1.6em;
		font-size: 0.6em;
	}
	
	section {
		height: auto;
		min-height: 0px;
	}
	
	.innen {
		padding-top: 3px;
		padding-bottom: 3px;
	}
	footer{
		position: relative;
		bottom: 20px;
	}
	
	.mobmen{
		display:none;
	}
	
	.totopmen{
		display:none;
	}
	
	.sendwichmen{
		display:block;
		padding: 7px 7px 7px 7px;
		cursor:pointer;
		line-height: 0.3em;
		font-size: 1.8em;
		font-weight: bold;
		background-color: #ffffff;
		border: 1px #505050 solid;
		position: fixed;
		left: -1px;
		top: 38px;
		z-index: 999;
		text-align: center;
		opacity: 0.8;
	}
	.sendwichmen:hover{
		opacity: 1;
	}
	.sendwichmen span{
		position: relative;
		bottom: 14px;
	}
	
	.mobonly{
		position:fixed;
		left:0px;
		top: 0px;
		border: 1px  #2485b3 solid;
		width: 75%;
		height: auto;
		background-color: #ffffff;
		z-index: 1000;
		height: 100%;
		overflow: scroll;
	}
	.mobonly ul,
	.mobonly li {
		list-style-type: none;
		list-style-position: inside;
		clear: both;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.mobonly a{
		display: block;
		line-height: 2.2em;
		width: 98%;
		padding-left: 2%;
		text-decoration: none;
	}
	.mobonly #chosen{
		color: #E6E6E6;
		font-weight: bold;
	}
	.mobonly #choosen{
		color: #666666;
		font-weight: bold;
	}
	
	.mobonly .orange{
		background-color: #f8a259;
		color: #222222;
		font-weight: bold;
		border-top: 1px #696969 solid;
	}
	.mobonly .blue{
		background-color: #2485b3;
		color: #E6E6E6;
		width: 94%;
		padding-left: 6%;
		border-top: 1px #b2d1e0 solid;
	}
	.mobonly .lightblue{
		background-color: #b2d1e0;
		color: #2485b3;
		width: 90%;
		padding-left: 10%;
		border-top: 1px #2485b3 solid;
	}
	.mobonly .white{
		background-color: #FFFFFF;
		color: #555555;
		font-weight: normal;
		border-top: 1px #E6E6E6 solid;
	}
	
} 

/******************************
 **** Max width < 260 px *****
 ******************************/
@media all and (max-width: 440px){
	.oben  {
		background-image:url("./images/header_logo_mob2.png");
		height: 75px;
	}
	.breiter,
	.inhalt{
		width: 97%;
		margin-left: 1%;
		margin-right: 1%;
	}
	header .img-space-mobile {
		display:block; 
		width: 100%;
		min-width: 100%;
		height: auto;
		margin-left: 0%;
		margin-right: 0%;
	}
	header .img-space-mobile .img {
		clear:both;
		display: table-row;
		width: 100%;
	}
	header .img-space-mobile img{
		width: 100%;
		margin-top: 3px;
	}
	header .img-space-mobile .img .slogan{
		background: rgba(0, 0, 0, 0.8);
		width: 97%;
	}

	
	
}