*, html {padding: 0; margin: 0}

.invisible {
	display: none;
}

@font-face {
  font-family: open-sans-condensed;
  font-style: normal;
  font-weight: 600;
  src:	url('/files/fonts/light.eot'),
		url('/files/fonts/light.woff') format("woff"),
}

body,
input,
textarea,
button {
	font-family: open-sans-condensed, Arial, Sans-Serif;
}

#container #main h2 {
	margin-left: 0px;
	padding-left: 40px;
	margin-bottom: 1em;
	background: url(/files/bilder/muster/wuerfel-sw.png) no-repeat left center;
	}
.ce_form {
	width: 97%;
}
.ce_form .formbody label {
	display: block;
	padding-top: 0.5em;
	width: auto;
	vertical-align: top;
}
.ce_form .formbody input,
.ce_form .formbody textarea {
	padding: 0.5em;
	margin-bottom: 0.2em;
	width: 100%;
	background: #EEEEEE;
	font-size: 100%;
	border: 0px;
	border-bottom: 1px solid #000000;
}
.ce_form button {
	padding: 0.5em;
	font-size: 100%
}
#container #main p,
#container #main ul {
	margin-bottom: 1em;
}
.content-text,
.widget-altcha  {
	padding-bottom: 2em;
}




.nav-toggler {
  font-family: open-sans-condensed, sans-serif;
  float: right;
  position: fixed;
  top: 0.5rem;
  right: 0.5rem;
}
.nav-toggler__button {
	background: #AAAAAA;
	border: 2px solid #000000;
	border-radius: 5px;
	outline: none;
	color: #FFFFFF;
	padding: 0.3em;
	font-size: 120%;
}



@media (min-width: 760px)
{
	body {
		font-size: x-large;
		background: url(/files/bilder/background-galerie/_120153674_S.jpg) no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}
	#header {
		height: 120px;
		background-image: url(/files/bilder/muster/balken-weiss.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	#header #logo {
		padding-left: 20px;
		padding-top: 20px;
	}

	.mod_navigation {
		position: absolute;
		top: 50px;
		left: 300px;
		display: inline;
	}
	.mod_navigation li {
		display: inline;
		padding: 0;
	}

	.mod_navigation li a,
	.mod_navigation li .active {
		padding: .5em;
		display: inline-block;
		text-decoration: none;
		color: #000000;
	}
	.mod_navigation li a:hover {
		background-color: #FFBD29;
	}
	.mod_navigation li .active {
		background-color: #FFDE94;
	}
	#container {
		width: 50%;
		background: #fff;
		background: rgba(255,255,255, .9);
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		padding: 3em;
	}


	#container #main ul li {
		margin-left: 1em;
	}
	#container #main a {
		text-decoration: underline;
		font-weight: bold;
		color: #666666;
	}
	#container #main a:hover {
		text-decoration: underline;
		color: #000000;
	}

	#container #main p.rechts {
		float: right;
	}



	.nav-toggler {
		display: none;
	}

	
}

@media (max-width: 760px)
{
	body {
		font-size: 120%;
	}
	p.rechts a img{
		float: left;
	}
	#header 
	{
		border-bottom: 2px solid #000000;
	}
	#header #logo {
		padding-left: 5px;
		padding-top: 5px;
	}
	#container #main {
		margin: 1em;
	}
	#container .main h2 {
		margin-left: 0px;
		padding-left: 40px;
		margin-bottom: 1em;
		background: url(/files/bilder/muster/wuerfel-sw.png) no-repeat left center;
	}
	#container #main p,
	#container #main ul {
		margin-bottom: 1em;
	}
	#container #main ul li {
		margin-left: 1em;
	}
	#container #main a {
		text-decoration: underline;
		font-weight: bold;
		color: #666666;
	}
	#container #main a:hover {
		text-decoration: underline;
		color: #000000;
	}
	.mod_navigation111111111111 {
		display: none;
	}
}

@media screen and (max-width: 767px) 
{	
	.nav--mobile {
		max-height: 0;
		visibility: hidden;
		transition: max-height 0s 3s, background 0.3s;
		background: transparent;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		oz-index: -1;
}
  .nav--mobile ul.level_1 {
    position: relative;
    top: 150px;
    transform: translateY(-80%);
  }
	.nav--mobile--active {
		max-height: 100%;
		transition: max-height 0s, background 0.3s;
		background: rgba(0, 0, 0, 0.9);
		visibility: visible;
		padding-left: 1em;
	}
	.nav--mobile--active li,
	.nav--mobile--active li a{
		opacity: 1;
		color: #FFFFFF;
		list-style-type: none;
		text-decoration: none;
		line-height: 2em;
	}
	.nav--mobile--active li {
		border-bottom: 1px dotted #666666;
	}
	.nav--mobile--active li a:hover
	{
		color: #FFBD29;
	}
	.mod_navigation li .active 
	{
		color: #FFDE94;
	}
}