/*
*	cliclab³ miniFlex V1.0
*	Copyright 2014, c.schneider@e-sens-e.de
*	cliclab³ is a Search Engine Optimized (WCAG) Web content system
*   incl. comprehensive quality and expansion guarantees.
*	More details can be found at www.e-sens-e.de/cliclab
*	css/styles.css
*	2014-08-20	(c) e.sens.e GmbH
*   mobile first
*	normalize
*   open font
*   basics
*   tags
*   Allgemeine Klassen
*   Wrapper
*   Header
*   Top Navigation
*   Body
*   Left Navigation
*   Pane - Left, Center, Right
*   Content
*   Footer
*   Page Border
*   grey:                    #dcdcdc;
*   lightgrey:               #f1f1f1;
*   bluegrey:                #cdd7da;
*   red:                     #c45f5f;
*   link					 #850909
*   blue:                    #7aa9c0;
*   green:					 #89b895;

30
>35.5
>48
58
>64
>80

*/

/* #normalize
================================================== */
* {
	border: 0;
	font-size: 100%
	font: inherit;
	margin: 0; 
	padding: 0; 
	vertical-align: baseline;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
	-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
	-webkit-overflow-scrolling: touch;
	*behavior: url(../boxsizing.htc);
}

.br{border: 1px dotted red !important;}
.col_0{xbackground: red!important;}
.info,.info2{width:100%;height:50px;display:none;}
a:hover 				{ text-decoration: none; }
a:active				{ background: none; }


/******************************************************************************
* open Font
******************************************************************************/
@font-face {
 font-family: 'texgyreadventorregular';
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-regular-webfont.woff2') format('woff2'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;;
}

