

/* yanone-kaffeesatz-600 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 600;
  src: url('yanone-kaffeesatz-v23-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('yanone-kaffeesatz-v23-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('yanone-kaffeesatz-v23-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('yanone-kaffeesatz-v23-latin-600.woff') format('woff'), /* Modern Browsers */
       url('yanone-kaffeesatz-v23-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('yanone-kaffeesatz-v23-latin-600.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}


body {
  background-color: gainsboro;
}

@font-face {
  font-family: "Segoe UI";
  src: url("/src/fonts/segou-ui/Segoe-UI.ttf");
}
.menu {
  border-top-width: 1.25em !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Yanone Kaffeesatz";
  color: #004157;
  text-shadow: 1px 1px rgba(0,0,0,0.2);
}
.logo::after {
  right: -45px;
  border-top: 48px solid #19baee;
  border-right: 45px solid transparent;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 0px;
  height: 0px;
}
.logo::before {
  left: -45px;
  border-top: 48px solid #19baee;
  border-left: 45px solid transparent;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 0px;
  height: 0px;
}
@media only screen and (max-width: 575px) {
  .logo::after {
    right: unset;
    border-top: unset;
    border-right: unset;
    border-left: unset;
    content: "";
    display: unset;
    position: unset;
    top: unset;
    width: unset;
    height: unset;
  }
  .logo::before {
    left: unset;
    border-top: unset;
    border-left: unset;
    content: "";
    display: unset;
    position: unset;
    top: 0;
    width: unset;
    height: unset;
  }
}
.no-decoration > a {
  text-decoration: none!important;
  color: #004157!important;
}
.bi-check {font-size: 1.6rem!important;
  line-height: 1!important;}
#map, #map2 {
  height: 250px !important;
}
.artikle {
  column-count: 2;
  column-gap: 3rem;
}
@media only screen and (max-width: 889px) {
  .artikle {
    column-count: 1;
  }
}
.card-body {
  min-height: 280px !important;
}
.card {
  border-radius: 0.5rem !important;
}
.stars {
  text-align: center;
  color: rgb(252, 218, 30);
}
.prefooter {
  min-height: 150px !important;
}
ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.fa-ul {
  line-height: 1.8;
}
.footer > div > ul > li > a,
.phone-footer {
  color: rgb(255, 255, 255, 0.8);
  text-decoration: none;
}
.footer > div > ul > li > a:hover,
.phone-footer:hover {
  color: rgb(255, 255, 255, 1);
  text-decoration: none;
}
.phone-footer {
  line-height: 1 !important;
}
ul.sub > li {
  border-top-color: #ffffff44 !important;
  border-top: solid;
  border-top-width: thin;
}
ul.sub > li:nth-child(8) {
  border-bottom-color: #ffffff44 !important;
  border-bottom: solid;
  border-bottom-width: thin;
}
.nav-item > a {color: #444;font-weight: 500;}
.nav-item > a:hover {color: #aaa;}


.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}
.fa-ul {
  list-style-type: none;
  margin-left: 1.5em;
  padding-left: 0;
}
.fa-ul>li {
  position: relative;
}


a.phone-footer { color: #fff ! important; }

h1.logo {  text-shadow: 1px 1px rgba(255,255,255,0.5) ! important; } 

.btn-success{font-weight: bold; border-radius: 3px ! important;}


.footer li {padding-bottom: 8px; padding-top: 8px; }
.text-justify {text-align: left ! important;}
.menu a:hover {text-decoration: none;}
html {
	overflow-y:scroll;
}

li.current a {font-weight: bold ! important;}

/* .p-4 { padding-left: 3.5rem ! important; padding-right: 3.5rem ! important;} */


@media only screen and (max-width: 575px) {
	div.contentarea, div.sidebararea { display: block; width: 100%; max-width: 100%; flex: initial;}
	
}
