@charset "utf-8";
/* CSS Document */

/* body {
  
  background-image: url(../img/bg-groons-gaststuuv.jpg);
  background-repeat: repeat-y;
  background-size: cover;
  background-position: top center;
} */

.grey {color:#262c2d;}
.gelb {color:#f9df6b;}
.lachs {color:#db8744;}
.red {color: #a73131;}
.green {color: #87a731;}
.black {color: #000000;}
.bleu {color: #0cd8f6;}

.bg-grey {background-color:#262c2d;}
.bg-gelb {background-color:#f9df6b;}
.bg-lachs {background-color:#db8744;}
.bg-red {background-color: #a73131;}
.bg-green {background-color: #87a731;}

/* .bg-black {background-color: black;} */
.bg-black {
  
  background-image: url(../img/bg-groons-gaststuuv.jpg);
  background-repeat: repeat-y;
  background-size: cover;
  background-position: top center;
}

a[href^="tel:"] {
  color:#f9df6b;
  font-weight: 600;
}

a[href^="mailto:"] {
  color:#f9df6b;
  font-weight: 600;
}




/* nav */
.navbar-light {background-color: none;}
.navbar-light .navbar-nav .nav-link {
  color: rgba(255,255,255,1);
}

/* .navbar-light .navbar-nav .nav-link-gelb {color: rgba(255,255,255,1); border-bottom: transparent solid 4px;}
.navbar-light .navbar-nav .nav-link-red {color: rgba(255,255,255,1); border-bottom: transparent solid 4px;}
.navbar-light .navbar-nav .nav-link-lachs {color: rgba(255,255,255,1); border-bottom: transparent solid 4px;}
.navbar-light .navbar-nav .nav-link-green {color: rgba(255,255,255,1); border-bottom: transparent solid 4px;} */

/* nav link kontakt */
.navbar-light .navbar-nav .nav-link:hover , 
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(255,255,255,1);
}

.navbar-light .navbar-nav .nav-link-k:hover , 
.navbar-light .navbar-nav .nav-link-k:focus {
  color: rgba(255,255,255,1);
  font-weight: bold;
}
/* nav link gelb */
.navbar-light .navbar-nav .nav-link-gelb:hover , 
.navbar-light .navbar-nav .nav-link-gelb:focus {
  color: rgba(255,255,255,1);
  border-bottom: #f9df6b solid 4px;
}

.navbar-light .navbar-nav .nav-link-red:hover , 
.navbar-light .navbar-nav .nav-link-red:focus {
  color: rgba(255,255,255,1);
  border-bottom: #a73131 solid 4px;
}

.navbar-light .navbar-nav .nav-link-lachs:hover , 
.navbar-light .navbar-nav .nav-link-lachs:focus {
  color: rgba(255,255,255,1);
  border-bottom: #db8744 solid 4px;
}

.navbar-light .navbar-nav .nav-link-green:hover , 
.navbar-light .navbar-nav .nav-link-green:focus {
  color: rgba(255,255,255,1);
  border-bottom: #87a731 solid 4px;
}

.navbar-light .navbar-nav .nav-link-bleu:hover , 
.navbar-light .navbar-nav .nav-link-bleu:focus {
  color: rgba(255,255,255,1);
  border-bottom: #0cd8f6 solid 4px;
}

.navbar-light .navbar-nav .nav-link-brown:hover , 
.navbar-light .navbar-nav .nav-link-brown:focus {
  color: rgba(255,255,255,1);
  border-bottom: brown  solid 4px;
}

.navbar-light .navbar-nav .active > .nav-link-gelb,
.navbar-light .navbar-nav .nav-link-gelb.active {
  color: rgba(255,255,255,1);
  border-bottom: #f9df6b solid 4px;
}

.navbar-light .navbar-nav .active > .nav-link-red,
.navbar-light .navbar-nav .nav-link-red.active {
  color: rgba(255,255,255,1);
  border-bottom: #a73131 solid 4px;

}

.navbar-light .navbar-nav .active > .nav-link-lachs,
.navbar-light .navbar-nav .nav-link-lachs.active {
  color: rgba(255,255,255,1);
  border-bottom: #db8744 solid 4px;
}

.navbar-light .navbar-nav .active > .nav-link-green,
.navbar-light .navbar-nav .nav-link-green.active {
  color: rgba(255,255,255,1);
  border-bottom: #87a731 solid 4px;
}

.navbar-light .navbar-nav .active > .nav-link-bleu,
.navbar-light .navbar-nav .nav-link-bleu.active {
  color: rgba(255,255,255,1);
  border-bottom: #0cd8f6 solid 4px;
}

.navbar-light .navbar-nav .active > .nav-link-brown,
.navbar-light .navbar-nav .nav-link-brown.active {
  color: rgba(255,255,255,1);
  border-bottom: brown solid 4px;
}

.navbar-light .navbar-toggler {
  color:rgba(255,255,255,1);
  border-bottom: rgba(255,255,255,1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* ende nav */


/* startseite */
section {
  width: 80%;
  margin: 0 auto;
  margin-top: 3rem;
  margin-bottom: 4rem;
}

.row-back {padding-left: -15px; padding-right: -15px;}

.i-home {
  font-style: italic;
  line-height: 2;
}

.pfeil-gelb {
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg);
  border-style: solid;
  border-width: 50px 0 50px 10px;
  border-color: transparent transparent transparent #967e0b;
  float: left;
  margin-left: .5em;
}
.pfeil-lachs {
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg);
  border-style: solid;
  border-width: 50px 0 50px 10px;
  border-color: transparent transparent transparent #782600;
  float: left;
  margin-left: .5em;
} 
.pfeil-red {
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg);
  border-style: solid;
  border-width: 50px 10px 50px 0px;
  border-color: transparent #440000 transparent transparent;
  float: right;
  margin-right: .5em;
} 
.pfeil-green {
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg);
  border-style: solid;
  border-width: 50px 10px 50px 0px;
  border-color: transparent #2c4600 transparent transparent;
  float: right;
  margin-right: .5em;
}

.a-home {
  color:black;
  text-decoration: none;
  font-weight: 600;
}
.a-home:hover {
  color: #262c2d;
  text-decoration: none;
}

/* button und button hover gelb */
.btn > a {
  color:black;
  text-decoration: none;
  font-weight: 600;
}
.btn:hover > a {
  color: #262c2d;
  text-decoration: none;
}
.btn-gelb {
  background-color: #f9df6b;
  border-color: #f9df6b;
  border-radius: 15px;
}
.btn-gelb:hover, .btn-gelb.focus {
  background-color: #87a731;
  border-color: #87a731;
}
/* ende button und button hover gelb */


/* footer */

.border-top {
  border-top: 2px solid #f9df6b !important;
  width: 90%;
  margin: 0 auto;
}

.wrmode {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  margin-right: 1em;
}

.badge {
  display: inline-block;
  padding: 0.6em 0.2em;
  font-size: 140%;
  font-weight: bolder;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 1rem;
  background-color: #f9df6b;
  color: black;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.small-font {
  font-size: 80%;
  line-height: 120%;;
}

.footer > a {
  color:white;
}
/* ende footer */


/* ende startseite */

/* biergarten und ostfreesenpub */

.img-small {
  width:30%;
  height: auto;
}

.img-small20 {
  width:20%;
  height: auto;
}

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

a:hover {
  color:#87a731;
  text-decoration: none;
}

.line-h2 {
  line-height: 2;
}

#ostfreesenpub {
  background-image: url(../img/karte_pub.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 60% auto;
}

/* ende biergarten und ostfreesenpub */


/* feste party */

.btn-red {
  background-color: #a73131;
  border-color: #a73131;
  border-radius: 15px;
}
.btn-red:hover, .btn-red.focus {
  background-color: #87a731;
  border-color: #87a731;
}

#feste {
  background-image: url(../img/Karte_feier.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 65% auto;
}

/* ende feste party */

/* seminare events */
.btn-lachs {
  background-color: #db8744;
  border-color: #db8744;
  border-radius: 15px;
}
.btn-lachs:hover, .btn-lachs.focus {
  background-color: #87a731;
  border-color: #87a731;
}

#seminare {
  background-image: url(../img/karte_seminar.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 70% auto;
}

/* service info */

.btn-green {
  background-color: #87a731;
  border-color: #87a731;
  border-radius: 15px;
}
.btn-green:hover, .btn-green.focus {
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-service {
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 15px;
}
.btn-service:hover, .btn-service.focus {
  background-color: #ffffff;
  border-color: #f9df6b;
}


#seminare {
  background-image: url(../img/karte_seminar.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 70% auto;
}

#partner p {color: black;}
#partner a[href^="tel:"],
#partner a[href^="http:"] {
  color:#000000;
  font-weight: bold;
}
#partner a:hover[href^="tel:"],
#partner a:hover[href^="http:"] {
  color:#262c2d;
  font-weight: bold;
}


#formular a {
  color:#f9df6b;
}
#formular a:hover {
  color:#262c2d;
}

#offen {
  border-radius: .7rem;
  -webkit-border-radius: .7rem;
  -moz-border-radius: .7rem;
  -ms-border-radius: .7rem;
  -o-border-radius: .7rem;
  padding: 1rem 1rem 1rem 2rem;
}

.list-no-style {
  list-style-type: none;
  margin-top: 2rem;
}

.list-no-style li {
  line-height: 1.7rem;
}

.secondary-text{
  min-width: 100%;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  background-color: #87a731;
  padding: .5rem 1rem;
}

.text-not {
  text-decoration: line-through;
  color: rgba(255,255,255,0.5)
}

.column-count-2 {
  column-count: 2;
  width: 100%;
}



/* #partner a[href^="http:"] {
  color:#000000;
  font-weight: 600;
}
#partner a:hover[href^="http:"] {
  color:#262c2d;
  font-weight: 600;
} */

/* ende service info */

@media only screen and (max-width:575px){
  .img-small20 {
    width:60%;
    height: auto;
    margin-top:2em;
  }


  
}

@media screen and (min-width: 576px) and (max-width: 768px) {}
  
@media screen and (min-width: 768px) and (max-width: 910px) {}

@media only screen and (min-width:5911px){}