@import url('fontawesome/css/fontawesome.css');
 @import url('fontawesome/css/brands.css');
 @import url('fontawesome/css/solid.css');

@font-face {
  font-family: "Livvic";
  src: url("/layout/fonts/Livvic-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Livvic", sans-serif;
  font-size: 16px; /* nach Wunsch anpassen */
}

 body {
     background-color: #FFFFFF;
     margin-top: 0px;
     margin-right: auto;
     margin-left: auto;
     font-family: "Livvic", sans-serif;
     font-size: 15px;
     color: #000000;
}
 .fas, .fa-solid {
     padding-right: 5px;
}
 .header .top-bar {
     display: none;
}
 .header .header-main {
     padding-top: 10px;
     padding-bottom: 10px;
}
 .header a:hover {
     color: #990000;
     background-color: #e6e6e6;
}
 .logo img {
     max-width: 100%;
}
 .logo a:hover {
     background-color: transparent;
}
 #pageTop {
     background-color: #ce5c5c;
     background-image: url("background_banner2.svg");
     background-position: center;
     background-size: cover;
}
 .main-nav-wrapper {
     background-color: #c8dca1 !important;
     margin-bottom: 10px;
     min-height: 50px;
     border-top: 1px solid #FFFFFF;
}
 .header .menu-top li.divider a {
     border-right: 1px solid #FFFFFF;
}
 .header .menu-top li a {
     display: inline-block;
     color: #FFFFFF;
     padding: 0px 10px;
     font-family: "Livvic", sans-serif;
}
 .header .menu-top li a:hover {
     display: inline-block;
     color: #FFFFFF;
     background-color: transparent;
     font-family: "Livvic", sans-serif;
}
 #navbar-collapse {
    /*background-color: #c8dca1;
     */
     background-color: #c8dca1 !important;
}
 .main-nav .nav .nav-item .nav-link {
     color: #FFFFFF;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     padding: 15px;
     font-family: "Outfit", sans-serif;
     background-color: #c8dca1 !important;
     border: 1px solid #c8dca1;
}
 .main-nav .nav .nav-item .nav-link:hover {
     color: #FFFFFF;
     background-color: #b0c882 !important;
     border-left: 1px solid #b0c882;
     border-right: 1px solid #b0c882;
}
 .nav-item dropdown open show {
     background-color: #f2bb6b;
}
 .main-nav .nav .nav-item .dropdown-menu a {
     border-top: 1px solid #FFFFFF;
     border-bottom: none;
     padding: 8px 20px 8px 20px;
     text-transform: none;
     font-size: 14px;
     background-color: #f8d070;
     border-left: 1px solid #f8d070;
     font-family: "Livvic", sans-serif;
     color: #FFFFFF;
}
 .main-nav .nav .nav-item .dropdown-menu a:hover {
     border-bottom: 1px solid #FFFFFF;
     padding: 8px 20px 8px 28px;
     text-transform: none;
     font-size: 14px;
     background-color: #ffbe23;
     color: #FFFFFF;
     border-right: 1px solid #ffbe23;
     border-bottom: 1px solid #ffbe23;
}
 .header .contact .svg-inline--fa {
     color: #FFFFFF;
}
 .header .contact p {
     color: #FFFFFF !important;
     font-family: "Livvic", sans-serif;
     font-size: 13px;
}
 .header .contact a {
     color: #FFFFFF !important;
     font-family: "Livvic", sans-serif;
}
 .header .contact a:hover {
     color: #FFFFFF;
     background-color: transparent;
}
 .content-column {
     padding-right: 10px;
     padding-left: 0px;
}
 a {
     color: #ce5c5c;
}
 a:hover {
     color: #ce5c5c;
     background-color: #fcefcf;
}
/* Einstellungen der Breadcrumb Navigationsleiste bei Untermenüs */
 .page-wrapper .breadcrumbs ul li {
     color: #aaa;
     font-size: 12px;
     float: left;
     list-style: none;
     display: inline-block;
}
 .page-wrapper .breadcrumbs ul li.breadcrumbs-label {
     display: none;
}
 .page-wrapper .breadcrumbs ul li:nth-child(2) {
     display: none;
}
 .breadcrumbs li:nth-child(3)::before {
     content: "Sie sind hier: ";
}
/* Einstellungen topcontrol */
 #topcontrol {
     background: #ce5c5c;
}
 #topcontrol:hover {
     background: #444;
}
/* Einstellung der Ueberschriften */
 h1 {
     margin-top: 20px;
     margin-bottom: 5px;
     font-size: 30px;
     font-weight: bold;
     text-align: left;
     font-family: "Livvic", sans-serif;
     color: #ce5c5c;
}
 h2 {
     margin-top: 20px;
     font-size: 18px !important;
     font-weight: bold !important;
     text-align: left;
     font-family: "Livvic", sans-serif;
     color: #ce5c5c !important;
}
 h3 {
     margin-top: 20px;
     font-size: 16px;
     font-weight: bold;
     text-align: left;
     font-family: "Livvic", sans-serif;
     color: #ce5c5c;
}
 h4 {
     margin-top: 20px;
     font-size: 16px;
     font-weight: bold;
     text-align: left;
     font-family: "Livvic", sans-serif;
     color: #ce5c5c;
}
 h5 {
     margin-top: 20px;
     font-size: 12px !important;
     font-weight: normal;
     text-align: left;
     font-family: "Livvic", sans-serif;
     color: #444;
}
 h6 {
     margin-top: 20px;
     font-size: 14px;
     font-weight: normal;
     text-align: left;
     font-family: "Livvic", sans-serif;
     color: #ce5c5c;
}
 .page-wrapper .page-heading {
     margin-bottom: 20px;
     border-bottom: 1px solid #f5e0ae;
}
 p {
     font-size: 14px;
}
 #sbs-footer {
     visibility: hidden;
}
 .news .footer {
     height: 40px;
     border-top: none;
     border-bottom: 1px solid #eee;
}
 .news .footer span:last-child {
     color: #ffbe23;
     font-size: 11px;
}
 .news .footer span:last-child::before {
     content: "Artikel vom ";
}
 .news-list-view ul li::after {
     content: "-";
}
 .news-list-view ul li:last-child::after {
     content: "";
}
 .news-single .article .news-img-wrap {
    float: left;
    width: 282px;
    margin: 0px 20px 0px 0px;
}
 .article {
    background-color: #fcefcf;
    padding: 15px;
    border-image-slice: 0 0 0 8;
    border-image-width: 8px;
    border-image-outset: 8px 0px 8px 0px;
    border-image-repeat: stretch repeat;
    border-image-source: url("border_left.png");
}
 .more {
     font-size: 12px;
     padding-left: 14px;
     background: transparent url(link-link.png) left center no-repeat;
   background-size: 1em auto; /* passt die Bildhöhe an die Schriftgröße an */
}
 .news-backlink-wrap {
     font-size: 12px;
}

 #footer {
     background-image: linear-gradient(to top, #ffffff 0%, #AAAAAA 100%);
}
 footer {
     color: #ce5c5c;
     font-size: 12px;
}
 footer h3 {
     color: #ce5c5c;
     font-size: 20px;
     margin-bottom: 10px;
}
 footer p {
     color: #ce5c5c;
}
 footer a {
     font-size: 12px;
     color: #ce5c5c;
}
 footer a:hover {
     color: #ce5c5c;
     background-color: transparent;
}
 footer>.footer-content .container>.row>div {
     padding-left: 10px;
     border: 0px;
     width: 100%;
}
 footer .bottom-bar {
     background: #ce5c5c;
     padding: 5px 0;
}
 iframe {
     width: 100%;
     border: none;
}
/* Nachtraegliche Anpassungen */
 .menu-top li:first-child {
     display: none;
}
 .page-wrapper ul li {
     margin-bottom: 0px;
     padding-right: 5px;
}

 .page-item.active .page-link {
     color: #FFFFFF;
     background-color: #ce5c5c;
     display: inline;
     border: none;
}
 .ce-gallery img {
     display: block;
     max-width: 100%;
     width: auto;
     height: auto;
}
 .slick-slider .image, .slick-slider img, .slick-slide {
     max-width: 100%;
     height: auto;
     width: 100vw;
     margin-right: 3px;
}
 .quicks {
     padding-left: 3px;
     padding-right: 3px;
}
 .quicks_label {
     font-size: 10px;
     color: #ce5c5c;
     text-align: center;
}
 .btn_quickstart {
     display: inline-block;
     width: 60px;
     height: 60px;
     text-align: center;
     vertical-align: middle;
     font-size: 36px;
     margin-bottom: 5px;
     color: #FFFFFF;
     background-color: #ce5c5c;
     border: 2px solid #e6e6e6;
     padding: 10px 10px 10px 10px;
     border-radius: 8px;
     box-shadow: 2px 2px 8px 4px rgba(255,255,255,0.6);
}
 .btn_quickstart .fas, .fa-solid {
     padding-right: 0px;
}
 .tip {
     visibility: hidden;
}
 span.tool:hover span.tip {
     visibility: visible;
     /*display: Inline-Block;*/
     display: table;
     position: absolute;
     margin-top: 18px;
     margin-bottom: 5px;
     margin-left: -11px;
     z-index: 10000;
     background-color: #FFFFFF;
     padding: 2px;
     border-radius: 3px;
     font-size: 10px;
     font-weight: bold;
     color: #990000;
     width: 60px;
}
 
 .main-nav .navbar-toggler {
     background-color: #E8E8E8;
     opacity: 0.9;
     width: 100%;
     top: 7px;
     border-radius: 4px 
}
 .main-nav button .icon-bar {
     background-color: #990000;
     display: block;
     width: 22px;
     height: 2px;
     border-radius: 1px;
}
 .page-wrapper .page-content h3 {
     margin-bottom: 10px;
}
 .page-wrapper .page-content h4 {
     font-size: 16px;
     font-weight: bold;
}
 label {
     margin-top: 10px;
     width: 180px;
     font-weight: bold;
}
 legend {
     display: none;
}
 .dropdown:focus {
     border: 0px !important;
}
 .main-nav .nav .nav-item.show .nav-link {
     outline: none;
}
 .content-column {
     padding-bottom: 60px;
}
 .csc-linkToTop {
     text-decoration: none;
     font-weight: normal;
     text-transform: lowercase;
     color: #990000;
     font-size: 12px;
     text-align: right;
     background: transparent url(link-top.svg) left center no-repeat;
     width: 80px;
     margin-top: 20px;
}
 a.pdf {
     padding-left: 18px;
     background: transparent url(link-download.svg) left center no-repeat;
}
 a.pdf::before {
     content: "Für Mobilgeräte: ";
}
 a.pdf:hover {
     background-color: #E8E8E8;
     color: #990000;
}
 a.download {
     padding-left: 18px;
     background: transparent url(link-download.svg) left center no-repeat;
}
 a.download:hover {
     background: #E8E8E8 url(link-download.svg) left center no-repeat;
}
 a.link {
     padding-left: 14px;
     background: transparent url(link-link.svg) left center no-repeat;
}
 a.link:hover {
     background-color: #E8E8E8;
     color: #990000;
}
 .image-caption {
     font-size: 11px;
     padding-top: 6px;
}
 .slick-slider .slick-next:before, .slick-slider .slick-prev:before {
     color: #990000;
}
 .form-check {
     padding-left: 0px;
}
 .form-group {
     margin-bottom: 0px;
}
 .tx-felogin-pi1 input {
     overflow: visible;
     width: 100%;
     margin-bottom: 20px;
     height: 36px;
}
 .clearfix h2 {
     margin-top: 20px;
     font-size: 16px !important;
     font-weight: bold !important;
}
 #schnellzugriff {
     position: absolute;
     top: 220px;
     margin-left: 6px;
     z-index: 100;
}

