/**
 * @file
 * Visual styles for fields.
 */
.field__label {
  font-weight: bold;
}
.field--label-inline .field__label,
.field--label-inline .field__items {
  float: left;
  /* LTR */
}
.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
  padding-right: 0.5em;
}
[dir="rtl"] .field--label-inline .field__label,
[dir="rtl"] .field--label-inline .field__items {
  padding-right: 0;
  padding-left: 0.5em;
}
.field--label-inline .field__label::after {
  content: ":";
}
.field--name-field-header {
  height: 560px;
  font-size: 0;
}
.field--name-field-header img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.field--name-field-svg-bild img {
  width: 100%;
  height: auto;
}
.field--name-field-hintergrundbild {
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
}
.field--name-field-hintergrundbild img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.field--name-field-text-formatted-long a {
  color: var(--green);
  text-decoration: none;
}
.field--name-field-text-formatted-long a:hover {
  text-decoration: underline;
}
/*.field--name-field-telefon {
    a:before {
        .icons('\F5B4');
        font-size:0.85em;
        display:inline-block;
        width:1.4em;
    }
}

.field--name-field-fax {
    a:before {
        .icons('\F500');
        font-size:0.85em;
        display:inline-block;
        width:1.4em;
    }
}

.field--name-field-e-mail {
    a:before {
        .icons('\F32C');
        font-size:0.85em;
        display:inline-block;
        width:1.4em;
    }
}*/
.btn > a,
a.btn,
button.btn {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  border: none;
  font-family: inherit;
  cursor: pointer;
  color: var(--green);
}
.btn > a:after,
a.btn:after,
button.btn:after {
  font-family: 'bootstrap-icons';
  font-weight: normal;
  content: '\0a0\F285';
  transform: translateX(0.1px) translateY(1px);
  font-size: 1rem;
  transition: all 200ms;
}
.btn > a:hover:after,
a.btn:hover:after,
button.btn:hover:after {
  transform: translateX(10px);
}
.btn-primary > a,
a.btn-primary,
button.btn-primary {
  margin: 10px 0 0 0;
  background: var(--green);
  color: var(--white);
  padding: 4px 20px 5px 20px;
  border-radius: 5px;
  min-height: 40px;
  transition: all 200ms;
}
.btn-primary > a:hover,
a.btn-primary:hover,
button.btn-primary:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.btn-outline > a,
a.btn-outline,
button.btn-outline {
  background: transparent;
  border: 1px solid var(--red);
  color: var(--red);
}
/*# sourceMappingURL=field.css.map */