/* CSS Document */

*{
margin:0;
padding:0
}


html,body{
height:100%
}

.bierkrug{
position: absolute;
right: 0;

    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;

font-size: 20px;
padding: 19px;
    padding-left: 19px;
font-family: Times, "Times New Roman", "serif";
background-image: url("../images/open.png");
background-size: 13%;
background-repeat: no-repeat;
padding-left: 83px;
background-position: 3px;
-webkit-box-shadow: -8px 10px 15px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 10px 15px -6px rgba(0,0,0,0.75);
box-shadow: -8px 10px 15px -6px rgba(0,0,0,0.75);
border-bottom-left-radius: 30px;
	
}

.bierkrug.offen{
background-image: url("../images/open.png");
background-color: #c6eb4f;
background-size: auto 81%;
    background-position: 5px;
	align-items: center;
  justify-content: center;
  display: flex;
}

.bierkrug.geschlossen{
background-image: url("../images/closed.png");
background-color: #9B9B9B;
color:#fff;
background-size: auto 81%;
    background-position: 5px;
	align-items: center;
  justify-content: center;
  display: flex;
}

.tickets{
background-image: url("../images/open.png");
background-color: #e8db3e;	
	
position: absolute;
right: 0;

    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;

font-size: 20px;
padding: 19px;
    padding-left: 19px;
font-family: Times, "Times New Roman", "serif";
/*background-image: url("../images/alpaka-symbol.png");*/
background-size: 16%;
background-repeat: no-repeat;
padding-left: 63px;
background-position: 10px;
-webkit-box-shadow: -8px 10px 15px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 10px 15px -6px rgba(0,0,0,0.75);
box-shadow: -8px 10px 15px -6px rgba(0,0,0,0.75);
border-bottom-left-radius: 30px;
}

a.tickets,a.tickets:link, a.tickets:active,a.tickets:visited,a.aktiv:hover{
	text-decoration:none;
	color:#000
}


.alpakaverkaufbutton{
background-image: url("../images/open.png");
background-color: #258797;	
	
position: absolute;
right: 0;
top:200px;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;

font-size: 20px;
padding: 19px;
    padding-left: 19px;
font-family: Times, "Times New Roman", "serif";
/*background-image: url("../images/alpaka-symbol.png");*/
background-size: 16%;
background-repeat: no-repeat;
padding-left: 63px;
background-position: 10px;
-webkit-box-shadow: -8px 10px 15px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 10px 15px -6px rgba(0,0,0,0.75);
box-shadow: -8px 10px 15px -6px rgba(0,0,0,0.75);
border-bottom-left-radius: 30px;
border-top-left-radius: 30px
}

a.alpakaverkaufbutton,a.alpakaverkaufbutton:link, a.alpakaverkaufbutton:active,a.alpakaverkaufbutton:visited,a.alpakaverkaufbutton:hover{
	text-decoration:none;
	color:#fff
}











body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300
}


#navMobile{
	width:50px;
	position: fixed;
	z-index: 15001;
	top:40px;
	right:20px;
	display: none
}

.einblicke #navMobile{
	top:0
}


#navMobile img{
	width:100%;
	height:auto
}

.fullWidth{
	width:100%;
	height:auto
}


h1.home{
font-weight: 300;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
font-size: 40px;
text-transform: uppercase;
line-height: 40px;
z-index: 950;
letter-spacing: 2px;
background-color: #238695;
padding-left: 10px;
	padding-right: 10px
}





h1.big{
	font-weight: 300;
	color:#8e7e6d;
	position: absolute;
	bottom:8px;
	left:9px;
	font-size:110px;
	text-transform: uppercase;
line-height: 110px
}

h1.allgemein{
font-weight: 400;
color: #8e7e6d;
letter-spacing: 2px;
font-size: 20px;
text-transform: uppercase;
line-height: 22px;
margin-bottom: 20px;
}

