@charset "utf-8";
/* CSS Document */
.container .row .col-md-4 ul li { list-style: none; }
.higru-farbverlauf-weiss-blau {
	background: linear-gradient(to top, #9DCEFF, #FFFFF0, #9DCEFF);
    background: -o-linear-gradient(to top, #9DCEFF, #FFFFF0, #9DCEFF);
    background: -moz-linear-gradient(to top, #9DCEFF, #FFFFF0, #9DCEFF);
	background-attachment:fixed;} 
.higru-farbverlauf-weiss-orange {
	background: linear-gradient(to top, #FF6600, #FFFFF0, #FF6600);
    background: -o-linear-gradient(to top, #FF6600, #FFFFF0, #FF6600);
    background: -moz-linear-gradient(to top, #FF6600, #FFFFF0, #FF6600);} 
.higru-farbverlauf-weiss-green {
	background: linear-gradient(to top, #00CC00, #FFFFF0, #00CC00);
    background: -o-linear-gradient(to top, #00CC00, #FFFFF0, #00CC00);
    background: -moz-linear-gradient(to top, #00CC00, #FFFFF0, #00CC00);} 
.higru-farbverlauf-weiss-grau {
	background: linear-gradient(to top, #9DCEFF, #FFFFF0, #CCCCCC);
    background: -o-linear-gradient(to top, #9DCEFF #FFFFF0, #CCCCCC);
    background: -moz-linear-gradient(to top, #9DCEFF, #FFFFF0, #CCCCCC);} 	
.border {
	border: 1px #000033 solid;
	}
.ecke-rund {
	border: 1px solid #039;
	border-radius: 2.5em;
	}	
.linie {
	border:0;
	height:5px;
	background: linear-gradient(to right, #FFFFF0, #9DCEFF, #FFC);
	background: -o-linear-gradient(to right, #FFFFF0, #9DCEFF, #FFFFCC);
	background: -moz-linear-gradient(to right, #FFFFF0, #9DCEFF, #FFFFCC);
	}
.linie2 {
	border:0;
	height:5px;
	background: linear-gradient(to right, #9DCEFF, #FFFF00, #9DCEFF, #FFFFCC, #9DCEFF);
	background: -o-linear-gradient(to right, #9DCEFF, #FFFF00, #9DCEFF, #FFFFCC, #9DCEFF);
	background: -moz-linear-gradient(to right, #9DCEFF, #FFFF00, #9DCEFF, #FFFFCC, #9DCEFF);
	}
		
.ani-hg {animation: diagonal alternate 30s infinite;}
.higru-white {
	background-color: #FFFFFF;
}
.rand-links {
	border-left: 1px solid #999999;	
	}

.umgebung {
	background-image:url(../img/_1060441.JPG);
	background-size:cover;
	background-repeat:no-repeat;
	height: 240px;
	margin: 0 5px 5px 5px;
	padding: 0;
	}	

.andachten {
	background-image: url(../img/altarbibel_1070895.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	height: 240px;
	margin: 0 0 5px 5px;
	padding: 0;
	}		
				
.to-top {
	margin-top: 4rem;
	margin-bottom: 15px;
	padding-top: 15px;
}
.kopfzeile {
	position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
	}
.navbar-fixed-top {
  position:relative;
  top: 0;
}
@media (min-width: 992px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
	position: -webkit-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: -moz-sticky;
	position: sticky;
	right: 0;
	left: 0;
	z-index: 1030;
}
.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-bottom {
  bottom: 0;
}
 
}


img, .box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
  -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
          box-shadow: @shadow;
}
.drop-shadow, img {
        -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
    }
	
.red {color:#FF0000;}
.gelb { color: #FFCC33;}
.green {color:#006600;}

.loupe{
   cursor: crosshair;
   -webkit-border-radius:100%;
   -moz-border-radius:100%;
   border-radius:100%;
}

.image1 {	
	width: 500px;	
	height: 500px;	
	overflow: hidden;
	}
.image1 img {	
	width: 100%;	
	height: auto;	/* SCALE */	
	-webkit-transform: scale(1);	
	-moz-transform: scale(1);	
	-ms-transform: scale(1);	
	-o-transform: scale(1);	
	transform: scale(1);	
	/* VERZÖGERUNG */	
	-webkit-transition: all 0.3s linear;	
	-moz-transition: all 0.3s linear;	
	-ms-transition: all 0.3s linear;	
	-o-transition: all 0.3s linear;	
	transition: all 0.3s linear;
	}
.image img:hover {	
	-webkit-transform: scale(1.9);	
	-moz-transform: scale(1.9);	
	-ms-transform: scale(1.9);	
	-o-transform: scale(1.9);	
	transform: scale(1.9);}
.image3 img:hover {	
	-webkit-transform: scale(3);	
	-moz-transform: scale(3);	
	-ms-transform: scale(3);	
	-o-transform: scale(3);	
	transform: scale(3);}
	
	
/*teile einblenden mit animation*/
.ani {
    animation: einblenden 2.5s;
    -moz-animation: einblenden 2.5s; /* Für Firefox */
    -webkit-animation: einblenden 2.5s; /* Für Safari und Chrome */
    -o-animation: einblenden 2.5s; /* Für Opera */
}
.ani4 {
    animation: einblenden 4s;
    -moz-animation: einblenden 4s; /* Für Firefox */
    -webkit-animation: einblenden 4s; /* Für Safari und Chrome */
    -o-animation: einblenden 4s; /* Für Opera */
}
.ani8d {
    animation: einblenden 8s;
	animation-delay: 8s;
	animation-fill-mode: none;
    -moz-animation: einblenden 8s; /* Für Firefox */
	-moz-animation-delay: 8s;
    -webkit-animation: einblenden 8s; /* Für Safari und Chrome */
	-webkit-animation-delay: 8s;
    -o-animation: einblenden 8s; /* Für Opera */
}
@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}

@keyframes Daytime {
 from { top: 0}
 to   { top: -1000px}
}

@keyframes diagonal {
    0% {background-position: 0% 50%}
    100% {background-position: 100% 50%}
}