body {
	background-color:#fcfcfc;
	font-size:16px;
	}

.page-content-wrapper {
	width:100%;
	max-width:64rem;
	box-sizing:border-box;
	margin:auto;
}

.header {
    margin-top: 4rem;
	position:relative;
}

.slogan {
    background-color: #c2161d;
    height: 2.5rem;
	line-height:2.5rem;
	padding:0 1.5rem;
	padding-left:12rem;
	color:#fff;
	font-family: Arial,Helvetica,sans-serif;
	font-size:1.2rem;
}

.slideshow {
	max-height:30rem;
	overflow:hidden;
}

.slideshow img {
	width:100%;
}

.slideshow div.moduletable {
	margin:0;
}

::-webkit-input-placeholder { /* Edge */
  color: green;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: green;
}

::placeholder {
  color: green;
}

.logo {
    background-color: #c2161d;
    position: absolute;
    top: -4rem;
    left: 1.5rem;
    padding: 0;
    z-index: 10000;
    width: 9rem;
    height: 9rem;
    background-image: url(../images/logo_nasenheld.png);
    background-size: 7.5rem auto;
    background-position: center 2.2rem;
    background-repeat: no-repeat;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(223,254,93,1);
	-moz-box-shadow: 4px 4px 0px 0px rgba(223,254,93,1);
	box-shadow: 4px 4px 0px 0px rgba(223,254,93,1);
}

.logo img {
	width:8rem;
	display:none;
}

.main-menu {
	font-family:Arial,Helvetica,sans-serif;

	font-size:1.2rem;
	height:2.5rem;
	line-height:2.5rem;
	box-sizing:border-box;
	padding:0;
	box-sizing:border-box;
}

.main-menu > ul {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
}

.desktop-hidden {
	display:none;
    color: #888;
    font-family: Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    /* padding-left: 4rem; */
    background-image: url(../images/menu.png);
    background-size: 2rem auto;
    background-repeat: no-repeat;
    width: 2rem;
    background-position: right 0.25rem;
    height: 2.5rem;
    box-sizing: border-box;
    background-color: transparent;
    border: 0;
    padding-top: 0.2rem;
    margin-right: 0;
    width: 100%;
}	

.main-menu > ul > li {
	float: left;
	padding-right:0;
	position:relative;
}

.main-menu > ul > li > a {
		text-decoration: none;
		color:#fff;
		border-bottom:0.2rem solid #c2161d;
		display:inline-block;
		padding: 0 1.5rem;
		height:2.5rem;
		line-height:2.5rem;
		box-sizing:border-box;
}

.main-menu > ul > li > a:hover {
	color:#fff;
	border-color:#DFFE5D;
}

.main-menu > ul > li > ul {
	display:none;
    background-color: #fff;
    padding: 0.5rem 1.5rem;
    position: absolute;
    font-size: 1rem;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	z-index:10001;
}

.main-menu > ul > li:hover > ul {
	display:block;
}

.main-menu > ul > li > ul > li {
	line-height:1.6rem;
}

.main-menu > ul > li > ul > li > a, .main-menu > ul > li > ul > li > a:visited {
	color:#000;
	text-decoration:none;
	display:inline-block;
	width:100%;
}

.main-menu > ul > li > ul > li > a:hover {
	color:#c2161d;
	text-decoration:none;
}

.nav-pills>.active>a, .nav-pills>.active>a:focus, .nav-pills>.active>a:hover {
    color: #c2161d;
    background-color: #DFFE5D;
    border-color: #DFFE5D;
}
.two-col-content {
	display:flex;
	flex-direction:row;
	margin-top:1rem;
	position:relative;
}

.additional-content {
    flex-grow: 0;
    flex-shrink: 0;
    /* width: 14rem; */
    /* margin-right: 1rem; */
    padding: 0 1.5rem;
    background-color: #c2161d;
    font-size:0.8rem;
    color:#fff;
    box-sizing: border-box;
    text-align: right;
    display:flex;
    flex-wrap:wrap;
}