@font-face {
    font-family: 'reenie_beanieregular';
    src: url('../fonts/reeniebeanie-webfont.eot');
    src: url('../fonts/reeniebeanie-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/reeniebeanie-webfont.woff2') format('woff2'),
         url('../fonts/reeniebeanie-webfont.woff') format('woff'),
         url('../fonts/reeniebeanie-webfont.svg#reenie_beanieregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* poppins-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v20-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* poppins-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v20-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* poppins-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/poppins-v20-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/poppins-v20-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/*
@font-face {
    font-family: 'open_sanscondlight';
    src: url('../fonts/opensans-condlight-webfont.eot');
    src: url('../fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-condlight-webfont.woff') format('woff'),
         url('../fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('../fonts/opensans-condlight-webfont.svg#open_sanscondlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
@font-face {
    font-family: 'Genericons';
    src: url('../fonts/genericons-regular-webfontt.eot');
    src: url('../fonts/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/genericons-regular-webfont.woff') format('woff'),
         url('../fonts/genericons-regular-webfont.ttf') format('truetype'),
         url('../fonts/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/******************************************************************************
* basics
******************************************************************************/

form, fieldset, legend {
  vertical-align:baseline;
  background:transparent;
}

html, button, input, select, textarea {
	font-family: sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
}

audio,canvas, img, video, input, select{
    vertical-align: middle;
}

textarea {
	overflow-y: auto;
    resize: vertical;
}

ol, ul { 
	list-style: none; 
}

img, fieldset
{
	border-style:		none;
}

input[type="button"], input[type="submit"], button {
    cursor: pointer;
}

table { border-collapse: collapse; border-spacing: 0; }

/******************************************************************************
* tags
******************************************************************************/

html
{
	overflow-x: hidden;
	overflow-y: scroll;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body
{
	color:				#1e1d1d;
	background:			white;
	font-family: 		texgyreadventorregular, sans-serif;
	font-size: 			87.5%;
	text-align:			left;
    line-height: 		1.6em;
}

form 
{
	display:		inline;		/* IE */
}

small { font-size: 80%;}
sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }


h1{
    font-size: 1.750em; /* 24 / */
    line-height: 1.5em; /* 21 / 14 */
	text-rendering: optimizeLegibility;
}

h2{
  font-size: 1.5em; /* 21 / 14 */
  line-height: 1.5em; /* 21 / 14 */
  text-rendering: optimizeLegibility;
}

h3{
  font-size: 2rem; /* 21 / 14 */
  line-height: 1.3em; /* 21 / 14 */
  text-rendering: optimizeLegibility;
  margin-bottom: 8px;
  font-family: Poppins, serif;
  font-weight: normal;
  xtext-transform: uppercase;
  color: #307f87;
}

p {
   
}

strong {
	font-weight: bold;
}

/* gucket ob du dat fuer alles wilscht
img {
	width:100%;
	height:auto;
}*/

a:link,
a:visited
{
	color:			#569a9f;
	text-decoration: underline;
	outline: 0;
}

a:hover,
a:active
{
	text-decoration: underline;
	color: #174c51;
	outline: 0;
}

a:focus {
	outline: thin dotted;
}

/******************************************************************************
* Wrapper 
******************************************************************************/

.header, .content {
    padding-left: 2em;
    padding-right: 2em;
}

.header {
    margin: 0 auto;
    padding: 2em;
    text-align: center;
	width: 100%;
}

.header h1{
	text-indent: -10000px;
	height: 0em;
}

.fixed {
		position: fixed;
		top: 0;
		z-index: 100;
		background: white;
		padding: 1em;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
}
	
.fixed .logo img {
		width: 50%;
		height: auto;
}
	
.fixed #nav-toggle{
		display: none;
}
/*	
.fixed li{
	margin-top: 2%;
}
*/
.content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-top: 1em;
}

#content_0 {
    margin-top: 10px;
	border: none;
	display: none;
}

.footer {
	padding: 2em 0;
	border-top: 1px solid #569a9f;
	xbackground: #fb7701; /* Old browsers */
	xbackground: -moz-linear-gradient(top, #fb7701 0%, #d7400b 100%); /* FF3.6-15 */
	xbackground: -webkit-linear-gradient(top, #fb7701 0%,#d7400b 100%); /* Chrome10-25,Safari5.1-6 */
	xbackground: linear-gradient(to bottom, #fb7701 0%,#d7400b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb7701', endColorstr='#d7400b',GradientType=0 ); /* IE6-9 */
}

.footer-list {
	min-height: 100px;
	display: block;
}

.footer-list a {
	display: block;
	background: #d6d6d6;
	padding: 0.5em;
	border: 1px solid white;
	color: #569a9f;
	margin-bottom: .5rem;
}

.footer div.content {
	color: #569a9f;
	font-weight: plain;
}

.footer-list li.bold a {
	font-weight: bold;
	font-size: 1.25rem;
	margin-bottom: .75rem;
	display: block;
}

.footer-list.social  {
	margin-top: 2em;
}

.footer-list.social a {
	color: white;
	font-size: 1.5em;
	line-height: 1.75em;
	background: none;
	padding:0;
	border: none;
	text-decoration: none;
}

.footer-list.social li{
	display: inline-block;
	margin-right: 0.5em;
	text-align: center;
	width: 2.5em;
	height: 2.5em;
	background: #569a9f;
	border-radius: 2em;
}

div.footer div {
	text-align: center;
}

.footer-list li {
	line-height: 2em;
}

.footer-list strong a{
	color: black;
}


.m-flex{
	letter-spacing: -0.31em;
	*letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
	 display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    /* IE10 uses display: flexbox */
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}

.noline {
	border: none;
}

.m-box {
	padding: 0 1em 2.5em 1em;
}
.m-box0{
	padding: 0 1em 0 1em;
}

.alpha {
	padding-left:	0px;
}

.omega {
	padding-right:	0px;
}
.logo {
	margin: 0;
}

.logo img {
	height: auto;
    max-width: 60%;
}

.no-border {
	border:none;
}

.boilerplates a.bp {
color: black;
text-decoration: none;
}

.boilerplates .image-wrapper {
margin-bottom: 10px;
}

.boilerplates h3 {
}
/******************************************************************************
* cliclab Textblock  Klassen
******************************************************************************/

.float_left
{
	clear:			left;
	float:			left;
}

.float_right
{
	clear:			right;
	float:			right;
}

.align_left
{
	text-align:		left;
}

.align_right
{
	text-align:		right;
}

.align_center
{
	text-align:		center;
}

.align_justify
{
	text-align:		justify;
}

.allcaps
{
	text-transform:		uppercase;
}

div.textblock img.float_left,
div.textblock img.float_right {
	margin-top: 3em;
}

div.textblock.zitat {
	background: #307f87; /* Old browsers */
	background: -moz-linear-gradient(top, #307f87 0%, #569a9f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #307f87 0%,#569a9f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #307f87 0%,#569a9f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#307f87', endColorstr='#569a9f',GradientType=0 ); /* IE6-9 */
	overflow: hidden;
	text-align: center;
	font-size: 3.3em;
	font-family: Poppins, serif;
	line-height: 1.1em;
	color: white;
	text-transform: uppercase;
	padding: 2rem;
	margin: 0 0 2rem 0;
	display:flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}

div.textblock.zitat.small {
	font-size: 2.5em;
	background: white;
	margin:0;
	padding:0;
	display:block;
}

div.textblock.zitat.small div {
	margin: 0 3rem 0 0;
	background: #569a9f;
	padding-top: 4.5rem;
	padding-bottom: 4rem;
	min-height: 11.5rem;
}

div.textblock.zitat i{
	color: #C05757;
	font-size: 0.7em;
	font-variant: normal;
}

div.textblock a.line {
	border-bottom: 1px solid #CDD7DA;
}

div.textblock i {
	font-style: italic;
}

div.textblock u {
	text-decoration: none;
	color: #83989E;
}

div.textblock ul {
   margin-top: 0.2em;
}


div.textblock ul li {
    background: 				url("../img/bullet5.png") no-repeat scroll 0em 0.8em transparent;
    font-size: 					inherit;
    line-height: 				2em;
    margin: 					0;
	padding-left:				1.5em;
	padding-bottom: 			.8em;
}


/******************************************************************************
 * Navigation mobile first
******************************************************************************/
/*
.js #nav {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
}
*/

#navMain {
	margin-left: auto;
    margin-right: auto;
    max-width: 1050px;
}

.js ul#nav {
    display: none;
}

ul#nav {
    /*margin: 0 0 2em 0;*/
	margin: 0;
	font-size: 2rem;
	font-family: texgyreadventorregular,sans-serif;
	display: block;
	background: #7CC130; /* Old browsers */
	background: -moz-linear-gradient(top, #307f87 0%, #569a9f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #307f87 0%,#569a9f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #307f87 0%,#569a9f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#307f87', endColorstr='#569a9f',GradientType=0 ); /* IE6-9 */
	overflow: hidden;
	color: white;
}

ul#nav > li {
    margin-left: 0;
    border-bottom: 1px solid white;
}

nav ul > li > a, nav ul > li > strong {
    padding: 0.8em 20px;
    display: block;
	color: white;
}

ul#nav a:link ,ul#nav a:visited {
    text-decoration: none;
	color: white;
	font-weight: normal;
}

ul#nav a:hover {
	text-decoration: none;
}

ul#nav a:active, ul#nav a:focus {
	text-decoration: none;
}

ul#nav li {
position: relative;
}
/*
ul#nav li a:link{
	background: #cdd7da;
}

ul#nav li a:hover{
	background: #E3EDEF;
}
*/

