:root {
  --primary: #384048;
  --textfont: #555555;
  --red: #cc3d0f;
  --h1Gradient: linear-gradient(-90deg, red, #cc3d0f);
}

html,
body {
  color: var(--textfont);
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  font-family: 'Fira Sans Extra Condensed', sans-serif;
  /* font-size: 1.1rem; */
  font-size: 17px;
}

html {
  /*  overflow: hidden;  */
  scroll-behavior: smooth;
}

h1,h2,h3,h4,h5,h6,svg {
  color: var(--bs-primary)
}
.accordion-item .accordion-body {
  color: var(--textfont);
}


a,
a:visited {
  color: var(--bs-primary);
  text-decoration: none;
}

a.nav-link,
a.nav-link:visited,
#zebottom a,
#zebottom a:visited {
  color: var(--bs-white);
}

a.nav-link:hover,
#zebottom a:hover {
  color: var(--bs-teal);
}

.maincontent {
  padding-right: 0px;
  padding-left: 0px;
}

.lead {
  font-weight: 400;
}

/* helpers */
.vh-50 {
  min-height: 50vh;
}

.vh-75 {
  min-height: 75vh;
}

.vh-100 {
  min-height: 100vh;
}


.text-danger {
  color: var(--red) !important;
}

.btn-red {
  color: white;
  background-color: var(--red);
}


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

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


a.btn-primary,
a:visited.btn-primary {
  color: white;
}

.btn-primary,
.bg-primary {
  background-color: var(--primary) !important;
  border: none;
}

.bg-primary .dropdown-menu,
.bg-primary .dropdown-menu .dropdown-item,
.bg-primary .dropdown-menu .dropdown-item:focus {
  background-color: white;
  color: var(--primary);
}


.navbar-brand {
  font-weight: 800;
  font-family: 'Fira Sans Extra Condensed', sans-serif;
}

.display-4 {
  /*font-weight: 700 !important;*/
  font-family: 'Fira Sans Extra Condensed', sans-serif;
  font-size: calc(1.475rem + 2.7vw);
}

/* .nav-link {
  font-weight: 600;
} */

.navbar {
  font-size: inherit;
}

.varih1 {
  font-size: 10.5rem;
  font-weight: 900;
  font-family: 'Fira Sans Extra Condensed';
}

.varih3 {
  font-size: 2.1rem;
}


.btn {
  box-shadow: none;
}

.btn-group {
  white-space: nowrap;
}

.smalltext {
  font-size: 65%;
}

.section-header {
  text-align: center;
}

.shadow-lg {
  box-shadow: 0 0.1rem 3rem rgba(0, 0, 0, .175) !important;
}


img {
  image-rendering: -webkit-optimize-contrast;
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-right: -15px;
  margin-left: -15px;
}

#pricing .list-unstyled li {
  font-size: 90%
}

#pricing .text-muted {
  opacity: 0.5
}

#pricing .px-2.fw-bold {
  font-size: 2em;
  vertical-align: middle;
}


#pricing ul li.inclu:before {
  content: '\2713';
  display: inline-block;
  color: var(--bs-teal);
  padding: 0 6px 0 0;
  font-size: 1.5em;
  font-weight: 600;
}

#pricing ul li:not(.inclu):before {
  content: '\2713';
  display: inline-block;
  /*color: var(--bs-danger);*/
  padding: 0 6px 0 0;
  font-size: 1.5em;
  font-weight: 600;
}

/* col-list overruled by nocss */
ul li {
  list-style-type: none;
  font-size: 1em;
}

.list-section .accordion-collapse {
  border: 0;
}

.list-section .accordion-button {
  padding: 15px 0px 15px;
  font-weight: 500;
  border: 0;
  font-size: 1.1rem;
  color: var(--bs-primary);
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.list-section .accordion-button:focus {
  box-shadow: none;

}

.list-section .accordion-button:hover {
  color: var(--bs-teal);
}

.list-section .accordion-button:not(.collapsed) {
  background: none;
  color: var(--bs-teal);
}

.list-section .accordion-body {
  padding: 15px 0px 15px;
  font-size: 1rem;
}

.alert {
  font-size: 1rem;
}

/* logos */


#msg2usert small {
  font-size: 70%
}

#msg2usert table {
  line-height: 1
}

.link:hover {
  text-decoration: underline;

}