@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,300italic);
@import url(editor.css);

/* Newsletter */
body.newsletter #wrap {
	max-width: 600px;
	width: auto;
	margin: 0 auto;
}
body.newsletter #wrap img {
	max-width: 100%;
	height: auto;
}
body.newsletter #mainbody-content, #mainbody-content.wide {
	float: none;
	width: auto;
}
body.newsletter form{
	margin: 50px auto;
}
body.newsletter .servicemenu ul {
	display: block;
	text-align: center;
}
body.newsletter .servicemenu ul li {
	display: inline-block;
	margin: 0 20px;
}
body.newsletter .leftcol {
	display: none;
}
/* Newsletter Ende */

/* Bewerbung */
body.bewerbung #wrap {
	width: auto;
	margin: 0 auto;
}
body.bewerbung #wrap img {
	max-width: 100%;
	height: auto;
}
body.bewerbung #mainbody-content {
	float: none;
	width: auto;
}
body.bewerbung form{
}


/* Bewerbung Ende */

div#fc_filter_form_blocker {
	display: none;
}

#jcemediabox-popup-page {
    z-index: 20000 !important;
}
p.klein {font-size:1.2em !important;}
/* TEMPLATE CSS
*********************************************/
#wrap {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
html {
}

body {
	margin: 0;
	padding: 0;
	/*background: #92c56e;*/
}



/* LAYOUT
*********************************************/

#flexicontent {
}

#flexicontent ul > li {
	border: none !important;
}
.map{
}
.overlay {
	background:transparent; 
	position:absolute; 
	width:100%;
	height:100%; /* your iframe height */
}

#main {
	position: relative;
	overflow: visible;
	
}

#mainbody {
	/*position: relative;*/
	overflow: visible;
	padding: 0;
}
.item-101 #mainbody {
	margin: 0;
}
body.noleft #mainbody {
	background: none;
}

#mainbody-content {
	position: relative;
	padding-bottom: 30px;
	overflow: visible;
	margin: 0;
	margin: 0;
	width: 100%;
}
#jcemediabox-popup-caption *{
	color: #333;
}
.item-page h1, .item-page h2.componentheading{
	margin: 50px 0 20px 0;
}
div.element.main {
	margin-bottom: 50px;
}

.item-page  {
}

.item-page.liste {
	margin: 0 10% 50px !important;
}


/* FOOTERMENU
*********************************************/
#footer .ul-service {
	float:left;
	width: 26%;
	padding-bottom: 25px;
}
#footer .ul-service.last {
	width: auto;
}
#footer ul{
	float: right;
	list-style-type: none;
	opacity: 1 !important;
}

#footer li{
	display: block;
	padding: 0;
	margin: 4px 0;
	position: relative;
	z-index: 100 !Important;
	background: none;
	width: auto;
	float: left;
}


#footer li a {
	display: block;
	position: relative;
	z-index: 100 !important;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 5px;
	text-decoration: none;
	color: #333;
	font-size: .8em;
	float: left;
}
#footer li a:hover, #footer li.active a {
	text-decoration: underline;
}


/** SEARCH */
#search input {
	border: none;
	font-size: 1.5em;
	margin: 0 20px 20px 0;
	position: relative;
	top: 5px;
	color: #979795;
	background: #fff;
	border: 1px solid #979795;
	border-radius: 5px !important;
}
#search input#slider, #search input#box {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100px;
}
#search input#slider {
	background: none !Important;
	height: 20px !Important;
	margin-right: 10px;
	border: none;
	margin-bottom: 0;
}

#search input#searchword {
	background: #fff url(../images/search.jpg) 12px 6px no-repeat;
	color: #979795;
	padding: 5px 0;
	padding-left: 45px;
	background-size: 25px auto;
	width: 323px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #979795;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #979795;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #979795;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #979795;
}
#search input#box {
	background: none;
	color: rgba(69,67,70,1);
	width: 20px !Important;
	margin-right: 0;
	top: 0;
	font-size: 1.0em;
	border: none;
}
#search label.km {
	margin-right: 20px;
}
#search input#submit, #search input#btneinchecken {
	padding: 5px 37px;
	width: 370px;
}

