/* general variables */
:root {
    --carouselBgColor: #a9251e;
    --white: #ffffff;
    --bulltetPointColor: #a6382b;
    --myNewAccordionActiveColor: #e0adab;
    --FooterBackground: #000000;
}


img.imggesundde{padding-top:6rem;}

.carousel .carousel-content-inner{
  align-items:normal;
  padding-top:1.2rem; 
}
/* all links in rte or footer or nav */
.frame a:not([class]) {
  color: var(--carouselBgColor);
  text-decoration: none;
}
.frame a:not([class]) strong {
  color: var(--white);
}
.frame a:not([class]) strong:hover {
  text-decoration: underline;
}
.frame-inner p a:not([class]) {
  color: var(--carouselBgColor);
  text-decoration: none;
}
.carousel-item-bodytext p a:not([class]){
  color: var(--white);
}
.frame-inner .carousel-item-bodytext p a:not([class]):hover {
  color: var(--white);
  text-decoration: underline;
}
p.text-center a:not([class]) {
  color: var(--carouselBgColor);
  text-decoration: none;
}
.frame-inner p a:not([class]):hover {
  color: var(--carouselBgColor);
}
.footer-section .frame .frame-inner p a:not([class]) {
  color: var(--white);
  text-decoration: none;
}
.footer-section .frame .frame-inner p a:not([class]):hover {
  color: var(--carouselBgColor);
  text-decoration: none;
}
.nav-link-text {
  display: none;
}
/* burger menu */
.navbar-toggler-icon {
  display: none;
}
/* breadcrumb link text */
.breadcrumb-text, a .breadcrumb-text {
  color: var(--carouselBgColor);
}
/* main naivgation */
.nav-link:hover, .nav-link:focus {
  color: var(--carouselBgColor);
}
/* carousel custom settings */
.carousel-content .carousel-content-inner .carousel-text-inner {
    color: var(--white);
    padding: 3px 3px;
    max-width: 490px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 0 0 1rem rgba(0,0,0,0.5);
    width: 80%;
}
@media (max-width: 992px) { 
	 .carousel-content .carousel-content-inner .carousel-text-inner { 
		max-width: 400px;
	 }
 }
 @media (max-width: 576px) { 
	 .carousel-content .carousel-content-inner .carousel-text-inner { 
		width: 90%;
        height: 90%;
	 }
 }

 @media (max-width: 400px) { 
	 .carousel-small .item { 
        height: 348px;
	 }
 }
.carousel-item-type-text {
  background-color: var(--carouselBgColor);
}
/* extra setting for carousel html element to center content */
.carousel-item-type-html .carousel-text-inner {
  margin: 0 auto;
}
/* extra setting for carousel html element to position img left hand side to the headlines */
.img-pos-carousel {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.img-pos-carousel a {
  margin-left: 10px;
  margin-bottom: 6px;
}
.img-pos-carousel a img {
 /* max-width: 100%;
  max-height: 100%;*/
}
.img-pos-whatsapp-carousel {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.img-pos-whatsapp-carousel div a.img-pos-whatsapp-link {
  margin-bottom: 6px;
  color: var(--white);
}
.img-pos-whatsapp-carousel div a.img-pos-whatsapp-link:hover {
  text-decoration: underline;
}
a.img-pos-whatsapp-link {
  color: var(--white);
}
a.img-pos-whatsapp-link:hover {
  text-decoration: underline;
}
.img-pos-whatsapp-carousel a img {
  max-width: 100%;
  max-height: 100%;
  margin-left: 14px;
}
/* adapt visible footer to be better in accessibility */
.footer-list-css {
  display: flex;
}
.footer-list-css li {
  list-style-type: none; 
  margin: 2px;
}
.footer-list-css li a.footer-link-css {
  color: var(--white);
  white-space: nowrap;
  text-decoration: none;
}
.footer-list-css li a.footer-link-css:hover {
  color: var(--carouselBgColor);
}

/* footer */
#page-footer section.footer-section-meta {
  display: none;
}
.footer-section-content-column-middle{
background-color: var(--FooterBackgroundFooterBackground);
  
}

.carousel-item-header{padding-top:2rem;}

/* rezeptinformationen */
#c57 {
  position:fixed;
  top: 158px;
}
@media (max-width: 992px) { 
	 #c57 { 
		position: relative;
        top: 0;
	 }
 }
.accordion .accordion-header{
  --bs-accordion-active-bg: var(--myNewAccordionActiveColor);
}
.accordion-button:focus {
    z-index: 3;
    outline: 0;
    /* box-shadow: 0 0 0 0.25rem rgba(87, 119, 96, 0.25); */
    box-shadow: 0 0 0 0.25rem rgba(119, 87, 87, 0.25);
}
/* nav item hover color */
#nav-item-15 {
  --mainnavigation-hightlight: var(--myNewAccordionActiveColor);
}