body {
    color: #111;
    font-family: 'Roboto', sans-serif; font-weight: 300; font-style: normal;
    font-size: 1.10em; line-height: 1.4em;
}
p {font-size: 1.10em; line-height: 1.4em;}
td {
    color: #111;
    font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal;
    font-size: 1.0em; line-height: 1.4em;
    padding: 5px 5px;
    border-bottom: 1px #000 solid;
}
table td p {
    display: inline;
    font-size: 1.0em; line-height: 1.4em;
}
.h1, .h2, .h3, .h4, h1, h2, h3, h4, h5, h6 {
   font-family: 'Oswald', sans-serif!important; font-weight: 600;color: #333;}
    .header.h4, .header h4 {color:#fff;}

    .preise.h2, .preise h2 {color:#333;}
    .info.h2, .info h2 {color:#333;font-size: 1.25em!important;}

.h1, h1 {font-size: 2.0em; line-height: 1.6em;}
.h2, h2 {font-size: 1.5em; line-height: 1.5em;}
.h3, h3 {font-size: 1.17em; line-height: 1.2em!important;}
.h4, h4 {font-size: 1.0em; line-height: 1.1em;}
.h5, h5 {font-size: 0.83em; line-height: 0.92em;}
.h6, h6 {font-size: 0.67em; line-height: 0.76em;}


#sp-page-builder .sppb-section-title .sppb-title-heading {
  font-size: 2.0em!important;
  line-height: 1.5em!important;
}

/* edit Joomla 5 */
img[src$="place-solingen.png"] { width: 200px!important; height: 200px!important;margin-top:-10px!important;}
img[src$="place-remscheid.png"] { width: 200px!important; height: 200px!important;margin-top:-10px!important;} 
#vorschaubilder {color: #fff!important;}
.article-list .article {
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #e5e1e1;
  border-radius: 3px;
}
.navi li a {
  background-color: rgb(224, 188, 135);
  color: rgb(255, 255, 255);
  padding-top: 5px!important;
  padding-right: 10px!important;
  padding-bottom: 5px!important;
  padding-left: 10px!important;
  border-radius: 0px!important;
  text-decoration: none!important;
  margin-bottom: 10px!important;
}
.navi li a:hover {
  background-color: rgb(224, 188, 135)!important;
  color: rgb(255, 255, 255)!important;
  padding-top: 5px!important;
  padding-right: 10px!important;
  padding-bottom: 5px!important;
  padding-left: 10px!important;
  border-radius: 0px!important;
}
.sppb-addon-articles-carousel .bx-pager.bx-default-pager {
  padding-top: 0;
  bottom: auto;
  font-size: 0;
  text-align: center;
  right: 0px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
}
.sppb-blockquote-style {
  font-size: 18px;
  line-height: 1.55;
  margin: 12px 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 12px 16px;
  border-left: 6px solid #fff;
}

/* Accordion */
@media screen {
  [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="panel"] {
    padding: 0!important;
    margin-bottom: .25em;
  }
}
/* Offcanvas */
.burger-icon > span {
  display: block;
  height: 4px;
  background-color: #fff;
  margin: 5px 0;
  transition: background-color .3s ease-in,opacity .3s ease-in,transform .3s ease-in;
}

/* Barrierefrei Button */
.ba__accessibility {
  display: flex;
  position: fixed;
  z-index: 999999;
  left: auto;
  left: 35px!important;
  top: 60px;
  bottom:110px;
  font-size: 1rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ba__accessibility > .ba__accessibility-action-button {
  background: #B80025;
  width: 4.0em;
  height: 4.0em;
  box-shadow: 0 0 2em rgba(0, 0, 0, .3);
}
.ba__accessibility:not(.ba__accessibility-open) > [class*="-button"]::after {
  -webkit-animation: none;
  animation: none;
}

.ba__accessibility .ba__accessibility-header > .ba__accessibility-title {
  display: none;
}

#coming-soon-countdown {display: none!important;}

.article-details .article-header h1, .article-details .article-header h2 {
  font-size: 2.0rem!important; line-height: 1.2em!important;
  color:#333;
}
.article-header h2 a {
  font-size: 2.0rem!important; line-height: 1.2em!important;
  color:#333!important;
}

/* Logo IMG */
@media only screen and (min-width: 991px) and (max-width: 1199px)  {
.logo-image {height: 50px!important;}
}

@media only screen and (max-width: 767px)  {

 .info.h2, .info h2 {
  font-size: 1.0em !important;
}
.h2, h2 {
  font-size: 1.0em;
  line-height: 1.5em;
}
.h1, h1 {font-size: 1.9em!important; line-height: 1.4em!important;}
.bild-bg-titel h1 {font-size: 45px !important;line-height: 50px !important;}

#sp-page-builder .sppb-section-title .sppb-title-heading {
  font-size: 1.4em!important;
  line-height: 1.4em!important;
}
.sppb-panel-custom .sppb-panel-heading .sppb-panel-title {
  font-size: 20px!important;
}

.sppb-icon {
  margin-top: 1px!important;
  margin-left: -10px!important;
  margin-right: -10px!important;
}
p {font-size: 0.85em; line-height: 1.40em;}
dl, ol, ul {
  font-size: 0.85em!important;
  line-height: 1.40em;
}
    
}
/* ##### */
dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.25em;
  line-height: 1.40em;
}
a {color: #B80025;font-weight: 600;}
a:hover, a:focus, a:active {
  color: #122f4e;
  text-decoration: underline;
}
/*  SP Background-Cover Ipad/Iphone */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
     .background-cover { background-attachment: scroll !important; }   
}
@media handheld, only screen and (max-width: 668px) {
     .background-cover { background-attachment: scroll !important; }
}



.list-group-item {
  font-family: 'Roboto', sans-serif!important; font-weight: 600;
  position: relative;
  display: block;
  padding: .5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #dce0ef!important;
  border: 0px solid rgba(0,0,0,.125);
  margin: 0px 0px 20px 0px;
}
/* Smartslider 3 */
ss3-force-full-width {
  position: relative;
  display: block;
  opacity: 0;
  width: 100vw;
  transform: translateX(-100vw);
  margin-top: -100px;
}
@media only screen and (max-width: 767px)  {
  /* Smartslider 3 */
ss3-force-full-width {margin-top: -140px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px)  {
    /* Smartslider 3 */
ss3-force-full-width {margin-top: -200px ;}
}

/* Header */
.sp-page-title {
 background: rgba(255,255,255,0);
}
.sp-page-title .sp-page-title-heading {
  padding: 20px 0px 20px 20px;
  max-width: 500px;
  font-size: 30px;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  background: rgba(255,255,255,0.2);
  clip-path: polygon(
    0 0,
    90% 0,
    100% 100%,
    0 100%
  );
}
#sp-header {
  border-bottom: 0px #122f4e solid;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.0);
  animation: spFadeIn 0.5s;
  background: rgba(255,255,255,0.0);
}
#sp-header.header-sticky {
  background: rgba(0,0,0,0.90);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}

#social .sppb-btn-custom {
  border-top-left-radius: 10px!important;
  border-bottom-left-radius: 10px!important;
  border-bottom-right-radius: 0px!important;
  border-top-right-radius: 0px!important;
}