/* Ende Nachtraegliche Anpassungen */
 @media (max-width: 767.98px) {
     .badge {
         display: none;
    }
     #footer {
         background-image: linear-gradient(to top, #ffffff 0%, #AAAAAA 100%);
    }
     .header .contact {
         display: none;
    }
     .page-wrapper .page-heading h1.heading-title {
         text-align: left;
         font-size: 20px;
    }
     .main-nav .nav .nav-item .dropdown-menu {
         border-top: 1px solid #FFFFFF;
         border-bottom: 1px solid #FFFFFF;
    }
     .news-single .article .news-img-wrap {
         float: left;
         width: 100%;
         margin-left: 0px;
         margin-bottom: 10px;
    }
     .quicks {
         padding-left: 2px;
         padding-right: 2px;
    }
     .quicks_label {
         font-size: 10px;
         color: #990000;
         text-align: center;
    }
     #schnellzugriff {
         position: static;
         margin-top: 0px;
         margin-left: 0px;
    }
     .btn_quickstart {
         display: inline-block;
         width: 50px;
         height: 50px;
         text-align: center;
         vertical-align: middle;
         font-size: 32px;
         color: #FFFFFF;
         background-color: #990000;
         border: 1px solid #990000;
         padding: 7px 6px 6px 6px;
         border-radius: 8px 
    }
     span.tool:hover span.tip {
         width: 50px;
    }
      .navbar {
         position: absolute;
         right: 0;
         top: 0;
         padding-top: 30px;
         padding-right: 5px;
    }
     .main-nav-wrapper {
         min-height: 5px;
    }
     .breadcrumbs li:nth-child(3)::before {
        content: "☰ ";
    }
     .page-wrapper .breadcrumbs ul li {
         font-size: 12px;
         color: #990000;
    }
     .page-wrapper .breadcrumbs ul li a {
         font-size: 12px;
         color: #990000;
    }
}
 @media (max-width: 920px) {
     .main-nav .nav .nav-item.dropdown a {
         font-size: 13px;
         padding-left: 5px;
         padding-right: 5px;
         padding-top: 10px;
         padding-bottom: 10px;
    }
     .main-nav .nav .nav-item .nav-link {
         font-size: 13px;
         padding-left: 5px;
         padding-right: 5px;
         padding-top: 10px;
         padding-bottom: 10px;
    }
}
 @media (max-width: 1023px) {
     .container, .container-sm {
         max-width: 100%;
    }
}
 @media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 95% !important;
    }
}
 @media (min-width: 1200px) {
     .container, .container-lg, .container-md, .container-sm, .container-xl {
       max-width: 80% !important;
    }
}

.btn_quickstart:hover {
    background-color: #c8dca1;
    color: #ffffff;
    border-color: #c8dca1;
}
.btn_quickstart {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}