/*@import url('../fonts/muli-fontfacekit/stylesheet.css');*/
@import url('/lib/fonts/kameron-fontfacekit/stylesheet.css');
@import url('/lib/fonts/DejaVu-Sans-fontfacekit/stylesheet.css');
@import url('form.css');

/* font family */

body,*{
	/*font-family:'MuliLight';*/
	font-family:'DejaVuSansBook',sans-serif;
	font-weight:normal;
}

.banner .title dl{
	margin:23px 0 0 0;
	padding:0;
	width:100%;
	color:#005d26;
}



.banner .title dt{
	display:block;
	width:100%;
	height:35px;
	margin:0;
	color:#005d26;
	text-align:left;
	border-bottom:3px solid #005d26;
	padding:0 0 5px 0;
}



i.seminare,
i.mediation,
i.organisation{
	width:25px;
	height:40px;
	display:block;
	background-size:contain;
	background-repeat:none;
	white-space:nowrap;
	float:left;
	margin:0;
	margin-right:4px;
	background-repeat:no-repeat;
}

i.seminare{background-image:url('mh-small-seminare.png');}
i.mediation{background-image:url('mh-small-mediation.png');}
i.organisation{background-image:url('mh-small-organisation.png');}

i:hover,
a img:hover{
	opacity:0.8;
}

.banner .title dt a{
	padding:0px 0 0 0;
	text-indent:10px;
	margin-left:10px;
	font-weight:400;
	font-family:'KameronBold',serif;
	text-transform:uppercase;
	display:block;
	font-size:24px;
	letter-spacing:0.15em;
	display:block;
	float:left;
	margin-left:0;
	height:30px;
	width:30px;
	overflow:hidden;
}

.banner .title dt a.name{
	margin-top:-7px;
	width:auto;
}

.banner .title dd{
	font-family:'DejaVuSansBook',sans-serif;
	font-weight:normal;	
	width:100%;
	margin:0;
	padding:0;
	color:#005d26;
	text-align:right;
	padding:0 0 0.5em 0;
	overflow:hidden;
	line-height:16px;
	margin-top:5px;
}



.banner .title a.name{
	padding-top:2px;
}


h1,
h1 a,
h2,
h2 a,
h2 a:link,
.navigation li a,
h3{
	/*font-family:'MuliRegular';
	font-weight:bold;*/
	font-weight:normal;
	font-family:'KameronBold',serif;
}

/*
better done selectively using javascript
h1,h2,h3{
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
}*/


.banner a{
	/*font-family:'MuliRegular';*/
	font-family:'DejaVuSansRegular',sans-serif;
	font-weight:normal;
}

.footer a{
	/*font-family:'MuliRegular';*/
	font-weight:normal;
	font-family:'KameronBold',serif;
}

strong,
strong a,
a strong{
	font-family:'DejaVuSansBold',sans-serif;
	font-weight:normal;	
}

dl.glossar dt a{
	text-decoration:none;
	font-family:'DejaVuSansBold',sans-serif;
	font-weight:normal;	
}

dl.glossar dd{
	margin-left:0;
}

dl.glossar dd + dt{
	margin-top:1em;
}


.banner .left a,
.banner .right a{
	margin-top:35px;	
	margin-bottom:10px;
}

h1{
	/*font-weight:bolder;
	font-family:MuliRegular;*/
	font-family:'KameronBold',serif;
	font-weight:normal;
}

/* more */

body,*{
	/*color:rgb(86,86,86);*/
	/*color:#337447;*/
	
color:#005d26;
}

a,
a:hover,
a:link{
	/*color:#337447;*/
	color:#005d26;
	text-decoration:underline;
}

a.footnote,
a sup,
a:link sup,
a:hover sup{
	text-decoration:none;
}

a:hover{
	color:#337447;
}

.banner .title a,
.banner .title a:hover,
.banner .title a:link{
	text-decoration:none;
}


p.more{
	margin-top:-10px;
	margin-bottom:2em;
}

