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

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

html, body  {
    font-family: 'Raleway', sans-serif !important;
    height: 100%;
    color: #000651;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Cinzel', serif;
	font-weight: bold;
	color: #000651;
}

a, a:hover {
	color:#B0171E;
	
}

.hg-1 {
    /*background-color: #EBEBEB;*/
	background:linear-gradient(#F0F0F0, #fff 150px);
	background-repeat:repeat-x;
}

.hg-haupt {
    /*background-color: #EBEBEB;*/
	background:linear-gradient(#EBEBEB 70px, #fff 250px);
	background-repeat:repeat-x;
	background-position: 150px;
}

.hg-stadl {
    /*background-color: #FCECEC;*/
    background: linear-gradient(#FFDDDD, #FCECEC 250px, #fff 500px);
    background-repeat: repeat-x;
}

.hg-tenne {
    /*background-color: #C9D4F0;*/
	
	background:linear-gradient(#C9D4F0, #EEF2FC 250px, #fff 500px);
    background-repeat: repeat-x;
    
}

.hg-teich {
    /*background-color: #EEF2FC;*/
    background: linear-gradient(#E6FFEB, #EDFBF0 250px, #fff 500px);
    background-repeat: repeat-x;
}

/*Rezensionenliste*/
ul.herzerlliste { list-style-type:none;}
ul.herzerlliste li:before { content: "❤" " "; }
ul.herzerlliste li:before {margin-left: -20px;}
.initial {
    font-size: 200%;
}

blockquote{
    border-left:none
}

/*accordion */

[data-toggle="collapse"] .fa:before {  
  content: "- ";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "+ ";
}

.quote-badge{
    background-color: rgba(0, 0, 0, 0.2);   
}

.quote-box{
    
    overflow: hidden;
    border-radius: 2px;
    background-color: #4ADFCC;

    color:white;
    
}

.quotation-mark{
    font-weight: bold;
    font-size:500%;
    color:white;
    font-family: "Times New Roman", Georgia, Serif;
    
}

.quote-text{
    
    font-size: 19px;
    margin-top: -65px;
}

@media print {
	.img-fluid {width:50%;} 
	section { padding: 20px 0;}
	section.contentsection { padding: 20px 0; }
	.py-1 {padding:3px 0;}
	.py-2 {padding:3px 0;}
	.py-3 {padding:3px 0;}
	.py-4 {padding:3px 0;}
	.py-5 {padding:3px 0;}
	footer, .nichtdruck {display: none;} 
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #B0171E;
}

.page-link {
  color: #B0171E;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #B0171E;
  border-color: #B0171E;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #B0171E;
  border-color: #B0171E;
}

.bg-primary {
  background-color: #B0171E !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #B0171E !important;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #B0171E;
}


section {
  padding: 70px 0;
}

section.contentsection {
	padding: 120px 0;
}

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;

}
.bgimg-1  {
  background-image: url("../img/home_head.jpg");
  /* min-height: 75%; padding: 120px 0px 30%;*/
	padding: 88px 0px 30%;
}

@media only screen and (min-width:769px) {
	.umrahmt {
		background: rgba(230,230,230,0.8);
		border: #FFFFFF 1px solid; }
}

@media only screen and (max-width: 992px) {
	.bgimg-1  {
		padding: 75px 0px 15%;
	}
	
    .startblock h1 {
        font-size:1.7rem;
    }
	
	.startblock h2 {
        font-size:1.6rem;
    }

	.startblock h3 {
        font-size:1.4rem;
    }

	.startblock h4 {
        font-size:1.3rem;
    }
	
	
}

@media only screen and (max-width: 768px) {
	.bgimg-1  {
		padding: 90px 30px 15%;
	}
	.umrahmt {
		background: rgba(201,200,200,0.5);
		border: #FFFFFF 1px solid;
	}
}

@media only screen and (max-width: 576px) {
	.bgimg-1  {
		padding: 100px 30px 5%;
	}
	.umrahmt {
		background: rgba(201,200,200,0.5);
		border: #FFFFFF 1px solid; }
	.startblock h1 {
        font-size:1.6rem;
    }
	
	.startblock h2 {
        font-size:1.5rem;
    }

	.startblock h3 {
        font-size:1.1rem;
		letter-spacing: 2px;
    }

	.startblock h4 {
        font-size:1rem;
    }
	

}

@media only screen and (max-width: 576px) {
	.bgimg-1  {
		padding: 90px 30px 15px;
	}
	.startblock h1 {
        font-size:1.4rem;
		line-height: 80%;
    }
	
	.startblock h2 {
        font-size:1.3rem;line-height: 80%;
    }

	.startblock h3 {
        font-size:0.8rem;
		letter-spacing: 0;
    }

	.startblock h4 {
        font-size:0.8rem;
    }
	
	.startblock hr {
		display:none;
	}

	section {
  		padding: 50px 0;
	}
	section.contentsection {
	padding: 90px 0;
	}
	
	h1, .h1 {
  		font-size: 2.1rem;
	}
	h2, .h2 {
		font-size:1.6rem;
	}
	h3, .h3 {
  		font-size: 1.35rem;
	}

	h4, .h4 {
  		font-size: 1.1rem;
	}
	h5, .h5 {
  		font-size: 1.1rem;
	}
	h6, .h6 {
  		font-size: 0.6rem;
	}
	
}

.startblock {
	color:#1E0E0E;
}

.bgimg-1 hr {
	border-top-color:#fff;
	
}

.bgimg-2 {
  background-image: url("../v1/img/gr/as0_2897.jpg");
  max-height: 200px;
	padding: 18% 0;
}

.bgimg-3 {
  background-image: url("../v1/img/bg-signup.jpg");
  min-height: 400px;
	padding: 18% 0;
}

.bgimg-2 .caption, .bgimg-3 .caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
	font-weight: bold;
}

.caption span.border {
  /*background-color: #111;*/
  color: #fff;
  padding: 1.5rem;
	background: rgba(201,200,200,0.5);
}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #111;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
}


/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .parallax {
        background-attachment: scroll;
    }
}

/* Navbardinge */
#mainNav {
	min-height: 56px;
	background-color: #fff
}
#mainNav .navbar-toggler {
	font-size: 80%;
	padding: .75rem;
	color: #d7343f;
	border: 1px solid #d7343f
}
#mainNav .navbar-toggler:focus {
	outline: 0
}
#mainNav .navbar-brand {
	color: #161616;
	font-weight: 700;
	padding: .9rem 0
}
#mainNav .navbar-nav .nav-item:hover {
	/*color: fade(white, 80%);*/
	outline: 0;
	background-color: transparent
}
#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
	outline: 0;
	background-color: transparent
}

