.bodyClass {
  color: #635B67;
  word-break: break-word;
  word-spacing: 0.25rem;
  font-family: Verdana,"PT Mono", Arial,"Open Sans Regular", sans-serif;

}

.navbar{
  font-family: "PT Mono", Arial,"Open Sans Regular", sans-serif;
}

.navLinks {
  color: #635B67 !important;
  margin-right: 2rem;
  word-break: initial;
}

.navLinks:hover {
  /* This color can be changed */
  /* color: black !important; */
  font-weight: bold;
}

.navLinks:focus {
  /* This color can be changed */
  /* color: black !important; */
  font-weight: bold;
}

.navLinks.active {
  color: #7479AA !important;
  font-weight: bold;
}

.footbar {
  background-color: #7C959D;
  color: white;
  background-size: cover;
  font-size: small;
  font-family: "PT Mono", Arial,"Open Sans Regular", sans-serif;
}

.footer-img {
  width: 70%;
}

.footer-link {
  color: white;
}

.footer-link:hover {
  color: white;
  font-weight: bold;
}

.footer-link:focus {
  color: white;
  font-weight: bold;
}

.footer-link.active {
  font-weight: bold;
}

.smalltext {
  font-size: small;
}

.xsmalltext {
  font-size: smaller;
}

.xxsmalltext {
  font-size: x-small;
}

.largetext {
  font-size: large;
}

.xlargetext {
  font-size: x-large;
}

.xxlargetext {
  font-size: xx-large;
}

.boldText{
  font-weight: bold;
}

.heading {
  color: #3B656D;
  font-size: large;
  font-weight: bold;
  font-family: "PT Mono", Arial,"Open Sans Regular", sans-serif;
}

.heading-large {
  color: #3B656D;
  font-size: x-large;
  /* font-weight: bold; */
  font-family: "PT Mono", Arial,"Open Sans Regular", sans-serif;
}
.blackColor {
  color: rgb(0, 0, 0);
}

.whiteColor {
  color: white;
}

.blueBackground {
  background-size: cover;
}

.centerelement {
  margin-left: auto;
  margin-right: auto;
}

.centerelement-vertical {
  margin-top: auto;
  margin-bottom: auto;
}

.inline-block {
  display:inline;
  float:left;
}


/* Css Classes For another type of list */
ul {
  padding-left: 0rem;
  list-style-type: none;
}

ul .myli::before{
  content: "•";
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
}

.myli {
  padding-inline-start: 1rem;
}




 /* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .onlyLargeVP {
    display: none;
  }
  .header-logo{
    width: 70%;
}
.onlySmallVP {
  display: block;
}
.kontakt-potrait{
  width: 60%;
}
.full-image{
  max-width: 330px;
  width:100%;
}
}

 /* Small devices (landscape phones, less than 768px) */
@media (min-width: 575.98px) and (max-width: 767.98px) {
  .full-image{
    max-width: 480px;
    width: 100%;
  }

.onlySmallVP {
  display: block;
}
.onlyLargeVP {
  display: none;
}
.header-logo{
  width: 25%;
}

.kontakt-potrait{
  width: 60%;
}
 }

 /* Medium devices (tablets, less than 992px) */
@media (min-width:767.98px) and (max-width: 991.98px) {  
  .full-image{
    max-width: 500px;
    width:100%;
  }
  .onlySmallVP {
    display: block;
  }
  .onlyLargeVP {
    display: none;
  }

.header-logo{
  width: 25%;
}

.kontakt-potrait{
  width: 60%;
}
}
/* Large devices (desktops, less than 1200px) */
@media (min-width: 991.98px) {  
  .onlySmallVP {
    display: none;
  }
  .onlyLargeVP {
    display: block;
  }
  
.header-logo{
  width: 25%;
}
.kontakt-potrait{
  width: 100%;
}

 }