.search label, p.Anfrage {
	cursor: auto !Important;
	font-size: 1.2em;
	padding: 3px 10px;
	
}
p.Anfrage {
	margin-top: 2px;
}
input.button {
	position: relative;
	top: 3px;
}

.result-text {
	margin: 0 0 15px 0;
}

#searchForm .counter {
	display: none;
}

.pagenav {
	color: #606060;
}


.pager {
	text-align: left;
	padding: 15px 0;
}

 ul.pagenav {
	display: inline-block;
	list-style-type: none !important;
	padding: 0px;
}

 ul.pagenav li {
	background: none;
	float: left;
	margin-right: 15px;
	padding-left: 0;
}

hr {
	border: none;
	border-top: 1px solid #d2d2d2;
	padding: 0;
	margin: 0;
	height: 1px;
	margin: 15px 0; 
}
a.top {
	display:block;
	width: 59px;
	height: 58px;
	background: url(../images/bg-top.jpg) no-repeat;
	float: right;
	margin: 0 10px 40px 0;
}
a.back {
	cursor: pointer;
}
/* noscript anpassungen */
.noscript a.top {
	display: none;
}
a.top {
	display: block;
	width: 20px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid #333;
	position: fixed;
	z-index: 1998;
	bottom: 0px;
	opacity: 1;
	transition: all .3s ease-in-out;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
	background: #fefefe;
	bottom: 5px;
	right: 0;
}
span.pfeil {
	position: relative;
	top: 3px;
	left: 1px;
}
.noscript #footer ul {
	top: 0;
}
.noscript .trigger {
	cursor: auto;
	padding: 0;
	background: none;
	color: #000;
}
.noscript .back {
	display: none;
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 46%;
    float: left;
}

.cols-2 .column-2 {
    width: 46%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 10px 5px
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}

dt.article-info-term {
	display: none;
}
dd.published {
	text-align: right;
	font-size: .8em;
}

.cleaner {
	clear: both;
}
fieldset.well {
    border: none;
    margin: none !important;
    padding: none !important;
}
.text {
}
.tooltip-inner {
	display: none !important;
}
input, textarea {
	border-radius: 0 !important;
}

#jcemediabox-popup-caption p {
	display: none;
}
a.jcepopup {
	float: left;
	margin: 0 25px 0 0;
	display: block;
	padding-bottom: 25px;
}
p.cb a.jcepopup {
	float: none;
	display: inline-block;
	margin: 0;
	position: relative;
	top: -1px;
	left: 4px;
	padding: 0;
}
p.cb {
	margin-left: 25px;
	position: relative;
	top: -3px;
}
.leftcol {
	width: 100%;
	z-index: 1003;
}
.item-101 .leftcol, .item-255 .leftcol {
	position: relative;
}

.leftcol-content {
	margin: 0;
	padding: 20px 10% 20px 0;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #333;
	background: #fffbdd;
	background: #fff;
}
.leftcol-content ul {
	position: relative;
	z-index: 1003;
}
.untermenu {
	background: #92c56e;	
}
.untermenu li {
}
.untermenu a {
	display: block;
	padding: 7px 10%;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #333;
	text-decoration: none;
}
.untermenu a:hover {
	background: #636464 !important;
	color: #fff;
}
a.lastproject::before {
	content: '\25C4';
	padding-right: 10px;
}

.submenu {
	margin: 0;
	padding: 0;
}
.leftcol-content a {
	color: #333 !important;
}
.leftcol-content h3 {
	text-transform: uppercase;
	color: #333;
	line-height: 1.2em;
	border-bottom: 3px solid #333;
	padding-bottom: 15px;
	padding-top: 25px;
}
.leftcol-content h3.first, .leftcol.child h3 {
	padding-top: 0 !Important;
}
.leftcol-content select, .leftcol-content input {
	width: 100%;
	height: 30px;
	font-size: 18px;
	padding: 0;
}