.teasers p.more{
	text-align:center;
}

h1,
h1 a,
h2,
h2 a,
h2 a:link,
.navigation li a{
	text-transform:uppercase;
	text-decoration:none;
}

h2{
	margin-bottom:0;
}

.navigation li{
	line-height:1em;
	padding:0.8em 0 0.5em 0;
}

.banner .left a,
.banner .right a,
.footer a{
	font-size:14px;
	text-transform:uppercase;
	line-height:1em;
	text-decoration:none;
}

.banner .title,
.footer .center{
	text-align:center;
}



.navigation{
	margin:0;
	padding:0;
}

.banner .right,
.footer .right{
	text-align:right;
}



.navigation li{
	list-style-type:none;
	text-align:center;
}

.teaser{
	text-align:center;
	padding-bottom:40px;
}

.teaser p{
	text-align:left;
}

/* sections */

.section-init{
	background-color:#EF5E30;
	/*configure height directly in template to override bootstrap!*/
}

.section-banner{
	background-color:#FEF4E0;
}
.section-content{
	background-image:url('grau_bg2.png');
}
.section-teasers{
	background-color:#FCF3E0;

}
.section-exit{
	background-color:#EF5E30;
}

.page{
	max-width:1200px;
	margin:0 auto;
}

/* section borders */

.navigation li,
.footer,
.spacer-top,
.teasers{
	background-image:url('linie_horizontal.png');
	background-repeat:repeat-x;
}

.navigation.skip-title li:nth-child(1){
	background-image:none;
}

.banner{
	background-image:url('linien_head.png');
	background-repeat:no-repeat;	
	background-position:100% 0;
}

.spacer{
	height:4em;
}

.top{
	height:11px;
	background-position:0 100%;
	background-image:url('linie_horizontal.png');
	background-repeat:repeat-x;
}

div.col-sm-8.aside{
	background-image:url('linie_vertikal.png');
	background-repeat:repeat-y;	
	background-position:100% 0;
	min-height:800px;
	padding-bottom:40px;
}

.teaser .aside{
	background:transparent;
}

ul.aside li{
	background:transparent;
	background-image:url('linie_horizontal.png');
	background-repeat:repeat-x;
	background-position:0 100%;
}




.row div h1{
	padding-left: 0em;
	padding-right: 0em;
}

h1{
	font-size:36px;
	line-height:1em;
	letter-spacing:0.1em;
	text-align:center;
}

h2{
	font-size:18px;
	line-height:20px;
	letter-spacing:0.1em;
}

h3{
	font-size:16px;
	line-height:20px;
	letter-spacing:0.1em;	
	text-transform:uppercase;
	margin-bottom:0;
}

.teaser h2{
	font-size:24px;
}

.teasers.teaser h2{
	font-size:18px;
}

.teaser h2,
h1{
	text-align:center;
}

body{
	margin:0;
	padding:0;
}



/*em is used for generating keywords*/
em{
	font-family:inherit;
	font-style:normal;
	/*background-color:yellow;*/
	/*border-bottom:1px dotted yellow;*/
}



.banner{
	font-size:150%;
	/*padding-bottom:0.5em;*/
	line-height:1em;
}



.nav-stacked .nav-stacked{
	background:rgb(251,251,251);
}

.nav-stacked .nav-stacked li{
	height:auto;
}

.nav-stacked.passive{
	display:none;
}



/*.page{
	background-image:url('grau_bg2.png');
	background-repeat:repeat;
	max-width:1200px;
	margin:0 auto;
}
	

.page{
	margin-top:1em;
	background-color:#C7C7C7;
	margin-bottom:0em;
}
*/



.banner .left a,
.banner .right a,
.footer a{
	display:block;
	vertical-align:bottom;
}

.banner .left a,
.banner .right a{
	padding-top:3em;
}


.footer a{
	padding-top:1em;
}

.left a{
	padding-left:3em;
}
.right a{
	padding-right:3em;
}



