:root {
  --gruen: 119, 195, 30;
  --logogruen: 33, 122, 64;
  --dunkelgruen: 20, 85, 45;
  --logogelb: 255, 182, 0;
  --dunkelgrau: 59, 61, 65;
  --rot: 227, 6, 19;
  /* --logogelb: 234, 184, 24; */
}
/* Anwendungsschema: xyz { color: rgb(var(--hauptfarbe)); } */



body, html {
  color: #000;
  font-weight: 300 !important;
  letter-spacing: .3px;
}

p, li {
  hyphens: auto;
  -webkit-hyphens: auto;
}
.nohyphen {
  hyphens: manual;
  -webkit-hyphens: manual;
}

header, nav.navbar.navbar-expand-md.navbar-light.bg-white.container-fluid
  {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.imghead {
  width: 100%;
}

a.navbar-brand img, a.navbar-brand {
  width: 0;
}

main a {
  color: rgba(var(--logogruen));
  text-decoration: solid underline 1pt;
  -webkit-text-decoration: underline;
  text-underline-offset: .2em;
  font-weight: 400;
}
a.rot {
  color: rgba(var(--rot));
}
main a:hover, main a:active {
  opacity: .5;
}
.container.menu-buttons {
  background-color: #e9f3fc;
  margin-bottom: -1rem;
}

ul.navbar-nav.ml-auto li.nav-item a.nav-link {
  color: rgba(73, 106, 129, 1) !important;
  text-transform: uppercase;
  font-weight: 400 !important;
  /*
  font-size: 13px;
  */
}
nav li a:hover {
  color: rgba(var(--gruen))!important;
}
ul.navbar-nav.ml-auto li.nav-item a.nav-link:hover {
  color: rgba(73, 106, 129, .7) !important;
  font-weight: 400 !important;
}

ul.text {
  list-style-type:"– ";
  padding: 0 0 0 1em;
  margin: 0;
  }

.gold {
  background-color: rgba(180, 166, 136, 1);
}

.c-gold {
  color: rgba(180, 166, 136, 1);
}

.hellgold {
  background-color: rgba(180, 166, 136, .2);
}

#head-l {
  text-align: center;
}

#head-m {
  text-align: center;
}

#head-r {
  text-align: center;
}

footer {
  color: #fff;
  letter-spacing: .7px;
}

.top {
  letter-spacing: .7px;
}

footer a, footer a:hover {
  color: #fff;
}

#current {
  background-color: #eee;
  color: #000;
}

.kos img {
  width: 100%;
}

.fon, .fon:hover {
  color: #000;
  text-decoration: none;
}

.content a, .email, .email:hover {
  color: #000;
}

h1, .h3 {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: left;
  color: #474a4f;
  font-weight: 300 !important;
}

h2, .h4 {
  letter-spacing: 1.2px;
  color: #474a4f;
  text-align: left;
  font-weight: 300 !important;
}

h3, h4 {
  letter-spacing: 1.2px;
  font-weight: 300 !important;
}

.menu-buttons {
  margin-top: 1rem;
}

.tex-link {
  color: #c4b69e;
}

.carousel-indicators li {
  width: 4rem;
  height: .5rem;
  background-color: #3b3d41;
  margin: 0 .4rem 0 .4rem;
}

.carousel-indicators .active {
  width: 4rem;
  height: .5rem;
  background-color: #fff;
}

@media ( min-width : 576px) {
  .mal {
    margin-left: -1rem
  }
  .menu-buttons {
    margin-top: 2rem;
  }
}

@media ( min-width : 768px) {
  .navbar {
    position: absolute;
    top: 15rem;
    z-index: 10;
  }
  .carousel-indicators li {
    width: 6rem;
    height: .8rem;
    background-color: #3b3d41;
    margin: 0 .7rem 0 .7rem;
  }
  .carousel-indicators .active {
    width: 6rem;
    height: .8rem;
    background-color: #fff;
  }
}

@media ( min-width : 992px) {
  .bu-below {
    min-height: 16rem;
  }
  #head-l {
    text-align: left;
  }
  #head-m {
    text-align: center;
  }
  #head-r {
    text-align: right;
  }
  .bor-right {
    border-right: 2px solid #f59d08;
  }
  .navbar {
    position: absolute;
    top: 11.7rem;
    z-index: 10;
  }
  .carousel-indicators li {
    width: 7rem;
    height: .9rem;
    background-color: #3b3d41;
    margin: 0 .7rem 0 .7rem;
  }
  .carousel-indicators .active {
    width: 7rem;
    height: .9rem;
    background-color: #fff;
  }
}