img.team, img.leitungsteam {
	border-radius: 50%;
	margin: 25px 70px 25px 0;
	width: 180px;
	height: 180px;
}
img.standort {
	margin:  25px 25px 25px 0;
}
div.header {
	display: block;
	width: 100%;
	background-size: cover;
	background-position: center center;
}
img.childheader {
	width: 100%;
	position: relative;
	z-index: 1;
}
div.imagedetails span, div.vorschau span {
	font-size: 1.15em;
}
div.imagedetails {
	display: inline;
	float: left;
}
div.imagedetails.team, div.imagedetails.leitungsteam {
	width: 250px;
	padding-bottom: 25px;
	min-height: 305px;
}
div.imagedetails.team span, div.imagedetails.leitungsteam span {
	display: block;
	width: 180px;
	padding-bottom: 15px;
}
a.imagedetails {
	text-decoration: none;
}
div.imagedetails.standort{
	display: inline-block;
	height: 400px;
	position: relative;
}
div.imagedetails.standort span.title, div.imagedetails.standort span.description,div.vorschau span.title {
	position: absolute;
}
div.imagedetails.standort span.title {
	left: 15px;
	bottom: 90px;
}
div.imagedetails.standort span.description{
	bottom: 15px;
	left: 15px;
}

.leftcol.child {
	margin-bottom: 25px;
}
div.vorschau {
	padding: 0 0 25px 0;
	margin-right: 30px;
	width: 150px;
	display: inline-block;
	height: 330px;
	position: relative;
}
div.vorschau span.title {
	top: 270px;
	display: block;
	width: 140px;
	padding: 0 5px;
}
a.vorschau {
	text-decoration: none;
}
a.vorschau span.title:hover {
	text-decoration: underline;
}
div.terminvorschau {
	margin-bottom: 35px;
}
div.terminvorschau a {
	color: #333;
}
p.small {
	font-size: 1.2em !important;
}

hr.termine {
	border: none;
	border-top: 3px solid #fff;
	margin: 30px 0;
	padding: 0;
}
img.terminvorschau {
	width: 40%;
	float: left;
	margin: 17px 20px 20px 0;
}
.angebotdetails {
	-moz-box-shadow:    inset 0 0 15px #333;
	-webkit-box-shadow: inset 0 0 15px #333;
	box-shadow:         inset 0 0 15px #333;
}
.angebotjump {
	position: relative;
	top: -50px;
	width: 1px;
	height: 1px;
	opacity: 0;
}
li.kurse {
	margin-bottom: 8px;
}
.angebotdetails
.angebotdetails-content h2 {
	width: 70%;
	border-bottom: 3px solid #fff;
	margin: 0 15%;
	text-align: center;
	padding: 20px 0 !important;
}
.angebotdetails.fachpersonal  {
	background: #878787;
	background: none;
}

.angebotdetails.eltern {
	background: #fffae0;
}
.angebotdetails.eltern h2, .eltern p.angebotintro {
	border-color: #333;
	color: #333;
}
img.angebotbild {
	width: 80%;
	margin: 0 10%;
}
p.angebotintro {
	padding: 20px 10%;
	font-size: 1.1em;
}
p.angebotintro.details {
	float: right;
	display: inline-block;
}
.angebotheadline a, .angebotheadline h2 {
	text-decoration: none !important;
}
.angebotheadline {
	margin-bottom: 25px;
}

/*aktuelles*/
.togglers { 
	cursor: pointer;
}
.togglers h2 {
}
.active h2 {
}
.togglers p {
}
a.archiv {
	color: #fff;
	text-decoration: none;
}
a.archiv.all {
	margin-top: 15px;
	display: inline-block;
}
a.archiv:hover,a.referenz:hover {
	color: #fff;
	text-decoration: underline;
}