/* Navigation */

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 8px;
  line-height: 80px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif!important; font-weight: 400;color: #fff;
  margin: 0;
}
.sp-megamenu-parent > li > a:hover {
 color: #fff!important;
 text-decoration: underline;
 text-decoration-thickness: 4px;
 text-decoration-color: #B80025;
 text-underline-offset: 20px;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-decoration-color:#B80025;
  text-underline-offset: 20px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-size: 0.55em;
  line-height: 1;
  display: inline-block;
  padding: 4px 0;
  cursor: pointer;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  font-family: 'Roboto', sans-serif!important; font-weight: 400!important;color: #B80025!important;
    text-decoration: none;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  font-family: 'Roboto', sans-serif!important; font-weight: 400;color: #fff!important;
     text-decoration: none;
  text-decoration-thickness: 2px;
  text-decoration-color:#B80025;
  text-underline-offset: 5px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 10px;
}
.sp-megamenu-parent 
.sp-dropdown 
li.sp-menu-item.active > a {
  color: #B80025 !important;
  font-weight: 600;
}

.sp-megamenu-parent > li:last-child > a {
  padding: 0px 0px 0px 5px;
}

/* Offcanvas Menu */

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 18px;
  padding: 4px 0px;
  line-height: 30px;
  font-weight: 600;
}
.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: #B80025!important;
}
@media only screen and (min-width: 990px) and (max-width: 1399px)  {

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0 3px;
  font-size: 12px;
}
}

/* Megamenu ab 1200px ausblenden */
@media (max-width: 1100px) {

  /* Desktop Megamenu */
  .sp-megamenu-wrapper {
    display: none !important;
  }

  /* Burger / Offcanvas Button */
  #offcanvas-toggler,
  .offcanvas-toggler {
    display: inline-flex !important;
    visibility: visible !important;
  }
}


/* Bottom und Footer */

#sp-bottom {
  padding: 60px 0 0px!important;
  font-size: 14px;
  line-height: 1.6;
}
#sp-bottom .sp-module .sp-module-title {
  font-size: 1.4em!important;
  margin: 0 0 20px!important;
  text-transform: uppercase;
  color: #D7AA67!important;
}
#sp-bottom1 .sp-module ul > li > a, #sp-bottom2 .sp-module ul > li > a {
  display: block;
  font-weight: 600!important;
}

/* Fonts */
/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/google/roboto-v50-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/google/roboto-v50-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/google/roboto-v50-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/google/roboto-v50-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/google/roboto-v50-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/google/roboto-v50-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/google/roboto-v50-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/google/roboto-v50-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/google/roboto-v50-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/google/roboto-v50-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/google/roboto-v50-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/google/roboto-v50-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/google/roboto-v50-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/google/roboto-v50-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/google/roboto-v50-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/google/roboto-v50-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/google/roboto-v50-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/google/roboto-v50-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/google/oswald-v57-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/google/oswald-v57-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/google/oswald-v57-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/google/oswald-v57-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/google/oswald-v57-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/google/oswald-v57-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}