.row div h1,
.row div h2,
.row div h3,
.row div h4,
.row div p,
.row div ul,
.row div ol,
.row div dl{
	padding-left:30px;
	padding-right:30px;
}

.row div ul p,
.row div ol p{
	padding-left:0;
}

.banner img{
	width:100%;
}

.teaser img{
	margin-bottom:3em;
}

.teasers img{
	margin-bottom:0;
	margin-top:1em;
}



ul,
ol,
.teaser ul,
.teasers ul,
.aside ul{
	text-align:left;
}

/*p,ul{
	max-width:60em;
	margin:0 auto;
}
*/

h2 + ul,
h2 + ol,
h2 + p,
h3 + ul,
h3 + ol,
h3 + p{
	margin-top:10px;
}

p{
	/*max-width:40em;*/
}

p + h2{
	margin-top:20px;
}

div.aside li + li{
	margin-top:10px;
}

ul + p,
ol + p{
	margin-top:20px;
}


ul + h3,
ul + h2,
ol + h3,
ol + h2,
p + h3{
	margin-top:20px;
}

.footer{
	padding-bottom:10px;
}

ul + ul,
ul + ol,
ol + ul{
	margin-top:40px;
}

h2 + .navigation{
	margin-top:20px;

}

textarea{
	width:80%;
	height:15em;
}

.teaser img,
.teasers img{
	max-width:100%;
	height:auto;
}



/* Large desktop */
@media only screen and (min-width: 1200px) { 
}
 

/* Portrait tablet to landscape and desktop */
/*@media only screen and (min-width: 768px) and (max-width: 979px) { */
@media only screen
and ((min-width: 768px) and (max-width: 979px)){ 
	.banner .title dd a,
	.banner .title dt a{
		display:block;
		width:100%;
		line-height:1.5em;
		text-align:center;
		float:none;
	}
	i.seminare, i.mediation, i.organisation{
		display:none;
	}
	.banner .left a,
	.banner .right a,
	.banner .title dl,
	.footer a{
		margin:0;
		padding:0;
		text-align:center;
	}
	.banner .left a,
	.banner .right a,
	.footer a,
	.banner .title dd,
	.banner .title dt{
		margin-top:10px;
	}
	div.col-sm-8.aside{
		background:transparent;
	}

}
 
/* Landscape phone to portrait tablet */
@media only screen and (max-width: 768px){

	.banner .title dt{
		margin-top:0.5em;
		height:auto;
	}

	.banner .title dd{
		margin-bottom:0.5em;
	}

	.banner .title dd a,
	.banner .title dt a{
		display:block;
		width:100%;
		line-height:1.5em;
		text-align:center;
		float:none;
		overflow:visible;
		height:auto;
	}
	i.seminare, i.mediation, i.organisation{
		display:none;
	}
	.banner .left a,
	.banner .right a,
	.banner .title dl,
	.footer a{
		margin:0;
		padding:0;
		text-align:center;
	}
	.banner .left a,
	.banner .right a,
	.footer .left a,
	.banner .title dd{
		margin-top:10px;
	}
	.banner .right a{
		margin-bottom:10px;
	}
	div.col-sm-8.aside{
		background:transparent;
	}
	.col-sm-4{
		margin-bottom:4em;
	}
	.col-sm-12,
	.col-sm-2,
	.section-banner .col-sm-8{
		width:100%;
		float:none;
	}
	h1{
		font-size:24px;
	}
	.teaser h2{
		font-size:20px;
	}
	.teasers.teaser h2{
		font-size:14px;
	}
	

	
}	
 
/* Landscape phones and down */
@media (max-width: 480px) {
	/*1.5em?*/
}

/* Galaxy S6 portrait and landscape */
@media screen 
  and (device-width: 768px) 
  and (device-height: 1024px) 
  and (-webkit-device-pixel-ratio: 2) {
	
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-device-pixel-ratio: 2) {
}