ul.meldungen hr {
	border: none;
	border-top: 3px solid #fff;
	padding: 0;
	background: url(../images/bg-togglers.png) center bottom no-repeat;
	background-size: auto 10px;
	height: 10px;
}
ul.meldungen hr.active {
	border-color: #dc9015;
	border-top: none;
	border-bottom: 3px solid #fff;
	padding: 0;
	background: url(../images/bg-togglers-active.png) center top no-repeat;
	background-size: auto 10px;
	height: 10px;
}
ul.meldungen p, ul.meldungen h3 {
	font-size: 1em;
}
ul.meldungen h3 {
	font-weight: bold !important;
	border: none;
	font-size: 1.2em;
	padding-bottom: 5px;
}
ul.meldungen h2 {
	text-decoration: none; 
}
ul.meldungen li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.archiv {
	margin-top: 25px;
}
.archiv ul li a{
	color: #333;
}
.archiv ul li a:hover{
	color: #333;
	text-decoration: underline;
}
h3.beraterin {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
}
.result {
	position: relative;
	padding: 5px;
	padding-top: 15px;
}
ul.leistung {
	float: right;
	display: inline-block;
}
ul.leistung li.leistung {
	width: 40px;
	height: 60px;
	display: inline-block;
	margin-left: 10px;
	padding: 0;
	position: absolute;
	top: 10px;
	background-size: auto 60px;
	height: 60px;
	background-position: top left;
}
.result:hover ul.leistung li.leistung {
	background-position: top left;
}
span.entfernung {
	display: block;
	clear: both;
}
li.trageberatung {
	background: url(../images/Icon-Trageberatung.png) no-repeat;
	background-size: cover;
	height: 40px;
	right: 162px;
}
li.schwangerenberatung {
	background: url(../images/Icon-Tragemaentel.png) no-repeat;
	right: 85px;
}
li.laden {
	background: url(../images/Icon-Tragejacken_Maenner.png) no-repeat;
	right: 52px;
}
li.verkauf {
	background: url(../images/Icon-Tragecover.png) no-repeat;
	right: 10px;
}
li.beratungzuhause {
	background: url(../images/Icon-Tragejacken.png) no-repeat;
	right: 128px;
}
ul.legende li {
	height: 80px;
	background-size: auto 80px;
	padding-left: 50px;
	margin-bottom: 10px;
	background-position: top left;
}
ul.legende.berater {
	margin-top: 25px;
}
ul.legende.berater li {
	height: 60px;
	padding-left: 65px;
	margin-bottom: 10px;
	background-position: top left;
	background-size: auto 60px;
}
ul.legende li span {
	display: block !important;
	padding: 20px;
}
ul.legende.berater li span {
	padding: 5px;
}
div.result:hover {
	background: #fff;
	color: #333;
}
div.result:hover a h3 {
	color: #333 !important;
}
.projekt {
	position: relative;
}

div.projekttitel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1;
	transition: background .5s ease-in-out;
	cursor: pointer;
}
div.projekttitel div {
	display: none;
	width: 100%;
	color: #333;
	z-index: 2;
	text-align: center;
	font-size: 5em;
	line-height: .9em;
	transition: color .5s ease-in-out;
}
div.projekttitel:hover {
	background: rgba(0,0,0,.7);
}
div.projekttitel:hover div {
	color: #fff;
}
.untermenu.termin {
	position: relative;
	top: 110px;
	margin-bottom: 20px;
}
div.standort {
	display: inline-block;
	position: relative;
	margin-bottom: 100px;
}
div.start span.standort {
	position: absolute;
	left: 20%;
	top: 45%;
}
div.standort.Deutschland::after {
	content: '\00a0\00a0Standortleitung:';
	position: absolute;
	top: 270px;
	background: transparent url(../images/Deutschland.png) 0 -5px no-repeat;
	bottom: 0px;
	left: 20%;
	width: 100px;
	height: 130px;
}
div.standort.Schweiz::after {
	content: '\00a0\00a0Standortleitung:';
	position: absolute;
	top: 224px;
	background: transparent url(../images/schweiz.png) 0 -5px no-repeat;
	bottom: 0px;
	left: 20%;
	width: 100px;
	height: 130px;
}
div.standort.Kolumbien::after {
	content: '\00a0\00a0Standortleitung:';
	position: absolute;
	top: 272px;
	background: transparent url(../images/kolumbien.png) 0 -5px no-repeat;
	bottom: 0px;
	left: 0;
	width: 210px;
	height: 130px;
}
ul.springen, ul.nextdates, .child .leftcol-content ul{
	list-style: disc;
	padding-left: 25px;
}
ul.springen li, ul.nextdates li, .child .leftcol-content ul li {
	margin-bottom: 5px;
}
.leftcol .untermenu {
	display: none;
}
#map {
	height: 400px !important;
}
div.pageslinks, p.pagescounter {
	display: none;
}
img.logo {
	display: inline-block;
	margin-top: 50px;
	width: 100%;
}