@media ( min-width : 1200px) {
  .bu-below {
    min-height: 13rem;
  }
  .navbar {
    position: absolute;
    top: 16.5rem;
    z-index: 10;
  }
}


/* ###### Contact/Form ####### */
.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: rgb(210 1 40);
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: rgb(var(--logogruen));
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid rgb(210 1 40); /*#18d26e;*/
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 1rem; /*14px;*/
  border-radius: 4px;
}

.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #208149;
}

.contact .php-email-form input {
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type="submit"] {
  background: #474a4f;
  border: 0;
  padding: 10px 30px;
  border-radius: 4px;
  color: #fff;
  transition: 0.4s;
}

.contact .php-email-form button[type="submit"]:hover {
  background: rgba(73, 106, 129, .7); /**/#208149;
}
/* ###### Contact/Form Ende ####### */

a.gruen {
  color: rgb(var(--logogruen))!important;
}

h5 {
  color: #474a4f;
  font-weight: 400;
}

/* ====== Formularbutton ====== */
::-webkit-file-upload-button {
  font: inherit;
  /* -webkit-appearance: default; /* vorher: -webkit-appearance: button; */
  padding:.375rem .75rem;margin:-.375rem -.75rem;
  -webkit-margin-end:.75rem;
  margin-inline-end:.75rem;
  color:#212529;
  background-color:#e9ecef;
  pointer-events:none;
  border-color:inherit;
  border-style:solid;
  border-width:0;
  border-radius:0;
  -webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control::file-selector-button{
  padding:.375rem .75rem;
  margin:-.375rem -.75rem;
  -webkit-margin-end:.75rem;
  margin-inline-end:.75rem;
  color:#212529;
  background-color:#e9ecef;
  pointer-events:none;
  border-color:inherit;
  border-style:solid;
  border-width:0;
  border-radius:0;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



/* ===== E-Rezept ===== */
#wege ul.balken {
  margin: 0;
  padding: 0;
  transform: rotate(-3deg);
}
.balken a {
  color:
}
#wege li {
  color: rgba(var(--logogruen));
  font-weight: 700;
  font-size: 1.25rem;
  background-color: rgba(var(--logogelb), .75);
  margin: .75rem 0;
  padding: 1rem;
  list-style: none;
}
#wege .balken > li:hover {
  background-color: rgba(var(--logogelb));
  transform: rotate(3deg);
  transition: all .25s;
}
#wege li li {
  background-color: rgba(var(--logogelb), 0);
  margin: 0;
  padding: .5rem 0 .5rem 1rem;
}
#wege li span, #wege li span a {
  color: rgba(var(--dunkelgruen));
}
#wege .details {
  color: rgba(var(--dunkelgruen), .9);
  font-weight: 400;
  font-style: italic;
}

.download {
  transform: rotate(-3deg);
}
.download:hover {
  transform: unset;
  transition: all .25s;
  scale: 1.01;
  /* box-shadow: 0 .5rem 1rem rgba(var(--dunkelgrau), .5); */
}
.jubi {
  transition: all .25s;
}
.jubi:hover {
  transform: rotate(3deg) scale(1.1);
  border: 10px solid red;
  box-shadow: 0 .5rem 1rem rgba(var(--dunkelgrau), .5); */
  transition: all .25s;
}
.jubilaeumsdownload {
  margin: 1rem 0;
  display: flex;
  gap: .5rem;
  button {
    color: white;
    background-color: rgba(var(--logogruen));
    border: none;
    border-radius: 5rem;
    padding: .25em 1em;
  }
  button:hover {
    background-color: rgba(var(--logogelb));
  }
}
.zoom .pdfobject-container, .zoom .pdfobject {
  aspect-ratio: 210 / 293;
  border: 1px solid #ccc;
  padding: 0;
}
.col-lg-12.zoom .pdfobject-container, .col-lg-12.zoom .pdfobject {
  aspect-ratio: 3 / 2!important;
}
@media (max-width: 992px) {
  #zoom .desktop {
    display: none;
  }
}
@media (min-width: 992px) {
  #zoom .mobile {
    display: none;
  }
}


/* accessibility */

tr.blindheader {
  font-size: 1pt;
  opacity: 0;
  position: absolute;
}