/*----------------------------------------------
Filname:      style.css
Version:      1.2
Datum:        07.11.2021

Korresponiert mit : index.html  V1.7.6 u.h.
----------------------------------------------*/

/********** Navbar **********/

.navbar {
	margin-bottom: 0;
	background-color: #11400A;
	/*background-color: #2d2d30;*/
	border: 0;
	font-size: 15px !important;
	letter-spacing: 4px;
	opacity: 0.9;
}
.navbar li a, .navbar .navbar-brand { 
  color: #d5d5d5 !important;
}
.navbar-nav li a:hover {
  color: #fff !important;
  font-size: 18px;
}
.navbar-nav li.active a {
	color: #fff !important;
  background-color: #29292c !important;
}
.navbar-default .navbar-toggle {
	border-color: transparent;
}

.dropdown-toggle {
	color: #fff;
	background-color: #555 !important;
}
.dropdown-menu li a {
	color: #FF0 !important;
  background-color: #1c220f !important;
}
.dropdown-menu li a:hover {
	background-color: red !important;
}

/********** Jumbotron **********/

.jumbotron {
	margin-bottom: 1px;
	/*background-image: linear-gradient(to top, #0F4A00 0%, #25B500 100%);*/
	background-image: url("../images/intro.jpg");
	background-repeat: no-repeat;
	/*background-color: #276b27;*/
	background-color: black;
	color: #FFFFFF;
	text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
	border-bottom: 5px;	
	border-color: #11400A;
	border-bottom-style: solid;
}

/********** Section Verein **********/

hr.hr-icon1 {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 100%;
    border: 0;
    border-top: solid 2px;
    border-color: #2c3e50;
    text-align: center;
}

hr.hr-icon1:after {
    content: "\f1C1";	/*Icon PDF*/
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
    color: green;
    background-color: #fff;
}

hr.hr-icon2 {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 100%;
    border: 0;
    border-top: solid 2px;
    border-color: #2c3e50;
    text-align: center;
}

hr.hr-icon2:after {
    content: "\f073";	/*Icon-Tabelle*/
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
    color: green;
    background-color: #fff;
}


#SlideCarousel {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
}

/********** Section Gartenlokal **********/

.GL-bg {
	background: #2d2d30;
	color: #bdbdbd;
}

.thumbnail {
	background: #2d2d30;
}

/*Symbol Facebook*/

.fa {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 10px 14px;
  font-size: 20px;
  cursor: pointer;
}

.fa:hover {
  background-color: RoyalBlue;
}

.fa-facebook {
  background: #3B5998;
  color: white;
  margin-left: 30px;
}

.GL-info {
	text-align: right;
	font-size: 16px;
	font-style: italic;
	padding-right: 20px;
}

/********** Section Freie Gärten **********/

.preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

@media screen and (max-width: 996px) {
  .preview {
    margin-bottom: 20px; }
  #brand {
    color: white;
    font-size: 15px; }
  }

.preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
  .preview-thumbnail.nav-tabs li {
    width: 23%;
    margin-right: 2.5%; }
    .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block; }
    .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0; }
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

.tab-content {
  overflow: hidden; }
  .tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
            animation-name: opacity;
    -webkit-animation-duration: .3s;
            animation-duration: .3s; }

.card {
  margin-top: 50px;
  margin-bottom: 50px;
  background: #eee;
  padding: 3em;
  line-height: 1.5em; }


@media screen and (min-width: 997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*Corner rippon freie Gärten*/
.ribbon {
   position: absolute;
   right: 14px; top: -1px;
   z-index: 1;
   overflow: hidden;
   width: 95px; height: 95px; 
   text-align: right;
}
.ribbon span {
   font-size: 12px;
   letter-spacing: 3px;
   color: #fff; 
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 30px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg); /* Needed for Safari */
   width: 100px; display: block;
   background: #79A70A;
   background: linear-gradient(#9BC90D 0%, #79A70A 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 10px; right: -25px;
}

.fg-title, .fg-description, .fg-price, .fg-sizes, .fg-free	{
  margin-bottom: 20px; }

.fg-title, .fg-price, .fg-free, .fg-sizes, .fg-extras	{
  text-transform: UPPERCASE;
  font-weight: bold;}

.glyphicon-star	{
	color: orange;}

.fg-description	{
	margin-top: 20px;
  color: black;
  font-weight: bold;}

.fg-price span	{color: red}

.fg-free span {color: red}

.fg-size:first-of-type {
 	margin-left: 40px;}

.fg-size 	{
 	margin-left: 40px;}

@media (max-width: 450px){
    .fg-price span{
	    font-size: 12px;}}

.fg-img-select,.active	{
	border-style: solid;
	border-color: white;}

.fg-img-select:hover	{
	opacity: 0.6;
	border-style: dotted;
	border-color: #444;}

.fg-header	{
	color: white;
	padding-top: 30px;
}

.fg-zitat	{
	padding-top: 30px;
    font-family: Georgia, serif;
    font-size: 28px;
    font-style: italic;
    color: yellow;
}

.fg-autor	{
    font-family: Georgia, serif;	
	font-size: 15px;
	color: #999999;}


.fg-info	{
	padding: 40px 30px;
	font-size: 20px
}

.fg-parallax {
  /* The image used */
  background-image: url('../images/fg-bg.jpg');

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/********** Section Events **********/
.events_bg	{
	background-color: silver;
	background-repeat: no-repeat;
	opacity: 0.7
}

em {
	font-size: 20px;
}

/********** Section Kontakt **********/
.kon-header	{
	color: white;
	background-color: #11400A;
	padding: 20px;
}

.kon-content {
	padding: 30px;
}

/*iframe google-maps*/
.resp-iframe {
    width: 400px;
    height: 300px;
}

@media (min-width: 768px){
    .resp-iframe{
	    width: 400px;
	    height: 300px;
    }
}

@media (max-width: 768px){
    .resp-iframe{
	    width: 300px;
	    height: 200px;
    }
}

/********** Footer **********/
footer {
    background-color: #2d2d30;
    color: silver;
    /*color: #f5f5f5;*/
    padding-top: 10px;
    padding-bottom: 30px;
  }

/********* Impressum Contant ********/
.contImpressum {
    color: Chocolate;
}

/********** Button Go-To-Top **********/
/*der Button wird mittels jquery naqch </body> eingefügt*/
.back-to-top {
 background: red;
 position: fixed;
 bottom:10px;
 right:10px;
 padding:1em;
 border-radius: 5px;
 color: white;
 z-index: 99;
}

.success.VS {color: orange;}