@media screen {
	
	
	body {
	}
	
	
	H1, h2, p, ul, li {
		font-family: 'PT Serif', serif;
	}
	
	
	
	
	
	
	h1 {
		font-size: 2em;
		color: #fff;
		line-height: 1.3em;
		padding-left:25px;
		padding-top: 0.75em;
	}
	
	h2 {
		font-size: 1.6em;
		color: #5F6062;
	}
	
	
	h3 {
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		font-size: 0.9em;
		line-height: 1.4em;
	}
	
	.zentriert {
		display: table-cell; 
		vertical-align: middle;
		border-left: white 10px solid;
		border-right: white 10px solid;
	}
	
	.nodesktop, .nodesktopmeta {
		display:none!important;
	}
	
	.nomobilemeta {
		display:inline!important;
	}
	
	
	.nomobile {
	}
	
	.softgo {
		margin-bottom:0px;
	}
	
	.fa-ul {
		margin-left: 0px;
	}
	
	.fa-minus:before {
		content:"\002D";
	}
	
	.gbox-aside p, .gbox-aside ul li {
		font-family: 'Oswald', sans-serif;
		font-weight: 300;
		font-size: 0.9em;
	}
	
	.gbox-aside strong {
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		font-size: 0.915em;
	}
	
	#suche h2 {
		font-size: 1.25em;
	}
	
	#suche a {
		color: #5F6062;
	}
	
	#suche a:hover {
		color: #333333;
	}
	
	
	.form-submit {
		display:none;
	}
	
	.search {
		
		
		background: rgba(255, 255, 255, 0.5);
		border:none; 
		margin:7px 7px 0px 7px;
		color: #444444;
		font-family: "Open Sans Condensed",sans-serif;
		font-size: 1.3em;
		font-size: 1em; 
		
		padding-left:13px; 
		padding:2px 13px; 
		
		width: 118px;
	}
	
	#flags {
		clear:both;
	}
	
	#flags ul {
		margin: 0px auto; 
		padding-top:10px;
		position: relative;
		padding-left: 10px; 
		
	}
	
	#flags ul li {
		margin: 0px; 
		padding: 0px; 
		padding-left: 10px; 
		display:inline; 
		float:left; 
		position: relative;	
	}
	
	
	footer p {
		font-family: 'Oswald', sans-serif;
		padding-top: 0px;
		text-align: center;
		font-size: 13px;
		font-weight: 300;
		letter-spacing: 0.045em;
		color: #99abbb;
	}
	
	footer p a {
		color: #99abbb;
	}
	
	footer p a:hover {
		color: #99abbb;
	}
	
	.gbox-aside ul {
		margin: 0px;
		padding:0;
		margin-left: 15px;
	}
	
	.gbox-aside ul li {
		margin: 0px;
		padding:0px;
	}
	
	ul li.spiegelstrich {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	li.spiegelstrich:before {
		font-family: FontAwesome;
		content: "\002D ";
		margin-left:-15px;
		padding-right: 8px;
	}
	
	.gbox-maincontent ul {
		margin: 0px;
		padding:0;
		margin-left: 23px;
	}
	
	.gbox-maincontent ul li {
		margin: 0px;
		padding:0px;
	}
	
	.gbox-maincontent strong {
		color:#5F6062!important;
	}
	
	
	.gbox-maincontent a:link, .gbox-maincontent li a {
		color:#444444!important;
		border-bottom: 1px #444444 dotted;
		
	}
	
	ul li.listenpunkt {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	ul li.listenpunkt:before {
		font-family: FontAwesome;
		content: "\f138";
		margin-left:-23px;
		padding-right: 10px;
		color:#FF8B1A;
	}
	
	
	.bulletafter a {
		border-bottom:0px;
		text-decoration:none;
	}
	
	.bulletafter:after {
		color:#FF8B1A;
		display: inline-block;
		font-family: FontAwesome;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\00a0\f138";
		
	}
	
	.bulletbefore a {
		border-bottom:0px;
		text-decoration:none;
	}
	
	.bulletbefore:before {
		color:#FF8B1A;
		display: inline-block;
		font-family: FontAwesome;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\f138\00a0";
		
	}
	
	
	
	/* ------------------------------- yaml ------------------------------------ */
	
	.ym-wrapper {
		max-width:1070px;
		min-width:1070px;
		margin: 0 auto;
		text-align: left;
		position:relative;
		padding-top: 40px;
	}
	
	
	
	
	
	a:active { outline: none; }
	
	/* (en) maximum constrast for tab focus - change with great care */
	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
	
	a {
		background: transparent;
		text-decoration: none;
		border-bottom: 0px #444 dotted;
	}
	
	a:hover, a:focus {
		background-color: transparent;
		text-decoration: none;
		color:#444;
		border-bottom: 0px #444 dotted;
		
	}
	
	
	.ym-g83 {
		width: 83.333%;
	}
	.ym-g16 {
		width: 16.666%;
	}
	
	.ym-gbox {
		margin: 2px 10px 2px 10px;
		padding:0px;
	}
	
	.gbox-maincontent  {
		padding: 25px 30px;
		background-color:#DFEAF0;
	}
	
	.gbox-maincontent-abstand-unten {
		padding-bottom: 30px;
	}
	
	.gbox-aside  {
		padding: 10px 10px;
		background-color:#DFEAF0;
	}
	
	.gbox-aside a {
		background: transparent;
		text-decoration: none;
		color:#444;
		border-bottom: 0px #444 dotted;
	}
	
	.gbox-aside a:hover, a:focus {
		background-color: transparent;
		text-decoration: none;
		color:#444;
		border-bottom: 0px #444 dotted;
		
	}
	
	.float-right {
		float: right;
		display: inline;
	}
	
	.flexible { margin:0px; }
	
	.logo {
		float:right;
		padding-right:240px;
		border: 0px;
	}
	
	.bg_kopf {
		
		background-image: url("/_img/_layout/bg_image.jpg");
		background-repeat: no-repeat;
		height: 140px;
		background-position: right top; 
	}
	
	input::-webkit-input-placeholder { /* WebKit browsers */
		line-height: 1.5em;
		color:    #444444;
		
	}
	input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		line-height: 1.5em;
		color:    #444444;
	}
	
	input::-moz-placeholder { /* Mozilla Firefox 19+ */
		line-height: 1.5em;
		color:    #444444;
	}
	
	input:-ms-input-placeholder { /* Internet Explorer 10+ */
		line-height: 1.5em;
		color:    #444444;
	}
	
	
	
	.ibsform {
		margin-bottom: 2px;
		height: 100px;
	}
	
	.ibsformButton {
		cursor:pointer;
		border: none;
		padding-top: 10px;
		padding-left:10px;
		color:#444444;
		position: relative;
		text-align:left;
		width:100%;
		
	}
	
	.ibsformButton.gelb {
		background:url(/_img/_layout/submitgelb.png) no-repeat;
		background-position: 85px 12px;
		
	}
	
	.ibsformButton.gruen {
		background:url(/_img/_layout/submitgruen.png) no-repeat;
		background-position: 85px 12px;
		
	}
	
	.ibsform_gruen_linie {
		border-top: 2px #ffffff solid;
	}
	
	input[type=submit]{
		color: #444444;
		font-family: "Open Sans Condensed",sans-serif;
		font-size: 1.3em;
	}
	
	
	.ym-form {
		background: transparent;
		border: 0px solid #FFF;
		margin: 0px 0px 0em;
		box-shadow: 0px 0px 0px #DDD;
	}
	
	.ym-form input, .ym-form textarea {
		padding-top: 6px;
		padding-bottom: 6px;
		margin-bottom: 10px;
	}
	
	.ym-form input:invalid, .ym-form textarea:invalid {
		background-color: #FEDCBA;
	}
	
	/* ------------------------------- bxslider ------------------------------------ */
	
	.hideslide {
		visibility:hidden;
	}
	
	
	.bx-wrapper .bx-viewport {
		-moz-box-shadow: 0 0 0px #ccc;
		-webkit-box-shadow: 0 0 0px #ccc;
		box-shadow: 0 0 0px #ccc;
		border: solid #fff 0px;
		left: -5px;
		background: #fff;
	}
	
	.bxslider li {
		margin-left:5px;
	}
	
	
	/* ------------------------------- custom main ------------------------------------ */
	
	
	
	
	
	.orange { color:#FF8B1A; }
	.blau { color:#00B7EB; }
	.gelb { color:#FFB700; }
	.gruen { color:#74C336; }
	.magenta { color:#b71351; }
	
	.bg_orange, ul#navigation div.ym-gbox.bg_orange ul li div.nav_li_border, ul#navigation div.ym-gbox.bg_orange ul li div.ym-gbox { background-color:#FF8B1A !important; }
	.bg_blau, ul#navigation div.ym-gbox.bg_blau ul li div.ym-gbox { background-color:#00B7EB !important; }
	.bg_gelb, ul#navigation div.ym-gbox.bg_gelb ul li div.ym-gbox { background-color:#FFB700 !important; }
	.bg_gruen, ul#navigation div.ym-gbox.bg_gruen ul li div.ym-gbox { background-color:#74C336 !important; }
	.bg_magenta, ul#navigation div.ym-gbox.bg_magenta ul li div.ym-gbox { background-color:#b71351 !important; }
	
	
	
	/*Formatierung Tabellen */
	
	
	table.narrow th {
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:0.929em;
		color: #335FAC;
		line-height:1.5;
		border-bottom: 2px #335FAC solid;
		padding: 0.5em 0.5em;
	}
	
	table.narrow td {
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size:0.929em;
		color: #333333;
		color: #515151;
		
		line-height:1.5;
		padding: 0.5em 0.5em;
		
	}
	
	
	/* ------------------------------- Nav ------------------------------------ */
	
	
	#nav {
		position:relative;
	}
	
	ul#navigation {
		margin:0px auto;
		position:relative;
	}
	
	ul#navigation li {
		display:inline;
		margin:0;
		padding:0;
		float:left;
		position:relative;
		text-align:center;
	}
	
	ul#navigation li a {
		padding:5px 25px;
		color:#fff;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 1.3em;
		text-decoration:none;
		display:inline-block;
		display:block;
		
		border-bottom: 0px;
		-webkit-transition:color 0.2s linear, background 0.2s linear;	
		-moz-transition:color 0.2s linear, background 0.2s linear;	
		-o-transition:color 0.2s linear, background 0.2s linear;	
		transition:color 0.2s linear, background 0.2s linear;	
		
	}
	
	ul#navigation li a:hover  {
		background:#f8f8f8;
		background-color: rgba(255,255,255,0.0);
		
		color:#282828;
		color:#fff;
		
	}
	
	ul#navigation li:hover > a {
		background:#fff;
	}
	
	/* Drop-Down Navigation */
	ul#navigation li:hover > div ul
	{
		visibility:visible;
		opacity:1;
	}
	
	ul#navigation ul, ul#navigation ul li ul {
		list-style: none;
		margin: 0;
		padding: 0;    
		visibility:hidden;
		
		position: absolute;
		z-index: 99999;
		left:0px;
		right:0px;
		opacity:0;
		
		-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
		-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
		-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
		transition:opacity 0.2s linear, visibility 0.2s linear; 	
	}
	
	
	
	
	ul#navigation ul li {
		clear:both;
		width:100%;
		border:0 none;
		
	}
	
	.hn_active {
		background-image: url('/_img/_layout/nav_activ.gif')!important;
		background-repeat: no-repeat;
		background-position: top right; 
	}
	
	ul#navigation ul li a {
		background:none;
		padding:5px 15px;
		text-decoration:none;
		display:inline-block;
		display:block;
		border:0 none;
		clear:both;
		color: #5F6062;
		background-color: rgba(255,255,255,0.7);
		margin-bottom: -1px;
		
		-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
		
	}
	
	
	
	ul#navigation li a.first {
		border-left: 0 none;
	}
	
	ul#navigation li a.last {
		border-right: 0 none;
	}
	
	
	.nav_li_border  {
		margin-top: 2px; 
		margin-left: 10px; 
		margin-bottom:-2px;
		margin-right:40px;
		height:5px;
	}	
	
	.heller {
		background-color: rgba(255,255,255,0.7)!important;
		height:5px;
		width: 100%;
	}
	
	
	
	
	#sidenavigation ul {
		list-style-type: none;
	}
	#sidenavigation li {
		margin: 0px;
		padding: 0px;
	}
	
	#sidenavigation ul li a {
		padding-left: 20px;
		color: #FFF;
		color: #444444;
		font-family: "Open Sans Condensed",sans-serif;
		font-size: 1.3em;
		text-decoration: none;
		
		display:block;
	}
	#sidenavigation ul li a:hover {
		
		color: #5F6062;
		background-color: #C8D6E1;
		
	}
	
	/* ------------------------------- Galerie ------------------------------------ */
	
	div.gallery {
		margin-right:-10px;
		padding-bottom:10px;
		padding-top:20px;
	}
	
	div.gallery div.thumbnail {
		width:120px;
		float:left;
		height:120px;
		margin:0px 10px 10px 0px;
		border-bottom:none;
	}
	
	div.gallery a {
		border-bottom:none;
	}
	
	.clear {
		clear:both;
	}
	
	
	
	
}