.main-content {
	flex-grow:1;
	flex-shrink:1;
	width:20rem;
	background-color:#fff;
	padding: 0.5rem 1.5rem 0.5rem 1.5rem;
	box-sizing:border-box;
}

.breadcrumbs {
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8rem;
	color:#aeaeae;
	display:inline-block;
	width:100%;
	text-align:right;
}

.additional-content .moduletable {
	clear:both;
	margin-bottom:0rem;
	flex-grow:1;
	line-height: 2rem;
	/*border-bottom:1px solid #fff;*/
}

.additional-content .moduletable .invisible {
	display:none;
}

.additional-content .nav.menu {
	display:flex;
	flex-direction:row;
	align-items:flex-end;
	justify-content:flex-end;
	margin-bottom:0;
	flex-wrap:wrap;
}

.additional-content .nav.menu > li {
    font-size: 0.7rem;
    color: #fff;
    line-height: 2rem;
	font-family:Arial,Helvetica,sans-serif;
	margin-left:1rem;
}

.additional-content .nav.menu a {
    color: #fff;
	text-decoration:none;
}

.additional-content .nav.menu a:hover {
    color: #fff;
}

.additional-content .nav.menu > li > ul {
	margin-left:1.5rem;
}

.additional-content .moduletable form, .additional-content .moduletable form div.userdata {
	display:flex;
	flex-direction:row;
	justify-content: flex-start;
	margin:0;
	font-size:0.7rem;
	flex-wrap:wrap;
}

.additional-content .moduletable form > div, .additional-content .moduletable form div.userdata > div {
	margin-right:1rem;
}

.additional-content .moduletable form div .btn {
    background: transparent;
    border: 0;
    color: #fff;
    padding: 0;
    -webkit-appearance: none;
    box-shadow: none;
    font-size:0.7rem;
    line-height:2rem;
    text-shadow: none;
    font-weight: bold;
    height:2rem;
}

.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio], .form-search .checkbox input[type=checkbox], .form-search .radio input[type=radio] {
    float: left;
    margin-right: 3px;
    margin-left: 0;
    width: 1rem;
    -webkit-appearance: checkbox;
}


.moduletable form input {
    background: transparent;
    border: 0;
    /* background: #0f0; */
    -webkit-appearance: none;
    color: #fff;
    vertical-align: bottom;
    display: inline;
    height: 1.4rem;
    border-bottom: 1px dotted #fff;
}

.moduletable form input::placeholder {
    color: rgba(255,255,255,0.7);
}

.moduletable form .input-prepend {
    padding: 0.3rem 0;
    height: 2rem;
    box-sizing: border-box;
}

.input-prepend span.add-on {
    padding: 0.2rem;
    height: 1.4rem;
    width: 1.4rem;
    box-sizing: border-box;
    background: transparent;
    border: transparent;
}

[class*=" icon-"], [class^=icon-] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
}

.control-group {
    margin-bottom: 0;
}

.nav.menu > li > ul > li {
		margin-bottom:0.7rem;
}

.main-menu .nav.menu > li {
		text-transform:uppercase;
}

.main-menu .nav.menu > li > ul {
	margin:0;
	border:1px solid #efefef;
	border-top:0;
	min-width:12rem;
}


.main-menu .nav.menu > li > ul > li {
		text-transform:none;
}