h1.akupunktur{
font-weight: 400;
color: #8e7e6d;
letter-spacing: 1px;
font-size: 20px;
text-transform: uppercase;
line-height: 22px;
margin-bottom: 20px;
	text-align: center;
	margin:40px 0 40px 0;
}


h2{
font-weight: 400;
color: #1c889b;
letter-spacing: 2px;
font-size: 25px;

line-height: 32px;
font-family: Times, "Times New Roman", "serif";
}

h2.kontakt{
font-size: 20px;
	
}


.impressum h2{
	margin-top:30px;
	font-size: 20px
}
.impressum h1{
font-weight: 800;
color: #1c889b;
letter-spacing: 2px;
font-size: 25px;

line-height: 24px;
font-family: Times, "Times New Roman", "serif";
}


h3{
	font-weight: 400;
	font-size:16px;
	color:#1c889b;
	line-height: 17px;
	margin-bottom:0px;
	margin-top:30px
	
}

body.events h3{
	font-family: Times, "Times New Roman", "serif";
  font-size: 20px;
	margin-top:22px;
	line-height: 1.2
}



.logo{
	width:220px;

	float:left;
	margin-top:40px;
	margin-left:-100px
}

.logo img{
	width:100%;
	height: auto;
	
}

#page {

	width:100%;
	height:100% !important;
	margin:auto;
}

#page.noBigImage{
	height:7% !important
}


#content {
	width: calc(100% - 55px);
	margin:auto;
	margin-top:40px;
	background-color:#eef5f7;
padding-top: 1px;
padding-bottom: 1px;
	position: relative
}

#content ul{
	margin-left:15px;
	margin-top:20px
}

#content ul.slick-dots{
	margin-left:0px
}

#content ul.slick-dots li{
	margin:0 !important
}

#content ul li {
	font-size: 14px;
	color:#000;
	margin-bottom: 8px;
}

#content ul li span{
	color:#000
}



#content a, #content a:link,#content a:active,#content a:hover,#content a:visited{
	color:#268798;
	text-decoration: none
}

.wrapper1020{
	width:1020px;
	position: relative;
	margin: auto
}


.innerBox-home{
	width:800px;
	margin: auto;
	border:2px solid #fff;
	padding:35px;
	margin-top:70px;
	margin-bottom: 35px
}



.slick-slider{
	width:800px;
	height:467px;
	margin:auto;
	margin-top:40px;

	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.slick-slider img{
	width: 100%;
}

.untertitel{
	width:600px;

	font-size:14px;
	margin-top:8px
}


.innerBox-home p{
	margin-top:15px;
	font-size: 14px;
	line-height: 18px
}




.lowercase{
	text-transform: lowercase
}

.uppercase{
	text-transform: uppercase;
	letter-spacing: 1px
}

.bigger{
	font-size:16px
}

.center{
	text-align: center
}






.bigImage{
width: calc(100% - 55px);
height: calc(100% - 180px);
background-size: cover;
background-position: center 100px;
/*
animation: zoom 15s linear infinite;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
animation-direction: alternate;
webkit-animation: zoom 15s linear infinite;
webkit-animation-timing-function: ease-in-out;
webkit-animation-fill-mode: forwards;
webkit-animation-direction: alternate;
*/

	
position: relative;
margin:auto;
padding-top: 110px;
max-width: 1200px;	
	
	
}



@-webkit-keyframes zoom {
    0% { background-size: 120%; }
    100% { background-size: 140%; }
}

@keyframes zoom {
    0% { background-size: 120%; }
    100% { background-size: 140%; }
}





.bigImage.home{
	background-image: url(../images/motiv-start.jpg);
}
.bigImage.hochzeiten{
	background-image: url(../images/motiv-hochzeiten.jpg);
}
.bigImage.biergarten{
	background-image: url(../images/motiv-biergarten.jpg);
}
.bigImage.alpakas{
	background-image: url(../images/motiv-alpakas.jpg);
}
.bigImage.hofladen{
	background-image: url(../images/motiv-hofladen.jpg);
}
.bigImage.veranstaltungen{
	background-image: url(../images/motiv-veranstaltungen.jpg);
}




#arrowDown{
position:absolute;
bottom:10px;
width:36px;
left:50%;
margin-left:-18px;
}