ul#nav li.current a {
	text-decoration: none;
	color: black;
}

#nav-toggle {
    display: inline-block;
    position: absolute;
    right: 5%;
    top: 0.95em;
    cursor: pointer;
    color: #808080;
	text-decoration: none;
    xborder: 1px solid #4A6491;
	outline: none;
	display:none;
}

#nav-toggle:hover {
    color: #1A1F2B;
}

/******************************************************************************
 * Navigation 2nd level
******************************************************************************/

	ul#nav ul {
		margin: 0;
		width: auto;
		background-color: #65B129;
		display: none;
	}


	ul#nav li:hover ul {
		display: block;
	}

	nav ul ul li {
		font-size: 1em;
		background: transparent;
		border-bottom: 1px solid rgba(250, 250, 250, 0.8);
	}
/*
ul#nav li.current ul {
	display: block;
}
*/
	 ul#nav ul li a:link{
		background: transparent;
		padding-left: 1.5em;
    }
	
	 ul#nav ul li.current a:link{
		background: #b3d4fc;
    }

	 ul#nav ul li a:hover{
		background: #DBDBDB;
    }

/******************************************************************************
 * genericon
******************************************************************************/

.genericon {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-size: 2em;
	line-height: 1;
	font-family: 'Genericons';
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	vertical-align: top;
}

/**
 * IE7 and IE6 hacks
 */

.genericon {
	*overflow: auto;
	*zoom: 1;
	*display: inline;
}