.mobileMenu-Background {
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	display:none;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

h1,h2,h3,h4 {
	font-family:Arial,Helvetica,sans-serif;
}
	
h1 {
	color:#c2161d;
}

a {
	color:#c2161d;
}

.moduletable_menu ul.menu li.current a {
	color:#c2161d;
}

.moduletable_menu ul.menu li.current * a {
    color: #888;
}

.footer {
    background-color: #fff;
    height: 2.5rem;
    font-size: 1.5rem;
    margin-bottom: 2rem;
    padding: 0 1.5rem;
    line-height: 2.5rem;
	margin-top:1rem;
	border-top:1px solid #c2161d;
	font-family:Arial,Helvetica,sans-serif;
}

.footer a {
		vertical-align:middle;
}

.footer span {
	line-height:2.5rem;
	font-size:1rem;
	color:#888;
	display:inline-block;
	vertical-align:middle;
}

img {
	height:auto;
}

.knowau_veranstaltung {
  display: flex;
  flex-direction: row;

  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.9rem;
  margin-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #888;
}
.knowau_datum {
  margin-right: 2rem;
  flex-shrink: 0;
  flex-grow: 0;
  width: 5rem;
}
.knowau_text {
  margin-right: 2rem;
  flex-grow: 1;
  flex-shrink: 1;
}
.knowau_preis {
  float: right;
}
.knowau_beschreibung {
  display: none;
  color: #888;
}
.knowau_text > h2 {
  color: #c2161d;
  margin: 0;
  font-size: 1.2rem;
}
a {
}
.knowau_text h2 a {
  color: #c2161d;
}
.knowau_buchen {
  width: 7rem;
  flex-grow: 0;
  flex-shrink: 0;
}
.knowau_text h3 {
  margin: 0;
  margin-bottom: 0.5rem;
}
.knowau_text span {
  color: #c2161d;
  cursor:pointer;
}

.knowau_text span::before {
    content: "";
    color: #c2161d;
    background-image: url("../images/plus.png");
    background-size: 0.7rem auto;
    background-position: 0 0.05rem;
    background-repeat: no-repeat;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
}

.knowau_text span.offen::before {
    content: "";
    color: #c2161d;
    background-image: url("../images/minus.png");
    background-size: 0.7rem auto;
    background-position: 0 0.05rem;
    background-repeat: no-repeat;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
}

.knowau_text span.offen + div.knowau_beschreibung {
	display:block;
}

div.knowau_beschreibung {
	font-family:Helvetica,Arial,sans-serif;
	font-size:0.8rem;
}

.knowau_beschreibung h2 {
	font-weight:bold;
	font-size:0.8rem;
}

legend {
  background-color: #c2161d;
  font-family: Arial,Helvetica,sans-serif;
  color: #fff;
  padding: 0 0.5rem;
  box-sizing: border-box;
  line-height: 1.5rem;
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 0;
  border: 0;
}

.knowau_filter {
	display:none;
}

.filter_opened + .knowau_filter {
  border: 1px solid #c2161d;
  box-sizing: border-box;
  padding: 0.5rem;
  background-color: #efefef;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.knowau3_kurse_search {
  font-family: Arial,Helvetica,sans-serif;
  margin-bottom: 3rem;
}
.knowau_button button {
  display: block;
  width: 10rem;
  border: 0;
  height: 1.5rem;
  background-color: #bcbcbc;
  margin-bottom: 0.2rem;
}
.knowau_button {
  width: 10rem;
  margin-left: 2rem;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
}
.knowau_button button[type="submit"] {
  color: #fff;
  background-color: #c2161d;
  font-weight: bold;
}

.knowau_kriterien {
  flex-grow: 1;
  flex-shrink: 1;
  display:flex;
  flex-direction:column;
}

.knowau_kriterien > span {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
	flex-direction:row;
}

.knowau_kriterien label {
  display: inline-block;
  width: 5rem;
  color: #888;
}

.knowau-kriterien select {
		width:10rem;
}

.knowau_kriterien span.date {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 1;
	width:100%;
}

.knowau_kriterien span.date > span {
	line-height:1.8rem;
	margin:0 0.2rem;
}

.filter_visibility {
		float:right;
		background-image:url("../images/plus.png");
		background-repeat:no-repeat;
		background-size:0.7rem;
		background-position:center;
		width:1rem;
		height:1rem;
		border:0;
		background-color:#fff;
		vertical-align:middle;
		margin-top:0.25rem;
}

.filter_opened > .filter_visibility {
	background-image:url("../images/minus.png");
}


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #ffffff;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
	border-radius:0;
	margin-bottom:0.7rem;
	height:1.7rem;
	box-sizing:border-box;
	flex-shrink:1;
	flex-grow:1;
	width:100%;
}

