@font-face {
    font-family: 'Alte-DIN-1451-Mittelschrift';
    src:url('../fonts/Alte-DIN-1451-Mittelschrift.ttf.woff') format('woff'),
        url('../fonts/Alte-DIN-1451-Mittelschrift.ttf.svg#Alte-DIN-1451-Mittelschrift') format('svg'),
        url('../fonts/Alte-DIN-1451-Mittelschrift.ttf.eot'),
        url('../fonts/Alte-DIN-1451-Mittelschrift.ttf.eot?#iefix') format('embedded-opentype'); 

}
body 
{
  font-family: 'Alte-DIN-1451-Mittelschrift';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;

}
a {
  color: #000;
}
a:hover, a:focus, a:active {
  color: #5e7376;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 15px;
  line-height: 10px;  
  font-size: 16px;
  margin: 0;
}
.sp-megamenu-parent > li.active > a {
  font-weight: normal;
  
}
.sp-megamenu-parent > li > a {
  color: #fff;
}
.sp-megamenu-parent > li:hover > a {
  color: #fff;

}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #5e7376;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #fff;
}
#sp-menu.menu-with-social .sp-megamenu-wrapper {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  margin-top: 25px;
}

.burger-icon > span {
  display: block;
  height: 2px;
  background-color: #fff;
  margin: 5px 0;
  transition: background-color .3s ease-in,opacity .3s ease-in,transform .3s ease-in;
}

#offcanvas-toggler > i { 
  color: #fff !important; 
}
#offcanvas-toggler > i:hover {  
  color: #fff;
} 
.offcanvas-menu .offcanvas-inner {
  padding: 15px;
}
.offcanvas-menu {
  width: 340px;
  height: 100%;
  position: fixed;
  top: 60px;
  overflow: inherit;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 10000;
   background: #5e7376;

}
.offcanvas-menu .offcanvas-inner ul.menu, .offcanvas-menu .offcanvas-inner ul.menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  margin: 0;
  margin: 0 0 15px 0;
  list-style: none;
  text-transform: uppercase;
  
}

.offcanvas-menu .offcanvas-inner ul.menu li.active > a, .offcanvas-menu .offcanvas-inner ul.menu li.active > .nav-header, .offcanvas-menu .offcanvas-inner ul.menu li.active > .mod-menu__heading {
  color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
color: #ffffff;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
  right: -340px;
  top: 0;
}
/*#sppb-addon-1670420386016 .sppb-addon-header .sppb-addon-title {*/
/*text-shadow: 4px 4px 0px #00385B;*/
/*  font-weight: normal;*/

.sppb-addon-title {
  font-weight: normal;
}
#sp-main-body {
  padding: 0;
}
.hook {
  list-style-image: url(../images/hook.png);
  list-style-position: outside;  
}
.sppb-btn-custom {
 /*  text-transform: none;*/
  letter-spacing: 1px;
}
.visform input {
  border: 1px solid #999;
  padding: 2px;
 /* background-color: #00385B;*/
  color: #000;
  border-radius: 0px;
  padding: 8px 12px;
  font-size: 16px;
}
.visform textarea {
  border: 1px solid #000;
  padding: 2px;
  background: #fff;
}


#sp-footer {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
background: #5e7376;

}


#sp-bottom {
  background: #fff;
  
}

#sp-header {
 /*background: rgb(196,202,195);*/
 /*background: linear-gradient(0deg, rgba(196,202,195,1) 0%, rgba(94,115,118,1) 35%); */
 background: #5e7376;
/*#sppb-addon-1670597674590 .sppb-addon-text-block {*/
/*  text-shadow: 4px 4px 0px #00385B;*/
}
blockquote {
  margin: 0 0 40px 0;
  margin-top: 0px;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1.5;
  font-style: italic;
  text-align: left;
  padding: 0 0 0 40px;
  color: #3d3d3d;

  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
  border-left: 2px solid #f91b24;
}
.breadcrumb {
  padding: 0.75rem 1rem;
  background-color: #90a89a;
  border-radius: 0.25rem;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  color: #00385B;
  --bs-breadcrumb-divider-color: #ffffff;
  --bs-breadcrumb-item-active-color: #ffffff;
  align-items: center;
  justify-content: center;
}

.breadcrumb a, a {
  color: #00385B;
}
#sp-footer a, #sp-bottom a {
  color: #ffffff;
}
#sp-footer a:hover, a:focus, a:active {
  color: #ffffff;
}
.fa-paragraph:before {
    font-weight: bold;
    content: '§';
}