@media (min-width:992px) {
#mainNav {
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: none;
	background-color: transparent;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	background-color:rgba(255,255,255,.40);
}
#mainNav .navbar-brand {
	padding: .5rem 0;
	color: #161616;
}
#mainNav .nav-link {
	-webkit-transition: none;
	transition: none;
	padding: 2rem 1.5rem;
	color: #161616;
}
#mainNav .nav-link:hover {
	color: #000;
}
#mainNav .nav-link:active {
	color: #000;
}
#mainNav.navbar-shrink {
	background-color: #fff
}
#mainNav.navbar-shrink .navbar-brand {
	color: #161616
}
#mainNav.navbar-shrink .nav-link {
	color: #161616;
	padding: 1.5rem 1.5rem 1.25rem;
	border-bottom: .25rem solid transparent
}
#mainNav.navbar-shrink .nav-link:hover {
	color: #dc4f59
}
#mainNav.navbar-shrink .nav-link:active {
	color: #d7343f
}
#mainNav.navbar-shrink .nav-link.active {
	color: #d7343f;
	outline: 0;
	border-bottom: .25rem solid #dc4f59
}
}

/* Hover-Effekt für Galerie */

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.overlay-container {
  position: relative;
  max-width: 100%;
}

.image {
  opacity: 1;
  display: block;
  max-width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

.text {
  background-color: #d7343f;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}