.knowau_kriterien .datepicker {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 5rem;
    flex-grow: 1;
    flex-shrink: 1;
}

.knowau_kriterien .ui-selectmenu-button.ui-button {
    margin-bottom: 0.7rem;
     box-sizing: border-box;
    flex-grow: 1;
    flex-shrink: 1;
	width:100%;
}





textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus,
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, .uneditable-input:hover {
    border-color: #c2161d;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="date"] {
  width: 8rem;
}

@media screen and (max-width: 60rem) {
	.main-menu > ul {
		display:flex;
		width:0;
		overflow:hidden;
		position:absolute;
		flex-direction:column;
		background-color:#c2161d;
		right:0;
		z-index:10000;
		border-top:0rem solid #aeaeae;
		-webkit-transition: width 1s; /* Safari */
		transition: width 1s;
		
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	border-top:1px solid #fff;
	}
	
	.main-menu > div.checked {
		color:#c2161d;
		background-image:url("../images/menu-gelb.png");
	}
	
	.main-menu > div.desktop-hidden.checked + ul {
		display:flex;
		width:50%;
		
	}
	
	.main-menu > ul > li {
		float:none;
	}
	
	.main-menu > ul > li > a {
		box-sizing:border-box;
		width:100%;
		line-height:4rem;
		height:4rem;
	}
	
	.main-menu > ul > li > ul {
		display:block;
		position:relative;
		box-shadow:none;
	}
	
	.main-menu > ul > li > ul > li > a {
		line-height:2.5rem;
	}
	
	.desktop-hidden {
			display:block;
	}
	
	.logo img {
		width:6rem;
	}
	
	.two-col-content {
		display:flex;
		flex-direction:column;
	}
	
	.main-content {
		order:1;
		width:100%;
		margin-bottom:1rem;
	}
	
	.additional-content {
		order:2;
		width:100%;
	}
	
	.header {
		margin-top:2rem;
	}
	
	.logo {
    width: 6rem;
    height: 6rem;
    background-size: 5rem auto;
    top: -2rem;
	background-position:center 1.6rem;
}
	
}

@media screen and (max-width: 45rem) {
	.knowau_veranstaltung {
		flex-direction:column;
	}
	.knowau_buchen {
			margin-top:0.5rem;	
	}
	
	.knowau_datum {
		margin-bottom:0.5rem;
	}
	
	.main-menu > div.desktop-hidden.checked + ul {
		display:flex;
		width:75%;
		
	}
	
}

@media screen and (max-width: 31rem) {
	.logo {
		top:0;
		height:2.5rem;
		width:10rem;
		background-image:url(../images/nasenhelden-zeile.png);
		background-size:auto 1.4rem;
		background-position:left center;
		box-shadow:none;
	}
	
	.header {
		margin-top:0;
	}
	
	
	.main-menu > div.desktop-hidden.checked + ul {
		display:flex;
		width:100%;
		
	}
	
	.knowau_kriterien > span {
		flex-direction:column;
	}
	
	.filter_opened + .knowau_filter {
		flex-direction:column;
	}
	
	.knowau_button {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		flex-grow:1;
		flex-shrink:1;
		text-align:center;
		width:100%;
		justify-content: space-between;
		margin-left:0;
	}
	
	.knowau_text {
		display:flex;
		flex-direction:column;
	}
	
	.knowau_preis {
		order:5;
	}
	
	.knowau_text > h2 {
		order:1;
	}
	.knowau_text h3 {
		order:2;
	}
	.knowau_text > span {
		order:3;
	}
	
	.knowau_beschreibung {
		order:4;
	}
}