.genericon-menu:before { content: '\f419'; }
.genericon-twitter:before { content: '\f202'; }
.genericon-facebook:before { content: '\f203'; }
.genericon-facebook-alt:before { content: '\f204'; }
.genericon-wordpress:before { content: '\f205'; }
.genericon-googleplus:before { content: '\f206'; }
.genericon-linkedin:before { content: '\f207'; }
.genericon-linkedin-alt:before { content: '\f208'; }
.genericon-mail:before { content: '\f410'; }
.genericon-expand:before { content: '\f431'; }
.genericon-collaps:before { content: '\f432'; }


div.textblock a.line:after {
	*overflow: auto;
	*zoom: 1;
	*display: inline;
	content: '\f442';
	display: inline;
	-webkit-font-smoothing: antialiased;
	font-family: 'Genericons';
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	vertical-align: top;
	font-size: 1.3em;
    line-height: 1.4em;
}


.textblock_divide {
	border-bottom: 2px solid #a0c7cb;
	margin: 0  0 2em 0;
	display: block;
}

.textblock_subline {
	display: block;
	xborder-bottom: 2px solid #D9430A;
	vertical-align: top;
	padding-top: 0;
	padding-bottom: 0.5em;
	font-weight: bold;
	line-height: 1.5rem;
	xmargin-bottom: 1em;
	font-size: 1.1rem;
	letter-spacing: 0.05rem;
}

.textblock_subline b{
color: #569a9f;
font-size: 2rem;

}

.textblock .greybox.inner {
	background: #E7E7E7;
	padding: 2rem;
	xmargin-left: .5rem;
	min-height: 300px;
	height: 100%;
	}

.t-slider-controller {
	display: block;
	width: 100%;
	text-align: right;
	margin: 0.5em 0;
	letter-spacing: 0;
}


.t-slider-controller a {
	width: 2em;
	height: 2em;
	border: 1px solid #bababa;
	line-height: 1.6em;
	display: inline-block;
	padding: .0em .5em .5em .5em;
	color: #797979;
	margin-left: .5em;
	outline: none;
}

.t-slider-controller a:hover{
	background: #CDD7DA;
}

.contenttabs {
	letter-spacing:0;
}

/*************************************************************
* rs slider
*************************************************************/
.contentslider  {
	position: relative;
}

.contentpage {
}

.contentbox {
	position: relative;
	padding: 0 1.625em;
	margin-bottom: 2em;
	width: 100%!important;
	text-align: center;
}

.textblockgrouptype_contentslider,
.contentbox .rsOverflow {
	position: static;
	width: 100%!important;
}

.contentbox div.textblock.m-box {
	padding: 0 .675em;
}

.rsBullets {
	display: inline-block;
	padding-top: 2rem;
}

.rsBullet {
	background: #515151;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-left: 15px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}


.rsBullet.rsNavSelected {
	background: #458e95;
}

.rsArrow {
	height: 100%;
	width: 23px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}

.rsHor .rsArrowLeft { left: 0%; top: 0; }
.rsHor .rsArrowRight { right: 0%; top:0; }

.rsArrowIcn {		
	width: 40px;
	height: 64px;
	top: 39%;
	xleft: 50%;
	xmargin-top:-32px;	
	xmargin-left: -22px;

	position: absolute;	
	cursor: pointer;	
	background: url(../img/rs-default.png);
	background-position: 10px 12px;

	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	xdisplay: none;
}


.rsArrowIcn:hover {
	background-color: #fe0000;
}

.rsHor .rsArrowLeft .rsArrowIcn { background: url(../img/pfeil_grau_links.gif) 0 0 no-repeat;left:-10px;}
.rsHor .rsArrowRight .rsArrowIcn { background: url(../img/pfeil_grau_rechts.gif) 0 0 no-repeat; left:0;}
.rsHor .rsArrowLeft:hover .rsArrowIcn { background: url(../img/pfeil_newgrey_links.png) 0 0 no-repeat;}
.rsHor .rsArrowRight:hover .rsArrowIcn { background: url(../img/pfeil_newgrey_rechts.png) 0 0 no-repeat;}
.rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }


.redarrow .rsArrowIcn {
	display: none;
	width: 145px;
	height: 145px;
	margin-left: -145px;
	background: red url(../img/rs-default.png);
}

.redarrow .rsArrowLeft .rsArrowIcn {		
	width: 145px;
	height: 145px;
	margin-left: 0px;
}


/*************************************************************
* rs slider
*************************************************************/