#arrowDown img{
width:100% !important;
height:auto	;
}


#upLink1{
display:none
}



#header{
	height:110px;
	width:100%;
	position: fixed;
	z-index: 10000;
	background-color: #fff;
	max-width: 1200px;
	left:0;
	right: 0;
	margin-left: auto;
	margin-right: auto
}
.einblicke #header{
	height:40px
}

#header ul{
	float:right;
	margin-top:60px;
	margin-right:10px;
	margin-bottom:40px;
	max-width: 560px
}

#header ul.navigation li{
	color:#8e7e6d;
	list-style: none;
	display:inline;
	letter-spacing: 1px;
	margin-left:10px;
	font-size: 14px;
	margin-top:3px;
	margin-bottom: 3px;
	font-family: Times, "Times New Roman", "serif"
	
}

#header ul.navigation li.aktiv{
	text-transform: uppercase
}

ul.navigation li a,ul.navigation li a:link,ul.navigation li a:active,ul.navigation li a:hover,ul.navigation li a:visited{
	text-decoration: none;
	color:#238695;
}




.clear {
	clear: both
}





.over-1,.over-2,.over-3,.over-4,.over-5,.over-6,.over-7{
	display: table-cell;
	width:100%;
	height:100%;
	vertical-align: middle;
	background:rgba(255,247,247,0.95);
	font-size: 12px !important;
	line-height: 20px;
		text-align: center;
	z-index: 5000;
	position: relative;
	opacity: 0
}

.over-1 p,.over-2 p,.over-3 p,.over-4 p,.over-5 p,.over-6 p,.over-7 p{
	width:70%;
	margin:auto
}


.more{
	width:30px;
	position: absolute;
	right:10px;
	bottom:10px;
	z-index: 3000
}


.mailLink, .mailLink:link, .mailLink:active, .mailLink:hover, .mailLink:visited{
	text-decoration: underline;
	color:black
}

#footer {
	width:98%;

	margin-top:40px;
	margin-bottom:80px;
	padding-bottom:50px;
	background-color:#fff;
	color:#8e7e6d;
	font-size: 14px;
	
}
#footer p{
	margin-bottom:15px;
	margin-left:25px

}

.footeradresse{
	float:left;
	margin-left:20px
}
.footersocial{
	float: right
}
.footersocial img{
	width:80px;
	margin-left:20px;
	height: auto
}

#footer h3{
	margin-left:25px;
	margin-bottom: 5px;
}

#footer a,#footer li a:link,#footer li a:active,#footer li a:hover,#footer li a:visited{
	text-decoration: none;
	color:#8e7e6d
}

.datenschutz a,.datenschutz a:link,.datenschutz a:active,.datenschutz a:hover,.datenschutz a:visited{
	text-decoration: underline;
	color:#000
}


.cmsNav{
	clear: both;
	margin:50px;
	text-align: center
}

.cmsNav a,.cmsNav a:link,.cmsNav a:active,.cmsNav a:hover,.cmsNav a:visited{
	color:#000;
	text-decoration: none
}


.cmsNav ul{
	list-style: none
}

.cmsNav ul li{
	background-color:#8fc6ce;
	padding:8px;
	margin:auto;
	margin-bottom: 1px;
	width:350px
}

.cmsBody{
	text-align: center
}

.magazine a{
	margin-top:50px;
	display: block
}


.button-speisekarte{
	margin-top: 40px;
background: #268798;
color: #fff;
width: 140px;
display: block;
padding: 15px;
font-size: 19px;
text-align: center;
border-radius: 26px;
}
.button-speisekarte:active,.button-speisekarte:hover,.button-speisekarte:visited,.button-speisekarte:link{
	color: #fff !important
}

