@charset "UTF-8";
:root {
   --maincolor: #AE011D;

   --bs-nav-link-color: black !important;
   --bs-nav-link-font-size: 1.5rem !important;
   --bs-heading-color: var(--maincolor) !important;

   --bs-link-color-rgb:54,69,79 !important;

   --scrolltop-bg: var(--maincolor) !important;

   --frame-link-color: black !important;

   --bs-breadcrumb-font-size: 0.9rem !important;
}

.frame-background-light {
    --frame-link-color: var(--maincolor) !important;
    --frame-link-hover-color: var(--maincolor) !important;
}


.navbar-mainnavigation {
   --mainnavigation-hightlight:#050505 !important;
}


.timeline {
   --timeline-item-headline-color: var(--maincolor) !important;
}


button.accordion-button:not(.collapsed) {
   --bs-accordion-active-color: var(--maincolor) !important;
   --bs-heading-color: white !important;
   background-color: var(--bs-heading-color) !important;
}


@media (min-width: 992px) {
         --bs-nav-link-color: black !important; 
         --bs-nav-link-hover-color: black !important; 
         --bs-navbar-active-color: black !important;
}


a {
    color: var(--maincolor) !important;
}

a:hover {
    color: #212121 !important;
}

a.nav-link {
   font-size:1.2rem;
}

.frame a[class=""]:hover, .frame a:not([class]):hover {
    color: var(--frame-color) !important;
}

.card a:not(.btn) {
    color: var(--maincolor) !important;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
/*   font-weight:400 !important;*/
}


button.accordion-button {
   font-size: 1.5rem;
   color: var(--bs-heading-color);
   box-shadow: none;
}

button.accordion-button:focus {
   box-shadow: none;
}


.carousel .carousel-content-inner {
    display: block;
    /* height: 100%; */
    /* align-items: center; */
    /*gap: 1rem; */
    /* margin: 0 auto; */
    max-width:99%;
}
  
.carousel-text-inner {
        position: absolute;
        width: 20rem;
        top: 27rem;
  background-color: rgba(255, 255, 255, 0.4);
  padding:1rem;
}
.carousel-text-inner h1 {
  font-size: 3rem;
  color: rgba(0,0,0,1) !important;
}
.carousel-text-inner h2 {
  font-size: 2rem;
  color: rgba(0,0,0,0.8) !important;
}


.frame-inner .grid-container .grid-row {
   display: flex;
   flex-flow: row;
   align-items: stretch;
}

.grid-column {
   flex: 1;
   display: block;
   margin-right: 10px;
   margin-left: 10px;
   padding: 10px;
   box-sizing: border-box;
   width: 100%;
}


@media screen and (max-width: 1024px) {
   .frame-inner .grid-container .grid-row {
      display:block;
   }
   .grid-column {
      margin-right:0;
      margin-left:0;
      padding-right:0;
      padding-left:0;
   }
}

.grid-column-0 {
   margin-left:0;
   padding-left:0;
}


.grid-column-2 {
   margin-right:0;
   padding-right:0;
}


.section-footer-common {
   display: grid;
   grid-template-columns: 25% 25% 25% 25%;
   grid-template-rows: auto;
}

.frame-header > h1,
.frame-header > h2,
.frame-header > h3,
.frame-header > h4 {
   color:white !important;
}

.footer-common-col {
   padding-right:2rem;
}

.footer-common-col.fourth {
   padding-right:0rem;
}

@media screen and (max-width: 1024px) {
   .section-footer-common {
      display: block;
   }

   .footer-common-col {
      padding-right:0rem;
   }
}

.section-footer-common a {
   color: white !important;
}


h2.card-title {
   color: var(--bs-heading-color);
   font-size:1.5rem;
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.25rem !important;
    }
}


.frame-background-light .frame-header > h1,
.frame-background-light .frame-header > h2 {
   color: var(--bs-heading-color) !important;
}

.frame {
   padding-bottom:0rem !important;
}


/*# BEGIN SCROLL TOP #*/

.scroll-top {
   --scrolltop-zindex: 1020;
   --scrolltop-space: 20px;
   --scrolltop-bg: var(--maincolor) !important;
   --scrolltop-color: white;
   --scrolltop-hover-bg: white !important;
/* does not work */
   --scrolltop-hover-color: var(--maincolor) !important;
/* instead: use .scroll-top .scroll-top-icon:hover::before */
   overflow: hidden;
   transition: all 0.3s ease-in-out;
   z-index: var(--scrolltop-zindex);
   background-color: var(--scrolltop-bg);
   color: var(--scrolltop-color);
   bottom: var(--scrolltop-space);
   right: var(--scrolltop-space);
   position: fixed;
   opacity: 0;
   width: 3em;
   height: 3em;
   border-radius: 4px;
}

.scroll-top .scroll-top-icon:before {
   color:white !important;
}

.scroll-top .scroll-top-icon:hover::before {
   color: var(--maincolor) !important;
}

/*# END SCROLL TOP #*/