#toTop {
    bottom: 10px;
	z-index: 200;
    color: #333;
    cursor: pointer;
    display: none;
    font-family: verdana,sans-serif;
	font-weight: bold;
    font-size: 20px;
    padding: 0px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 41px;
	height: 41px;
	line-height: 44px;
	background: #458e95;
	border-radius: 50px;
	color: white;
}

/******************************************************************************
 * contact footer
******************************************************************************/
.contact-footer {
    background-color: rgba(167, 200, 204, 0.99);
    bottom: 0;
    display: none;
    left: 0;
    padding-bottom: 30px;
    padding-top: 0px;
    position: fixed;
    right: 0;
    z-index: 2000;

}

.contact-footer .content {
	border: none;
}

.social_footer {
	margin-top:10px;
}

.close-footer {
    border: 2px solid #5b5b5b;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
    border-radius: 30px;
    bottom: -13px;
    float: right;
    height: 40px;
    margin-right: 30px;
    opacity: 0.3;
    padding-top: 3px;
    position: relative;
    text-align: center;
	-webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 40px;
}

.circle_footer {
    border: 1px solid #5b5b5b;
    border-radius: 50px;
    height: 34px;
    margin-bottom: 10px;
    margin-right: 10px;
    opacity: 0.6;
    padding-top: 2px;
    text-align: center;
	-webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 34px;
	display: inline-block;
    max-width: 100%;
}

.close-footer:hover ,
.circle_footer:hover {
    opacity: 1;
}

.info_footer {
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.info-icon {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.contact {
	line-height: 26px;
	margin-right: 1em;
	color: #5b5b5b;
}

.info_footer p {
    display: inline-block;
    margin-bottom: 5px;
	color: #5b5b5b;
	line-height: inherit;
}

.info_footer a {
	color: #5b5b5b;
}

.close-text_footer {
	height: 50px;
}

.close-text {
	color: #5b5b5b;
	float: right;
	margin: 20px 25px 0 0;
	display: none;
	-webkit-transition: all 500ms ease 2s;
    transition: all 500ms ease 2s;
}

.footer_logo  {
	margin-bottom: 10px;
}

h5 {
    color: #5b5b5b!important;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
	color: white;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 23px;
    margin-top: 10px;
    text-transform: uppercase;
}

.cl-input {
    display: block;
    height: 38px;
    line-height: 1.42857;
    padding: 8px 12px;
    vertical-align: middle;
    width: 100%;
}

.cl-input.datenschutz {
   width: auto; 
   float:left;
   margin-right: 1em;
}
label.datenschutz {
	color: #5b5b5b;
	display:block;
	margin-bottom: 1em;
	margin-top: 1em;
	font-size: 12px;
}
.textfield {
    background-color: transparent;
    border-bottom: 2px #818181 solid;
    border-bottom-width: 2px;
    font-size: 13px;
    margin-bottom: 15px;
    padding-left: 0;
    padding-top: 0;
	color: #5b5b5b;
	-webkit-appearance: none;
}

.text-area {
    background-color: transparent;
    border-bottom: 2px #818181 solid!important;
    color: #5b5b5b;
    font-size: 13px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-top: 0;
	height: 5em;
	overflow: auto;
	-webkit-appearance: none;
}


.submit-button {
    background-color: transparent;
    border: 2px solid #818181;
    border-radius: 5px;
    color: #818181;
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
    padding: 5px 15px;
    position: relative;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
	-webkit-appearance: none;
}
.submit-button:hover {
    background-color: #818181;
    color: #5b5b5b;
}

.text-area:hover,
.textfield:hover {
    border-bottom-color: #C65F60;
}

.success-message {
    background-color: green;
	color: #5b5b5b;
    border-radius: 5px;
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
	display: none;
}

.cl-form-fail.success-message{
	background-color: red;
}

.success-message p {
	margin: 1.5em 0;
}


.scale-with-grid  img,
img.scale-with-grid {
	max-width: 100%;
	height: auto; }
	
.scale-with-grid-50  img,
img.scale-with-grid-50 {
	max-width: 50%;
	height: auto; }

.scale-with-grid-80  img,
img.scale-with-grid-80 {
	max-width: 80%;
	height: auto; }
	
	
/******************************************************************************
* special features
******************************************************************************/
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, 
q:before, q:after {
	content: ''; content: none; 
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.msnry ul#nav li {
	background-size: cover;
}

.msnry ul#nav .nav-tile-size0 { width: 100%; height: 94px; }
.msnry ul#nav .nav-tile-size1 { width:  100%; height: 189px; /*background: #abc7d5;*/ }
.msnry ul#nav .nav-tile-size2 { width:  100%; height: 189px; /*background: #9baeb5;*/ }
.msnry ul#nav .nav-tile-size2 { width: 100%; height: 189px; /*background: #8bba97;*/ }

.msnry ul#nav .nav-tile-size1 { width:  100%; height: 94px; /*background: #abc7d5;*/ }
.msnry ul#nav .nav-tile-size2 { width:  100%; height: 94px; /*background: #9baeb5;*/ }
.msnry ul#nav .nav-tile-size2 { width: 100%; height: 94px; /*background: #8bba97;*/ }
	
	
.msnry #nav_unternehmertagungen{ background: #CDD7D9; }
.msnry #nav_work-life-balance { background-color: #c4e2f0; }
.msnry #nav_seminare { background-color: #b1c2d9; }
.msnry #nav_vortraege { background-color: #e9e0de; }
.msnry #nav_biographie  { background-color: #dfe0e1; }
.msnry #nav_kontakt { background-color: #e0d0bd; }
.msnry #nav_engagement { background-color: #e0d0bd; }
.msnry #nav_blog { background-color: #b1c2d9; }
.msnry #nav_engagement  { display: none; }

div.nav-description {
	display: none;
}

.msnry div.nav-description {
	position: absolute;
	top: 42%;
	left: 0%;
	width: 100%;
	text-align: center;
	padding: 4%;
}

.msnry div.nav-description {
	font: 0.5em/1.25em open_sansregular;
	display: none;
}

.msnry ul#nav {
	display: block;
	margin: 0 auto;
	background: white;
	max-width: 1180px;
}

.msnry ul#nav li{
	position: relative;
	border: 6px solid white;
}