/* Responsive Responsive Responsive* Responsive Responsive Responsive* Responsive Responsive Responsive*/
/* Responsive Responsive Responsive* Responsive Responsive Responsive* Responsive Responsive Responsive*/
/* Responsive Responsive Responsive* Responsive Responsive Responsive* Responsive Responsive Responsive*/

/* Minimum aspect ratio */
@media (max-aspect-ratio: 7/6) {

/*	.bigImage {
    animation: none;
	background-size: cover;
background-position: center center;
		
  }*/

}

@media screen and (max-width: 1350px) {

.logo{
margin-left: -10px;
}

	
	
	
}





@media screen and (max-width: 1200px) {

.logo{
		width:131px;
	margin-left:15px;
	margin-top:15px
}

#header ul {

    margin-right: 25px;
	max-width: 690px

}	
	
	
}

@media screen and (max-width: 1054px) {
	
#header ul{
width: 400px;
margin-top: 40px;
text-align: right;
}	
	

	
	
}



@media screen and (max-width: 1000px) {
	
	
	
	

	
	
	
	.innerBox-home {
    width: 60%;
		
	}
	
	
	.wrapper1020{
		width:100%
	}
	

	

	

	
	
}



@media screen and (max-width: 980px) {
	.slick-prev, .slick-next{
		display: none !important
	}
	.slick-slider{
		width: 100% !important
	}
	
.untertitel {
    padding: 0 0 0 20px;
	width:90% !important
}	
	
}



@media screen and (max-width: 910px) {
.slick-slider {
    width: 85%;
    height: 10%;
    margin: auto;
margin-top:90px;
}	
}



@media screen and (max-width: 800px) {
	

	
	
	
	#navMobile{
		display: block
	}
	
	iframe{
		min-height:2600px !important;
	}
	
	.einblicke iframe{
		min-height: auto !important
			
	}
	
	.navigation{
	display:none
	}
	
	#header ul{
	width: 100%;
	margin:auto;
	text-align: center;
	background-color: rgba(255,255,255,0.97);
margin-top:28px;
		padding-top:20px;
		padding-bottom:10px
}
	#header ul li{
		display:block !important;

	}
	#header ul.navigation li {
	font-size:16px
	}
	
	

	
	
.over-1, .over-2, .over-3, .over-4, .over-5, .over-6, .over-7 {
    font-size: 16px !important;
    line-height: 24px;
    text-align: center;
}	
	
	
	
.more {
    width: 26px;
    position: absolute;
    right: 10px;
    bottom: 5px;
    z-index: 3000;
}	
	
	
#content {
	width: 99%;
	}

	
.bigger{
	font-size:23px
}
	
	
	
}

@media screen and (max-width: 700px) {
h1.big {
    font-size: 80px;
    line-height: 85px;
}
	
}



@media screen and (max-width: 650px) {

	
.slick-dots {
    position: absolute;
    bottom: 0;
	top:-50px
	}
	
.untertitel {
    width: 100%;

}	
	
	
}


@media screen and (max-width: 646px) {

	
	iframe{
		min-height:7500px !important;
	}
	
	.einblicke iframe{
		min-height: auto !important
	}

}


@media screen and (max-width: 600px) {
	
	iframe{
		min-height:4500px !important;
	}
	
		.einblicke iframe{
		min-height: auto !important
	}
	
	
	
	
.alpakas .slick-slider,.biergarten .slick-slider,.startseite .slick-slider,.events .slick-slider {
margin-top:160px !important;
}	
	
#page {

	width:100%;
	height:auto !important;
	margin:auto;
}	
	
.bigImage{
	top:120px;
width: 99%;
height:280px;
background-size: contain;
background-repeat: no-repeat;
background-position: center top;
}
	
	
	
	.innerBox-home {
     width: 85%;
		padding:18px
	}	
	
	
