/* Menü Icon oben rechts ausblenden */
@media (min-width: 992px) {
  .burger-icon {
    display:none !important
  }
  #sp-footer {
    height: 44px; /* Muss der Höhe des Footer entsprechen, da sonst main durch Footer überdeckt wird */
  }
  #sp-main-body {
    margin-bottom: 44px;
  }
  #sp-footer .container-inner {
      padding: 10px 0;
  }
  .sp-scroll-up {
    bottom: 5px;
  }
}
@media (max-width: 991px) {
  .burger-icon {
    display:unset !important
  }
  #sp-footer {
    height: 70px;
  }
  #sp-main-body {
    margin-bottom: 70px; /* Muss der Höhe des Footer entsprechen, da sonst main durch Footer überdeckt wird */
  }
  #sp-footer .container-inner {
      padding: 6px 0;
  }
  .sp-scroll-up {
    bottom: 30px;
  }
}

/* Rand Oben bei Home raus */
#sp-main-body {
  padding: 0px;
}

/* Menü Burger Icon Farbe anpassen */
.burger-icon > span { 
  background-color: #bbbbbb;
}

/* Home Link größer im Header */
.sp-megamenu-parent > li > a {font-size: 1.7em;}

/* Link Menü Farben inkl. besuchte Seiten */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > a:visited {
    color: #5381f6;
}

/* Menü rechts am Rand */
.offcanvas-menu {
  background-color: #666;  
}
.offcanvas-menu .offcanvas-inner ul.menu>li a,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus {
  color: #fff !important;
}

/* Link Menü Farbe des aktiven Links */
.sp-megamenu-parent > li.active > a {
    color: #5381f6; 
}

/* Link Menü hover Farben */
.sp-megamenu-parent > li.active > a:hover,
.sp-megamenu-parent > li > a:hover {
    color: #87a9ff;
}

/* Dark Mode */
#sp-header, #sp-footer {background-color: #232424; color: #bbbbbb;}
body, .sp-preloader, .list-group-item {background-color: #393939; color: #bbbbbb;}
h1, h2, h3, h4, h5, h6, p, #sp-component a, h1 > a, h2 > a, h3 > a, 
.article-info, .article-info a, #sp-right li a {color: #bbbbbb;}

/* Footer immer Fix unten sichtbar */
#sp-footer {
  position: fixed; 
  width: 100%;
  bottom: 0;
  z-index: 999;
}
#sp-footer2 {
    padding-right: 50px;
}

/* Convert Forms Anpassungen */
.cf-input {
  background-color: #232424 !important;
  color: #cbcbcb !important;
}

/* VisForm Anpassungen */
.visCSSinput {
  background-color: #232424 !important;
  color: #cbcbcb !important;  
  display: block;
  width: 100%;
}

.visBtnCon {
  text-align: left !important;
}

.visBtnCon input,
.visBtnCon input:hover {
  background-color: #5381f6;
  color: #f0f0f0;
}

/* Widgetkit Anpassungen */
.uk-table {
  width: 100%;  
}
.uk-accordion-title {
  background-color: #3490eb;
  color: #333 !important;
  font-weight: bold;
  padding: 5px;
  display: inline-block;
  border-radius: 5px;
}
/* Farbe des Plus Zeichens im Accordion - ist ein SVG und wird durch den URL Parameter fill bestimmt */
.uk-scope .uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23333%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23333%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}
ul {
  list-style-type: disc; /* Standardmäßig gefüllte Kreise */
}
.uk-scope em,
.uk-scope h1,
.uk-scope h2,
.uk-scope h3,
.uk-scope h4
{
  color: inherit !important;
}
.uk-scope .uk-h4, .uk-scope h4 {
  font-size: x-large !important;
  font-weight: bold !important;
}

/* Cookie Consent */
#cookiehintsubmit, 
#cookiehintsubmitno,
#cookiehintsubmit:hover, 
#cookiehintsubmitno:hover {
  background-color: #5381f6 !important;
  color: #f0f0f0 !important;
}