/* Smartphones */

@media screen and ( max-width: 780px )  {
	
	
	/* linearization for grid module */
	
	.linearize-level-1,
	.linearize-level-1 > [class*="ym-g"] {
		display: block;
		float: none;
		padding: 0px;
		margin: 0px;
		width: 100% !important;
	}
	
	/* reset defined gutter values */
	
	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 25px 25px;
		margin: 0 10px;
		margin-top: 10px;  
	}
	
	body {
		font-size: 98%;
	}
	
	.ym-wrapper {
		max-width:100%;
		min-width:100%;
		margin: 0 auto;
		text-align: left;
		padding-top: 10px;
	}
	
	.nomobile, .nomobilemeta  {
		display:none!important;
	}
	
	.nodesktop, .nodesktopmeta {
		display:inline!important;
	}
	
	.burger {
		position:absolute;
		top: 45px;
		left: 35px;
		z-index: 10000;
		color: #5F6062;
		padding: 2px 5px 1px 5px;
		background-color: #FF8B1A;
	}
	
	.burger a {
		color: #fff!important;
	}
	
	.gbox-maincontent-abstand-unten {
		padding-bottom: 0px;
	}
	
	.logo {
		padding-right: 20px;
		padding-left:75px;
	}
	h1 {
		margin-left:-10px;
		margin-right:10px;
		font-size: 1.9em;
		
	}
	
	/* ------------------------------- bxslider ------------------------------------ */
	
	
	
	.bx-wrapper .bx-viewport {
		padding-top: 10px;
	}
	
	
	footer p {
		font-family: 'Oswald', sans-serif;
		padding-top: 10px;
		text-align: center;
		font-size: 13px;
		font-weight: 300;
		letter-spacing: 0.07em;
	}
	
	html.mm-opening .mm-page, html.mm-opening #mm-blocker {
		transform: translate(60%, 0);
	}
	
	.mm-menu {
		width: 60%;
	}
	
	.mm-list > li {
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 1.5em;
	}
	
	.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
		border-bottom-width: 0px;
	}
	
	.mm-list a.mm-subopen:before {
		
		border-left-width: 0px;
	}
	
	a {
		border-bottom: 0px #444 dotted;
	}
	
	.gbox-aside p, .gbox-aside li {
		font-size: 1em;
	}
	
	.gbox-aside strong {
		font-size: 1em;
	}
	
	.bg_kopf {
		background-position: -310px top; 
	}
	
	.ibsform {
		margin-bottom: 0px;
		height: auto;
	}
	
	.ibsform_gruen_linie {
		border-top: 0px #ffffff solid;
	}
	
	
	
}