.msnry ul#nav li a{
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	background: #458e95!important;
	color: white;
}

.msnry ul#nav li a:hover{
	background: transparent url(../img/white50.png) top left repeat;
}

.item.w1 { width:  182px; }
.item.w2 { width:  378px; }
.item.w3 { width:  578px; }

.item.h2 { height: 100px; }
.item.h3 { height: 100px; }
.item.h4 { height: 100px; }

/******************************************************************************
* special features messageboard
******************************************************************************/
.textblock_php {
	xbackground: yellow;
}

div.messageboard-form {
	background: #CDD7DA;
	padding: 10px;
}

div.messageboard-message-responses .messageboard-message-subject,
div.messageboard-message-responses h3,
h4.messageboard-message-responses,
div.messageboard-form input#form-firstname,
div.messageboard-form input#form-phone,
div.messageboard-form label {
	display: none;
}

div.messageboard-form input#form-lastname {
	margin-bottom: 4px;
}

div.messageboard-form input,
div.messageboard-form textarea{
	width: 100%;
	padding: 6px;
}

div.messageboard-message {
    border-bottom: 2px solid #CDD7DA;
	margin-bottom: 10px;
    width: 100%;
	float: left;
}
div.messageboard-message p {
    margin-top: 2px;
	display:block;
}

div.messageboard-messages h2 {
	margin-bottom: 10px;
	display: block;
	border-bottom: 2px solid #CDD7DA;
	background: #CDD7DA;
	padding-left: 10px;
}

div.messageboard-messages a {
	float: right;
	font-size: 0.875em;
	margin-right: 10px;
}

h3.messageboard-message-author a {
	float: none;
	display: inline;
}

p.messageboard-message-text {
    width: 100%;
}

div.messageboard-message-responses p.messageboard-message-text {
    display: block;
    margin-bottom: 10px;
    padding: 10px 10px 0 10px;
}

ul.messageboard-message-attachments {
	display: none;
}
div.textblock ul.messageboard-message-attachments li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.textblock ul.messageboard-message-attachments img {
    margin: 0;
    padding: 0 !important;
}
ul.messageboard-message-attachments a {
    display: block;
    line-height: 0;
}
div.messageboard-message-contact {
    float: left;
    margin: 0 0 10px 20px;
    width: 180px;
}
div.messageboard-message-contact button {
    margin-bottom: 10px;
}
div.messageboard-message-responses .messageboard-message {
	background: #D8D6D6;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.messageboard-message-responses:after{
	background: transparent url(../img/mboard-comment.png) 0 0 no-repeat;
    content: "";
    display: block;
    height: 16px;
    margin: 12px auto;
    width: 28px;
}


