html {
	scroll-behavior:smooth;
}

body {
	margin:0px;
	background-image:url(imgs_almhuette/wooodbgseamless.jpg);
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	background-size: contain;
}
.regular {
    font-family: 'Overlock', cursive;
	font-size: 1.3em;
	font-weight:700;
	line-height: 1.25em;
	text-decoration: none;
	color: #333333;
	text-align: justify;
}
.regularPlayfair {
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	line-height: 28px;
	text-decoration: none;
	color: #996600;
	font-weight: 200;
}
.smallPlayfairItalic {
	font-family: 'Playfair Display', serif;
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	color: #996600;
	font-weight: 300;
	font-style: italic;
}

.italica {
	font-style: italic;
}

.mini {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	color: #666666;
}

.headline {
    font-family: 'Fruktur', cursive;
	font-size: 2.0em;
	text-decoration: none;
	line-height: 35px;
	color:#CC0000;
	text-align:left;
}

.bandheadline {
	font-size: 14px;
	font-family: Georgia, Times New Roman, Times, serif;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
	color: #990000;
}
.bandheadlineRosa {
	font-size: 14px;
	font-family: Georgia, Times New Roman, Times, serif;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
	color: #FF6699;
}
.bandheadlineBlue {
	font-size: 14px;
	font-family: Georgia, Times New Roman, Times, serif;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
	color: #006699;
}

a {
	color : #336600;
	text-decoration : none;
	font-weight: bold;
}

a:hover {
	color : #cc0000;
	text-decoration : underline;
	font-weight: bold;
}
.hinweis {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #FEF4E0;
}
.imageRound {
	border-radius: 10px;
}
.imgglow {
	box-shadow: 0px 0px 7px 7px rgba(0, 0, 0, 0.2);
}
.imgglowSmall {
	box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.15);
}
.locationTree {
	position: fixed;
	height: 224px;
	width: 150px;
	right: -10px;
	top: 0px;
}
.400breit {
	width: 400px;
}

.footer {
	color: #E9DFD8;
	position: fixed;
	height: 109px;
	width: 100%;
	bottom: 0px;
	background-image: url(http://www.schaller-festzeltbetrieb.de/almhuette/imgs_almhuette/subdorf.png);
	background-repeat: repeat-x;
}

.main-wrapper {
	width:900px;
	margin:0 auto;
}

.logo {
	width:auto;
	margin:0 auto;

}

.dblLeft {
	width:48%;display:inline-block;float:left;margin-right:2%;
}

.dblLeft622 {
	width:48%;display:inline-block;float:left;margin-right:2%;height:630px;
}

.dblRight {
	width:48%;display:inline-block;float:right;margin-left:2%;
}


	.triLeft {
		width:30%;display:inline-block;float:left;
	}
	.triMid {
		width:30%;display:inline-block;float:left;margin:0px 5%;
	}
	.triRight {
		width:30%;display:inline-block;float:right;
	}


.quadLeft {
	width:22%;display:inline-block;float:left;margin-right:4%;
}
.quadMidLeft {
	width:22%;display:inline-block;float:left;margin-right:4%;
}
.quadMidRight {
	width:22%;display:inline-block;float:left;
}
.quadRight {
	width:22%;display:inline-block;float:right;margin-left:4%;
}

.pages {
	width:100%;
	height:auto;
	margin:5px;
	box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.15);
	display:inline-block;

}

.justi {
	text-align:justify;
}

.heit {
	height:640px;
}

.gswidth {
	width:500px;
	height:auto;
	margin:0 auto;
}

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

.main-wrapper {
	width:90vw;
}

.logo {
	width: 300px;
	height: auto;
}

.locationTree {
	visibility:hidden;
}

.dblLeft {
	width:100%;display:block;
}

.dblLeft622 {
	width:100%;height:auto;display:block;
}

.dblRight {
	width:100%;display:block;
}


	.triLeft {
	width:100%;display:block;float:none;
	}
	.triMid {
	width:100%;display:block;float:none;margin:0 auto;
	}
	.triRight {
	width:100%;display:block;float:none;
	}


.quadLeft {
	width:100%;display:block;
}
.quadMidLeft {
	width:100%;display:block;
}
.quadMidRight {
	width:100%;display:block;
}
.quadRight {
	width:100%;display:block;
}	

.heit {
	height:auto;
}

.gswidth {
	width:95%;
	height:auto;
	margin:0 auto;
}

}


.blink-1 {
	-webkit-animation: blink-1 2s 2 both;
	        animation: blink-1 2s 2 both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-11-15 14:54:46
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation blink-1
 * ----------------------------------------
 */
@-webkit-keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}






/* fruktur-regular - latin */
@font-face {
  font-family: 'Fruktur';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/fruktur-v26-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/fruktur-v26-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* overlock-regular - latin */
@font-face {
  font-family: 'Overlock';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/overlock-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/overlock-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* overlock-700 - latin */
@font-face {
  font-family: 'Overlock';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/overlock-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/overlock-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}