/* asap-regular - latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/asap-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/asap-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/asap-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/asap-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/asap-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/asap-v15-latin-regular.svg#Asap') format('svg'); /* Legacy iOS */
}
/* asap-500 - latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/asap-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/asap-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/asap-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/asap-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/asap-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/asap-v15-latin-500.svg#Asap') format('svg'); /* Legacy iOS */
}
/* asap-600 - latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/asap-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/asap-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/asap-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/asap-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/asap-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/asap-v15-latin-600.svg#Asap') format('svg'); /* Legacy iOS */
}
/* asap-italic - latin */
@font-face {
  font-family: 'Asap';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/asap-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/asap-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/asap-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/asap-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/asap-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/asap-v15-latin-italic.svg#Asap') format('svg'); /* Legacy iOS */
}
/* asap-700 - latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/asap-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/asap-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/asap-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/asap-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/asap-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/asap-v15-latin-700.svg#Asap') format('svg'); /* Legacy iOS */
}
/* asap-500italic - latin */
@font-face {
  font-family: 'Asap';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/asap-v15-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/asap-v15-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/asap-v15-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/asap-v15-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/asap-v15-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/asap-v15-latin-500italic.svg#Asap') format('svg'); /* Legacy iOS */
}
/* asap-600italic - latin */
@font-face {
  font-family: 'Asap';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/asap-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/asap-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/asap-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/asap-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/asap-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/asap-v15-latin-600italic.svg#Asap') format('svg'); /* Legacy iOS */
}

HTML, BODY {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #cdc1b1 url(bilder/hg.jpg) repeat-x;
	font-family: 'Asap', sans-serif;
	color: #5a4e3f;
	color: #684316;
	}
	.clear {clear: both;}
/*
############ CONTAINER
*/	
	#container {
		margin: auto;
		width: 1184px;
		background: #FBF8F1;
		}
/*
############ KOPF
*/			
		#container #kopf {
			
			}
			#container #kopf IMG.foto-links {
				float: left;
				}
			#container #kopf UL {
				list-style: none;
				margin: 3px 0 0 245px;
				padding: 3px 0 0 0;
				background: url(bilder/hg-menue.jpg) repeat-x;
				height: 47px;
				}	
				#container #kopf UL LI {
					float: left;
					}
					#container #kopf UL LI A {
						text-decoration: none;
						color: #684316;
						display: block;
						padding: 13px;
						}
					#container #kopf UL LI A:HOVER,
					.start #container #kopf UL LI.start A,
					.angebote #container #kopf UL LI.angebote A,
					.ueber-mich #container #kopf UL LI.ueber-mich A,
					.urlaub-mit-pferd #container #kopf UL LI.urlaub-mit-pferd A,
					.therapie #container #kopf UL LI.therapie A,
					.galerie #container #kopf UL LI.galerie A,
					.preise #container #kopf UL LI.preise A,
					.kontakt-anfahrt #container #kopf UL LI.kontakt-anfahrt A,
					.impressum #container #kopf UL LI.impressum A {
						font-weight: bold;
						}
			#container #kopf #slider {
				margin: 6px 0 0 245px;
				}						
/*
############ CONTENT
*/				
		#container #content {
			padding: 42px 30px 10px 46px;
			background: #f0ece3;
			}
		#container #content H1 {
			/*color: #496c98;*/
			margin-top: 0;
			font-size: 1.2em;
			}
		#container #content H2 {
			color: #496c98;
			color: #684316;
			margin-top: 0;
			font-size: 1.1em;
			}			
		#container #content A {
			color: #5a4e3f;
			color: #684316;
			}
				#content IMG.fotorechts,
				VIDEO {
					margin: 0 0 10px 10px;
					float: right;
					/*border: 7px solid #fff;*/
						width: 300px;
					}	
		#container #content P {
			margin-top: 0;
			}	
		#container #content .teaser1 {
			float: left;
			/*height: 138px;*/
			margin: 0 30px 0px 0;
			}
		#container #content .teaser2,
		#container #content .teaser3 {
			width: 510px;
			float: left;
			/*height: 138px;*/
			margin: 0 30px 0px 0;
			}	
		#container #content .teaser2 {
			height: 210px;
			}				
			#container #content .teaser1 IMG {
				/*float: left;*/
				margin:  0 20px 0 0;
				}
			#container #content .teaser2 IMG,
			#container #content .teaser3 IMG {
				/*float: left;*/
				margin:  0 31px 0 0;
				}
			#container #content .teaser1 P,
			#container #content .teaser2 P,
			#container #content .teaser3 P {
				/*margin-left: 199px;*/
				}				
		#container #content .teaser3 UL {
			margin-left: 199px;
			}
		#container #content .teaser4 {
			float: left;
			width: 25%;
			}			
		#container #content .trenner {
			border-bottom: 1px solid #E2DACD;
			margin: 0 0 22px 0;
			padding-top: 10px;
			clear: both;
			}
		#container #content .galerie IMG {
			margin: 0 5px 5px 0;
			}
		#container #content .bild-links { 
			float: left;
			margin-bottom: 7px;
			margin-top: 3px;
			}

#oben {
	padding-right: 15px;
}