h3.messageboard-message-author {
	font-size: inherit;
}

h4.messageboard-message-subject {
	font-size: 1.714em;
	line-height: 1.3em;
}

.messageboard-form input[type="submit"]{
	background: #BC4A4A;
	border: none;
	color: white;
}

div.messageboard-confirmation {
	font-weight: bold;
	display: block;
	width: 100%;
	background:green;
	margin-bottom: 10px;
	color: white;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	

/* --------------------------
 * Responsive Styles
 * --------------------------
*/
.info2 {background: #C65F60;}
.info2:before{content: "less than 30 iphone hochkant";}


@media screen and (min-width: 30em) {

}
	
@media screen and (min-width: 35.5em) {
	.info2 {background: yellow;}
	.info2:before{content: "35.5 iphone quer";}
	
	.item.h2 { height: 100px; }
	.item.h3 { height: 130px; }
	.item.h4 { height: 180px; }
	
			
	.msnry ul#nav .nav-tile-size0 { width: 94px; height: 94px; }
	.msnry ul#nav .nav-tile-size1 { width: 189px; height: 189px; }
	/*.msnry ul#nav .nav-tile-size2 { width: 189px; height: 189px; }*/
	.msnry ul#nav .nav-tile-size2 { width: 289px; height: 189px; }
	
	.xmsnry #nav_unternehmercoaching { width: 226px!important; min-height: 226px!important;}
	.xmsnry #nav_unternehmertagungen { width: 226px!important; min-height: 226px!important;}
	.msnry #nav_engagement { display: block; width: 94px!important; height: 94px!important; }
	.msnry #nav_life-balance { display: none};
	
	.msnry div.nav-description {
		font: 0.8em/1.25em open_sansregular;
	}
	
	.msnry ul#nav li{
		min-height: 94px;
		min-height: inherit;
	}
	
	.msnry ul#nav li a{
	background: transparent!important;
	font-size: 1.5rem;
}
	
	#content_0 {
		display: inherit;
	}
	
	.msnry ul#nav a {
		font-size: 0.8em;
		font-size: 0;
		text-indent: -100000px;
		padding: .3em 0 0 0.6em;
	}
	
	
	nav.msnry {
		width: 667px;
	}
	
	.body {background: yellow;}
	

}

@media screen and (min-width: 48em) {
	
	.body {background: green;}
	
	nav {
        /* clearing für die floatenden LIs */
        overflow: inherit;
        font-size: inherit; /* 18px */
		text-align:	center;
    }
	
	nav.msnry{
		width: 685px!important;
	}
	
	ul#nav {
		text-align: center;
		overflow: inherit;
		z-index: 10;
		position: relative;
	}
	
	
	/* second level */
	nav ul ul {
		position: absolute;
		top: 2.46em;
		width: auto;
		display: none;
		z-index: 20;
		min-width: 18%;
	}
	
	 ul#nav ul li {
       display: block;
    }
	
	 ul#nav ul li a:link{
		background: #E3EDEF;
		padding-left: .5em;
		font-size: 0.875em;
    }
	
	 ul#nav ul li a:hover{
		text-decoration: underline;
    }
	
	/*
	ul#nav li.current ul {
		display: none;
	}
	*/	
	
	/* second level */
	
    ul#nav li {
        display: inline-block;
        border: none;
        width: auto;
    }
	
    ul#nav > li > a {
        padding: 0.7em 10px 0.7em 10px;
        display: inline-block;
				font-size: 1.5rem;
    }
	
	
	ul#nav a:hover {
		text-decoration: underline;
	}
	
	ul#nav li.current a{
		color: black;
	}
	
	#nav-toggle {
        display: none;
    }
	
	.js ul#nav {
		display: block;
        position: relative;
		max-height: none;
    }

    .js ul#nav.closed {
        max-height: none;
    }
	
	div.footer div {
		text-align: left;
	}
	
	.footer-list {
		border-left: 2px solid white;
		padding-left: 1em;
		
	}
	
	.footer-list.social li {
		margin-right: 0.1em;
		margin-top: 0;
	}
	
	.footer-list a {
		display: inline;
		background: none;
		border: none;
		padding:0;
		font-size: 0.85em;
	}

    

	/*
	118
	236
	360
	*/
	
	/*.msnry  ul#nav .nav-tile-size0 { width: 113px; height: 113px;}*/
	.msnry ul#nav .nav-tile-size0  { width: 226px; height: 226px; }
	.msnry ul#nav .nav-tile-size1  { width: 226px; height: 226px; }
	.msnry ul#nav .nav-tile-size2  { width: 226px; height: 226px; }
	/*.msnry  ul#nav .nav-tile-size2 { width: 346px; min-height: 226px;}*/

