@charset "UTF-8";



/* @group SHARED 
------------------------------------*/

.island.promo,
pre,
code{
	background-color:#fef8c4;
}

a img{
	border: none;
}


.section-slider {
	display: block;
	margin-bottom: 50px;
}



/* @end */



/* @group MAIN 
------------------------------------*/
html{
	font-family: 'IBM Plex Sans', sans-serif;
	color: #5d5d5d;
	background: #fff;
}



/* @end */



/* @group ISLANDS 
------------------------------------*/
.island.promo{
	color:#6d6841;
	border:1px solid #d8d566;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
}
	.island.promo a{
		color:inherit;
		font-weight:bold;
		text-decoration:underline;
	}
/* @end */


/* @group NAV 
------------------------------------*/
.nav.main {
	margin: 0 0 50px;
}

.nav.main li {
	display: block;
	float: left;
	width: 16.667%;
	text-align: center;
}
.nav.main a {
	display: block;
}

.nav.main a:hover {
	text-decoration: none;
	color: #474747;
}

.nav.main a:active,
.nav.main a:focus {
	top: 0;
}

.nav.main a.selected {
	text-decoration: none;
	color: #474747;
}

/* @group NAV MOBILE 
------------------------------------*/
@media (max-width: 720px){

.nav.main {
	margin: 0 0 20px;
}

.nav.main img {
	display: none;
	visibility: hidden;
}

.nav.main li {
	width: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	

}

.nav.main a {
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
-moz-background-clip: padding; 
-webkit-background-clip: padding-box; 
background-clip: padding-box;
background-color: #474747;
padding: 5px 10px;
color: #cdcdcd;
}

.nav.main a:hover {
background-color: #fff;
color: #97937c;
}

.nav.main a.selected {
background-color: #fff;
color: #97937c;
}

}
/* @end */



/* @end NAV */



/* @group HEADER 
------------------------------------*/
.header{
	padding: 20px 0;
}
.logo{
	background:url(../img/logo.png);
	margin-left:auto;
	margin-right:auto;	
}
.logo,.logo img{
	width:670px;
	height:240px;
}

.einleitung {
	text-align: center;
	background: url(img/page/bg-einleitung.png) no-repeat center top;
	padding-top: 40px;
	color: #606060;
	font-size: 1.5em;
}


/* @group HEADER MOBILE 
------------------------------------*/
@media (max-width: 720px){

	.logo{
		background:url(../img/logo-klein-retina.png);
		background-size: 280px 155px;
	}
	
	.logo,.logo img{
		width:280px;
		height:155px;
	}
	
	.content {
		background: none;
	}
	.einleitung {
		background: none;
		padding-top: 20px;
		border-top: 2px solid #eaeaea;
		font-size: 1.25em;
		line-height: 1.5em;
	}

}


/* @end MOBILE */

/* @end */



/* @group CONTENT TEXT 
------------------------------------*/
.content-text {
/*	margin-bottom: 20px;*/
}

.content-text h2, .content-text h3{
	color: #3f3f3f;
}

/* @end */






/* @group FOOTER 
------------------------------------*/
.footer{
	padding-top: 2.5em;
	color: #4e4e4e;
	background: #c6c6c6;
	margin-bottom: 0px;
	padding-bottom: 2em;
	margin-top: 5em;
}
.footer h3 {
	color: #272727;
}

.footer h4 {
	border-bottom: 1px solid #b2b2b2;
	padding-bottom: 5px;
	margin-bottom: 0.8em;
	color: #272727;
}

.grids.footer-bgimage {
	background: url(img/page/bg-pferd-footer.png) no-repeat right 0px;
}

/* @end */



/* @group TYPE 
------------------------------------*/
a{
	color: #2292c5;
}
mark{
	border-bottom:2px solid;
}
pre{
	padding:10px;
}
pre code,
pre mark{
	background:none;
}
h1,h2,h3 {
	font-family: 'Playfair Display', serif;
}
h2 {
	font-size: 2.7em;
}

h3 {
	font-size: 2em;
}



/* @end */



/* @group MISC 
------------------------------------*/
::selection		{ background-color: #4ab2bc; color:#fff; }
::-moz-selection{ background-color: #4ab2bc; color:#fff;}

hr{
	border:none;
	height:1px;
	background-color: #e4e4e4;
	padding: 0;
}

/* @end */


/* @group FORMS 
------------------------------------*/

.text-input {
	width: 90%;
}
label {
	font-size: 0.9em;
	font-style: italic;
}


/* @end */






/* @group MOBILE 
------------------------------------*/
@media (max-width: 720px){





}
/* @end MOBILE */