/* Media Queries bootstrap */
@media (max-width: 350px) {
	#search input#btneinchecken, #search input#submit {
		width: 288px !important;
		padding: 5px !important;
		text-align: left !important;
	}
	#search input#searchword {
		width: 240px !Important;
		padding-left: 45px !important;
	}
	#search input#slider {
		margin: 0 10px 20px !Important;
		width: 60px !Important;
	}
}
@media (max-width: 1199px) {
	a.beraterin {
		display: block;
	}
	h3.beraterin {
		float: none;
		display: block;
	}
	ul.leistung {
		position: static !Important;
		float: none !important;
		margin: 0;
		padding: 0;
		height: 70px;
	}
	ul.leistung li.leistung {
		/*position: static !Important;*/
		margin-left: 0;
		top: 40px;
	}
	
	li.trageberatung {
		left: 5px !important;
	}
	li.beratungzuhause {
		left: 55px !important;
	}
	li.schwangerenberatung {
		left: 105px !Important;
	}
	li.laden {
		left: 150px !important;
	}
	li.verkauf {
		left: 195px !important;
	}

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	div.projekttitel div {
		display: block;
		position: absolute;
		bottom: 30px;
	}
	#footer li a {
		margin: 0 0 0 20px;
	}

	.angebotinhalt {
	}
	.angebotdetails {
	}
	.angebotdetails-content {
		padding: 30px 10% 0 10%;
	}
	p.angebotintro {
		padding: 0px 0px 50px;
	}

	div.element.main {
		margin-bottom: 150px;
	}
	.item-page.liste {
		margin: 0 0 150px 10% !important;
	}
	img.childheader {
		margin-bottom: 30px;
	}
	.projekt img.childheader {
		margin-bottom: 0;
	}
	.leftcol {
		/*position: fixed;*/
	}
	.item-page p, .item-page ul, .item-page ol {
		line-height: 20px;
	}
	p.angebotintro {
		font-size: 1.4em;
		line-height: 1.2em;
	}
	.leftcol.absolute {
		position: absolute !Important;
		bottom: -130px !important;
		z-index: 1003;
	}
	.item-101 .leftcol.absolute {
		bottom: 0 !important;
	}
	.leftcol.fixed.absolute .leftcol-content {
		position: absolute;
		bottom: 0;
	}
	.leftcol.child {
		position: fixed;
		top: 50px;
		left: 0;
		margin-bottom: 0;
	}
	#footer {
		background: url(../images/bg-footer.png) no-repeat;
		background-size: cover;
		margin-top: -86px;
		height: 400px;
		position: relative;
	}

	#footer-content {
		padding: 280px 3%;
		margin: 0;
		font-size: 1.4em;
		position: relative;
		z-index: 1002;
	}
	#footer-content .custom {
		background: #fffbdd;
		-webkit-box-shadow: 0px 0px 50px 20px rgba(255,251,221,1);
		-moz-box-shadow: 0px 0px 50px 20px rgba(255,251,221,1);
		box-shadow: 0px 0px 50px 50px rgba(255,251,221,1);
	}
	#footer-content .custom p{
		margin-bottom: 0;
		padding-bottom: 15px;
	}
	.service {
		background: #fffbdd;
		padding-bottom: 25px;
	}
	p.copy, #footer-content p, #footer-content a {
		color: #333;
		padding: 0 6px;
		font-size: 0.8em;
	}
	#mainbody-content {
		float: right;
		width: 70%;
		margin: 0;
		padding-bottom: 150px;
	}
	.item-page {
	}
	.termindetails h2, .item-page h1, .item-page p, hr.termine, div.togglers, div.elements, ul.meldungen hr, div.results, .item-253 form, div.form_left {
		/*margin-right: 12.5% !important;*/
	}
	.noleft .item-page p, .noleft hr.termine, .noleft div.togglers, .noleft div.elements, .noleft ul.meldungen hr, .noleft div.results, .noleft.item-253 form, .noleft div.form_left {
		margin-right: 0 !important;
	}
	ul.meldungen hr {
		clear: both;
	}
	div.togglers p, div.elements p {
		margin-right: 0;
	}
	
	body.noleft .item-page {
		margin:0;
	}
	.breadcrumbs {
		padding: 20px 0 !Important;
		margin: 0 10%;
		position: absolute;
		top: auto;
	}
	#mainbody {
		background:  url(../images/bg-main.png) repeat-y;
		background-position: -576px 0;
		background: #fff !important;
	}
	.leftcol {
		width: 30%;
		float: left;
		z-index: 1003;
		transition: opacity .5s ease-in-out;
	}
	.leftcol-content {
		margin: 20px 10% 30px 0;
		padding: 0;
		transition: margin 0.3s ease-in-out;
	}
	.item-catid-12 .leftcol-content {
		margin-top: 20px;
	}
	.item-catid-12 .leftcol {
		margin-top: 120px;
	}
	.item-101 .leftcol-content {
		margin: 20px 10% 100px;
	}
	.leftcol.fixed {
		position: fixed;
		top: 50px;
		left: 0;
	}
	.leftcol.fixed .leftcol-content, .leftcol.child .leftcol-content{
		margin-top: 20px;
	}
	.teaser-desc {
		float: left;
	}
	.map{
		float: right; 
	}
	.teaser-image {
		float: right;
	}
	.teaser-desc h3 {
		padding-bottom: 60px !Important;
	}
	#teaser, #teaser .gallery-item, #teaser .item, iframe.anfahrt  {
		width: 100%;
	}
	#mainbody #mainbody-content{
	}
	.teaser-desc {
		font-size: 1.8em;
	}
	.teaser-desc h3 {
		font-size: 1.8em;
	}
	.item-page h1, .item-page h2.componentheading{
		font-size: 3.5em;
		margin: 40px 0 20px 0;
	}
	.item-page p, .item-page ul, .item-page ol {
	}
	.leftcol-content {
		font-size: 1.1em;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 980px) {
	#search input#submit, #search div.floatright {
		width: 388px;
		width: 479px;
		float: right;
	}
	#search div.floatright {
		position: relative;
		top: 5px;
		left: -18px;
	}
	.leftcol .untermenu {
		display: block !important;
	}
	a.top {
		margin: 0 20px 20px 0;
	}
	#home{
		width: 131px;
		height: 131px;
	}
	.teaser-desc {
		font-size: 2em;
	}
	.teaser-desc h3 {
		font-size: 1.8em;
	}
	.leftcol.fixed .leftcol-content, .leftcol.child .leftcol-content{
	}
	.leftcol-content {
	}
	.item-catid-12 .leftcol-content {
		margin-top: 20px;
	}
	.item-catid-12 .leftcol {
		margin-top: 120px;
	}
	.item-101 .leftcol-content {
		margin: 50px 10% 100px;
	}
	
	/* TOPMENU
	*********************************************/
	#header {
	}
	ul.lang-inline li a {
		margin: 12px 0 0 20px !important;
		padding: 10px;
	}
	#teaser, #teaser .gallery-item, #teaser .item, iframe.anfahrt  {
		width: 100%;
	}
	#mainbody {
		padding: 0;
	}
	#mainmenu {
		overflow: visible;
		height: 50px;
	}
	#mainmenu ul.nav {
		background: none;
		border-radius: 0;
		border: none;
		padding: 0;
		overflow: visible;
	}
	#mainmenu ul.nav li {
		margin: 0;
		padding: 0;
	}
	#mainmenu ul.nav {
		list-style-type: none;
		margin-left: 180px;
	}
	.navbar-inner {
		padding: 0;
	}
	#mainmenu li{
		display: inline-block;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
	}
	#mainmenu ul li a {
		position: relative;
		display: block;
		z-index: 100 !important;
		padding: 15px 12px;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		font-size: 1.2em;
		white-space: nowrap;
		background: none;
		text-shadow: none;
	}
	#mainmenu ul.nav li.active > a, #mainmenu ul.nav li:hover a {
		color: #fff;
		text-decoration: none;
		background: #92c56e;
		-webkit-box-shadow: 0px 23px 25px -17px rgba(135,135,135,1);
		-moz-box-shadow: 0px 23px 25px -17px rgba(135,135,135,1);
		box-shadow: 0px 23px 25px -17px rgba(135,135,135,1);
	}

	#mainmenu li:hover {
		display: inline-block;
	}
	/*
	#mainmenu li.item-101 {
		display: none;
	} */
	
	
	/* 2. Ebene */
	#mainmenu .menu ul {
		position: absolute;
		display: none;
		background: #FBE4B2;
		padding: 10px 0 0 0;
		border-bottom: 2px solid #999;
		overflow: hidden;
		min-width:180px;
		z-index: 10000;
		top: 40px;
	}

	#mainmenu .menu li:hover ul {
		display: block;
	}
	#mainmenu .menu li:hover ul li a {
		background: none;
	}
	#mainmenu .menu ul li, #mainmenu .menu ul li:hover {
		padding-bottom: 0px !Important;
		width: 100%;
	}
	#mainmenu .menu li a {
		float: left;
	}
	#mainmenu li ul li a  {
		color: #fff;
		font-weight: normal;
		font-size: .9em;
		background: none;
		padding: 5px 10px !important;
		margin: 0;
		border-radius: 0;
		display: block;
		width: 100%;
	}
	#mainmenu li ul li.active > a, #mainmenu li ul li a:hover {
		background: #ECAD26 !Important;
		color: #fff !Important;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	li.kurse {
		margin-bottom: 5px;
		line-height: 26px;
	}
	
	#mainmenu ul.nav {
		margin-left: 190px;
	}
	#mainmenu ul li a {
		padding: 15px 25px;
	}
	.teaser-desc {
		font-size: 2.2em;
	}
	.teaser-desc h3 {
		font-size: 2.3em;
	}
	.item-page h1, .item-page h2.componentheading{
		font-size: 4em;
		margin: 60px 0 20px 0;
	}
	.item-page p, .item-page ul, .item-page ol {
	}
	p.angebotintro {
		font-size: 1.6em;
	}
	.leftcol-content {
		font-size: 1.22em;
	}
}
@media (min-width: 1400px) {
	#mainmenu ul.nav {
		margin-left: 200px;
	}
	#mainmenu ul li a {
		padding: 15px 35px;
	}
	.teaser-desc {
		font-size: 2.5em;
	}
	.teaser-desc h3 {
		font-size: 2.3em;
	}
	.item-page h1, .item-page h2.componentheading{
		font-size: 5em;
		margin: 60px 0 20px 0;
	}
	.item-page p, .item-page ul, .item-page ol {
	}
	.leftcol-content {
		font-size: 1.55em;
	}
}
@media (min-width: 1600px) {
	#mainmenu ul.nav {
		margin-left: 225px;
	}
	#mainmenu ul li a {
		padding: 15px 48px;
	}
	.teaser-desc {
		font-size: 2.9em;
	}
	.teaser-desc h3 {
		font-size: 2.3em;
	}
	.item-page h1, .item-page h2.componentheading{
		font-size: 6em;
		margin: 60px 0 20px 0;
	}
	.item-page p, .item-page ul, .item-page ol {
	}
	.leftcol-content {
		font-size: 1.65em;
	}
}
@media (min-width: 1900px) {
	#mainmenu ul.nav {
		margin-left: 240px;
	}
	#mainmenu ul li a {
		padding: 15px 65px;
	}
	.teaser-desc {
		font-size: 3.2em;
	}
	.item-page h1, .item-page h2.componentheading{
		font-size: 7em;
		margin: 60px 0 20px 0;
	}
	.item-page p, .item-page ul, .item-page ol {
	}
	.leftcol-content {
	}
}
input#berater {
	color: #fff !Important;
	font-size: 1em !important;
	border: none !important;
	border-radius: 29.5px !important;
	padding: 21px 70px 21px 40px;
	/* background: rgb(178, 78, 126) url(../images/bg-back.png) top right no-repeat !important;  */
	background: #d28d7f url(../images/bg-back.png) top right no-repeat !important;
	float: right;
	transition: all ease-in-out .3s;
}
input#berater:hover {
	padding: 21px 70px 21px 90px;
	/* background: rgb(178, 78, 126) url(../images/bg-back-hover.png) top left no-repeat !important; */
	background: #d28d7f url(../images/bg-back-hover.png) top left no-repeat !important;
}