/*	
	.msnry #nav_bucherscheinung{display: inherit; }
	.msnry #nav_life-balance { display: inherit;}
	.msnry #nav_unternehmercoaching{ width: 226px!important; min-height: 226px!important;}
	.msnry #nav_engagement { display:block; width: 113px!important; min-height: 113px!important;}
	.msnry #nav_seminare{ width: 226px!important; min-height: 226px!important;}
	.msnry #nav_semniare { display: block; width: 94px!important; height: 94px!important; }
	.msnry #nav_bucherscheinung { width: 226px!important; min-height: 226px!important;}
*/

	.msnry ul#nav li{
		min-height: 94px;
	}

	.msnry div.nav-description {
		top: 36%;
		font: 0.8em/1.2em open_sansregular;
		display: block;
	}
	
	.fixed .logo img {
		width: 20%;
		height: auto;
	}
	
	div.textblock.zitat {
		margin-top: 0rem;
	}

	div.textblock.zitat:not(.pure-u-sm-1-2) {
		margin-top: 0rem;
	}
	.footer-list.social  {
	    margin-top: 0em;
    }

	

}

@media screen and (min-width: 52em) {
	.body {background: BurlyWood;}
	
	nav.msnry {
		width: 1024px!important;
	}
		
	.msnry #nav_persoenliches_startseite {display:none;}
/*		
	.msnry #nav_unternehmercoaching{ width: 113px!important; min-height: 112px!important;}
	.msnry #nav_seminare{ width: 226px!important; min-height: 226px!important;}
	.msnry #nav_engagement { width: 226px!important; min-height: 226px!important;}
	.msnry #nav_bucherscheinung { width: 113px!important; min-height: 113px!important;}
	.msnry #nav_aktuelles{ width: 113px!important; min-height: 113px!important;}
	*/
	
	.msnry ul#nav li{
		min-height: 113px;
	}
		
	.footer-list a {

		font-size: inherit;
	}
}


@media screen and (min-width: 58em) {

	.body {background: #1CC1DB;}
	
	
	.msnry ul#nav li a:hover{
		background: transparent url(../img/white50.png) top left repeat;
		font-size: 0.85em;
		color: #60AD25;
	}
	
	
	ul#nav > li > a {
        padding: 0.7em 16px 0.7em 16px;
        display: inline-block;
    }
	
	.footer-list.social li {
		margin-right: 0.5em;
	}


	.msnry div.nav-description {
		font: 1em/1.5em open_sansregular;
		font: 0.75em/1.25em open_sansregular;
		display: block;
	}

}

@media screen and (min-width: 64em) {
	.info {background: yellow;}
	.info:before {content: "64";}
	
	.body {background: yellow;}
		
	nav.msnry {
		width: 956px!important;
	}
	
/*	
	.msnry #nav_unternehmercoaching{width: 192px!important; min-height: 90px!important;}
	.msnry #nav_seminare{width: 192px!important; min-height: 190px!important;}
	.msnry #nav_aktuelles{width: 192px!important; min-height: 192px!important;}
	.msnry #nav_engagement { width: 378px!important; min-height: 378px!important;}
*/
	
	/*.msnry ul#nav .nav-tile-size1  { width: 378px; height: 378px; }*/
	.msnry ul#nav .nav-tile-size1  { width: 310px; height: 310px; }
	/*.msnry  ul#nav .nav-tile-size2 { width: 578px; min-height: 378px;}*/
	.msnry  ul#nav .nav-tile-size2 { width: 466px; min-height: 310px;}
	/*.msnry  ul#nav .nav-tile-size0 { width: 192px; height: 185px;}*/
	.msnry  ul#nav .nav-tile-size0 { width: 155px; height: 155px;}

	
	.msnry ul#nav li{
		/*min-height: 189px;*/
	}
	
	.msnry div.nav-description {
		font: 1em/1.5em open_sansregular;
		display: block;
	}
}



@media screen and (min-width: 80em) {
	.info {background: #fef;}
	.info:before{content: "80em";}
	
	

	
		

	
}