/*
################# BOX 1 RECHTS/BOX 1 RECHTS
*/	

		#content .box1,
		#content .box2 {
			float: right;
			width: 298px;
			margin-left: 33px;
			}	
			#content .box1 H3,
			#content .box2 H3 {
				margin: -5px 0 0 0;
				font-size: 1.2em;
				background: url(bilder/hg-h3-rechts.jpg) repeat-x;
				padding: 15px 0 19px 0;
				}
			#content .box1 P {
				border-bottom: 1px solid #D3BFA7;
				font-size: 0.9em;
				height: 100px;
				}	
			#content .box2 P {
				border-bottom: 1px solid #D3BFA7;
				font-size: 0.9em;
				margin-top: 0;
				}				
				#content .box1 P IMG {
					float: left;
					margin: 0 10px 0 0;
					}			
/*
############ FOOTER
*/				
		#container #footer {
			background: url(bilder/hg-footer.jpg) repeat-x;
			padding: 30px 0 70px 0;
			text-align: center;
			font-size: 0.8em;
			color: #414447;
			}	
			#container #footer A {
				color: #414447;		
				
				
				
				
				
				}
				

/* ######## Störer ######### */
#stoerer {
	position:fixed;
	top: 38%;
	width:696px;
	max-height:80%;
	right:0;
	color:#594d3f;
	padding:52px;
	padding:50px 77px 28px;
	background:rgba(248,245,238, .85);
	transform:translateX(100%);
	-webkit-animation: stoerer .6s .3s forwards ease-out;
	-moz-animation: stoerer .6s .3s forwards ease-out;
	animation: stoerer .6s .3s forwards ease-out;
	-webkit-box-shadow: 2px 2px 7px 4px rgba(0,0,0,0.3); 
	box-shadow: 2px 2px 7px 4px rgba(0,0,0,0.3);
	z-index:100000;
}


#stoerer .title {
	display:block;
	font-size: 30px;
	text-transform:uppercase;
	color:#4b6b9a;
	font-weight:bold;
	text-align:center;
	text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;
	 margin-bottom:25px;
}

#stoerer .list {
	text-align:center;
	font-weight:bold;
	line-height:40px;
	margin-bottom:30px;
}

#stoerer a {
	color:#594d3f;
	text-decoration:none;
}

#stoerer a:hover{
	color:#594d3f;
}

#stoerer .box {
	display:inline-block;
	width:300px;
	background:#ccc0b2;
	padding:16px;
	line-height:28px;
	text-align:center;
	font-weight:bold;
	font-style:italic;
}

#stoerer .box-left {
	margin-right:13px;
}

#stoerer .box-right {
	margin-left:13px;
}

#stoerer p{
	font-size: 21px;
	line-height:30px;
	font-weight:400;
	text-align:justify;
	margin-bottom:0;
}

#stoerer .img-text img{
	border:1px solid #fff;
}

#stoerer.hide {
	-webkit-animation: stoerer-hide .6s .3s forwards ease-out;
	-moz-animation: stoerer-hide .6s .3s forwards ease-out;
	animation: stoerer-hide .6s .3s forwards ease-out;
}

#stoerer .closer {
	position:absolute;
	top:-32px;
	left:-31px;
	width:62px;
	height:62px;
	background-image:url("bilder/closer.png");
	background-size:62px auto;
	background-position:center center;
	background-repeat:no-repeat;
	opacity:0;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	-webkit-animation: stoerer-closer .6s 1s forwards ease-out;
	-moz-animation: stoerer-closer .6s 1s forwards ease-out;
	animation: stoerer-closer .6s 1s forwards ease-out;
	cursor:pointer;
	z-index:10;
}

#stoerer.hide .closer {
	opacity:0 !important;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

#stoerer .stoerer-btn {
	font-size:37px;
	display:block;
	width:342px;
	text-align:center;
	background:#89b965;
	font-weight:normal;
	line-height:72px;
	margin:68px auto 0;
	color:#fff !important;
	text-decoration:none;
}

#stoerer .stoerer-btn:hover {
	text-decoration:underline;
}

@-webkit-keyframes stoerer {
	0% {
		transform:translateX(100%);
	}
	
	100%{
		transform:translateX(0);
	}
}

@-moz-keyframes stoerer {
	0% {
		transform:translateX(100%);
	}
	
	100%{
		transform:translateX(0);
	}
}

@keyframes stoerer {
	0% {
		transform:translateX(100%);
	}
	
	100%{
		transform:translateX(0);
	}
}

@-webkit-keyframes stoerer-hide {
	0% {
		transform:translateX(0%);
	}
	
	100%{
		transform:translateX(100%);
	}
}

@-moz-keyframes stoerer-hide {
	0% {
		transform:translateX(0%);
	}
	
	100%{
		transform:translateX(100%);
	}
}

@keyframes stoerer-hide {
	0% {
		transform:translateX(0%);
	}
	
	100%{
		transform:translateX(100%);
	}
}

@-webkit-keyframes stoerer-closer {
	0% {
		opacity:0;
	}
	
	100%{
		opacity:1;
	}
}

@-moz-keyframes stoerer-closer {
	0% {
		opacity:0;
	}
	
	100%{
		opacity:1;
	}
}

@keyframes stoerer-closer {
	0% {
		opacity:0;
	}
	
	100%{
		opacity:1;
	}
}

.day-list {
	display:inline-block;
	min-width:77px;
}