* {
  border-style: none;
}

:root {
  --darkgray: #212529;
  --kxgr: #abafb1;
  --klixa: #fff;
  --klixalight: #efefea;
  --klixashady: #e6e6de;
  --klixadarkshady: #96978e;
  --lightgray: #6c757d;
}

::selection {
  background: var(--kxgr);
  color: #000;
  text-shadow: none;
}

.nav-link.active,
.nav-link:hover {
  color: var(--kxgr) !important;
}

#mainNav .navbar-toggler,
ul.social-buttons li a:active,
ul.social-buttons li a:focus,
ul.social-buttons li a:hover {
  background-color: var(--kxgr)!important;
  
}

/*background-image header*/
.masthead{
  background-image:linear-gradient(to bottom, rgb(33, 37, 41, 1), rgba(255, 255, 255, 0)),
  url(/tpl/assets/shopBackgroundv1.png)!important;

}

.text-primary {
  color: var(--kxgr) !important;
}

#angebot img {
  border-top: solid 4px var(--kxgr) !important;
  border-left: solid 1px var(--kxgr) !important;
  border-right: solid 1px var(--kxgr) !important;
  border-bottom: solid 0 var(--kxgr) !important;
  -moz-border-radius: 1em 1em 0 0;
  border-radius: 1em 1em 0 0;
}


#angebot .angebot-item .angebot-link .angebot-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: .5s;
  opacity: 0;
  background: rgba(171, 175, 177, .9);
}

/* Öffnungszeiten Modal */
#shopOpen,
#shopClosed {
  display: none;
}

.shopText {
  border: 0px;
}

.shoplink, #team a {
  color: var(--kxgr);
}

.shoplink:hover, #team a:hover{
  color: var(--kxgr) !important;
  text-decoration: underline;
}

section#form .form-control:focus {
  border-color:var(--darkgrey)!important;
  box-shadow:none;
}

.background-light {
  background-color: var(--klixalight)
}

.intro-lead-in {
  text-shadow: 1px 1px 5px #000;
  padding: .5rem
}

.intro-heading {
  text-shadow: 1px 1px 5px #000;
  padding: .5rem
}

.bg-gray {
  background-color: var(--darkgray);
  border-bottom-left-radius: 1em;
  border-top-left-radius: 0;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 0
}

.btn-primary {
  background-color: var(--darkgray) !important;
  border-color: var(--kxgr);
  color: var(--klixa);
}

.btn:active,
.container.btn:focus,
.btn:hover,
.btn::selection,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary::selection {
  background-color: var(--kxgr) !important;
  border-color: var(--kxgr) !important;

}

.btn-primary:active,
.btn-primary:focus {
  box-shadow:0 0 0 .2rem rgba(171, 175, 177,.5)!important
}


i.fa-times::before {
  padding-right: 10px;
}


.routeplanen{
  width: 270px;
}

iframe{
  margin-bottom: 20px;
}