h1.home {
    font-weight: 300;
    color: #fff;
    position: absolute;
    bottom: 49px;
    left: 0px;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 32px;
width: 100%;
text-align: center;
	padding-left:0;
	padding-right: 0;
}	
	
	
	.weissVerlauf{
	display: none;
	position: absolute;
	bottom:0;
	width:100%;
	height:200px;
	z-index: 800;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+85&0+0,1+42 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
	
	
}
	
	
	.bierkrug{
	position: relative;
bottom: 0 !important;
top: 255px;
left: 0;
height: 17px;
		line-height: 1;
width: 266px;
font-size: 17px;
z-index: 1000;
border-radius: 30px;
		margin:auto;
		max-width: 200px
	}	
	
	
	.bierkrug span{
	display: block;
    margin-top: 0px;
	}	
	
	.tickets{
	position: absolute;	
bottom: 0 !important;
top: 390px;
left: 0;
height: 17px;
width: 80%;
text-align: center;
font-size: 16px;
z-index: 1000;
border-radius: 30px;
		margin:auto;
		padding:22px 30px 17px 30px;
		background-position: 2px 2px;
		line-height: 1;
		display: block
	}		
	

.footersocial{
	float: left;
	margin-left: 26px;
}
	
	.footersocial img{
		width:50px;
		}	
	
	.alpakaverkaufbutton{
		top: 10px;
font-size: 15px;
		padding-top:11px;
		padding-bottom: 11px;
		padding-left:50px;
		background-size: 21%;
background-position: 2px;
	}
	
	
}



@media screen and (max-width: 500px) {
h1.big {
    font-size: 60px;
    line-height: 65px;
	color:#fff
}
	
	
	

	
h1.home {
    font-weight: 300;
    color: #fff;
    position: absolute;
    bottom: 49px;
    left: 0px;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 32px;

text-align: center;
}		
	
	
	
}


@media screen and (max-width: 456px) {

	
	iframe{
		min-height:8000px !important;
	}
	
		.einblicke iframe{
		min-height: auto !important
	}
	

}
	

@media screen and (max-width: 400px) {
	
	#header ul{	
		margin-top:0px;
	}
	

	
	
	h1.big {
    font-size: 58px;
    line-height: 50px;
}
	
.bigImage{
height:200px;
}	

	
	
	.bierkrug{
bottom: 0 !important;
top: 174px;
left: 0;
height: 7px;
font-size: 14px;
z-index: 1000;

		    padding-left: 63px;
    width: 225px;	
	
	}	
	
	.bierkrug span{
	display: block;
margin-top: -0px;

	}		
	
	
		.tickets{
	position: absolute;	
bottom: 0 !important;
top: 293px;
left: 0;
height: 17px;
width: 70%;
text-align: center;
font-size: 16px;
z-index: 1000;
border-radius: 30px;
		margin:auto;
		padding:22px 30px 17px 30px;
		background-position: 2px 2px;
		line-height: 1;
		display: block
	}
	
	
.footeradresse{
	margin-left:5px
}

.footersocial img{
	margin-left:10px;
}
	
	.logo{
		width: 100px;
margin-left: 12px;
margin-top: 9px;
	
	}	
	
	
.slick-dots li {


    width: 10px !important;


}
	
	
	
}


@media screen and (max-width: 350px) {

	
.tickets{
height: 30px;
}	
	
}



@media screen and (max-width: 320px) {

	
	iframe{
		min-height:5500px !important;
	}
	
		.einblicke iframe{
		min-height: auto !important
	}
	
	
	
.innerBox-home {
width: 85%;
padding:0;
border:0	
}



	
.wrapper1020 {	
padding-top:25px	
}
	

	

	

.weissVerlauf {
bottom: 58px;
width: 100%;
height: 90px;

}	



	
#header{
	height:70px
}	
	
	
#navMobile {

    width: 34px;
    top: 26px;


}
	

	
	
}