@import url("/customFiles/css/widget-nav-menu.min.css");
@import url("/customFiles/css/frontend-lite.min.css");


@font-face {
    font-family: "Roboto Condensed";
    url("/customFiles/fonts/RobotoCondensed-Regular") format("truetype"),
}


*:not(i,.fa-solid, .fa-regular) {
    font-family: Roboto Condensed, Arial !important;
}


:root {
    --header-height: 101px;
    --header-inner-height: 70px;
    --nav-width: 68px;
    --nav-open-padding: 200px;
}

.nav_logo img  {
	width: 300px;		
}

h1, h2 {
	color: #E76F00 /* das Currenta Orange */
	
}

.ecadia-folder-card .card-body {
	background-color: #e76f00; /* das Currenta-Orange */
}

/* Produktschablone, die einzelnen Felder */
.contentDiv {
    box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.1);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 10px;
	background-color: white;
}

.dataDetails > .row>* {
	padding-left: 0;
}

/* der Menü-Text */
a.elementor-item.elementor-item-active, a.elementor-item:hover  {
	color: #E76F00 !important; /* das Currenta Orange */
}

/* der Unterstreichungsstrich im Menü */
a.elementor-item.elementor-item-active::after, a.elementor-item:hover::after {
    background-color: #E76F00;
}

.elementor-nav-menu__align-right .elementor-nav-menu {
    margin: auto;
    /* justify-content: flex-start; */
}

/* Veranstaltungs Accordion Padding */
.dataDetails .accordion-button {
	padding: 1em;
}

#ProduktKatalog #accordionEvents .accordion-button {
	box-shadow: none;
}   

/* "Pfeil" nach dem Text Ausblenden im Event Akkordeon */
#accordionEvents .accordion-button::after {
	color: black;
	background-color: white; /* #e76f00a6 */
	
}
.accordion-button span {
	color: black !important;
}

/* Ampelanzeige unf Fördermöglichkeit */
#accordionEvents .traffic-light-tooltip {
	margin-left: 10px; /* mehr Abstand vom Punkt zum text */
}

.eventDetailsArea {
	padding: 0.5em;
}

.catalogDataBox {
	background-color: rgb(216, 216, 216); /*white */
	padding: 0.5em;
	margin-bottom: 1em;
}

#accordionEvents button {
	background-color: #E76F00 !important; /* #E76F00#e76f00a6das Currenta Orange */
	/*border: 1px solid black;*/
	margin-bottom: 0.5em;
}

.event-list > li {
	padding: 0.5em;
}

.PriceListTable td {
	padding-right: 2em;
}

#MobilepopupLogon_ButtonssoButton {
	background-color: #E76F00 !important; /* das Currenta Orange */
	color: white;
}

.catalogDataBox ol {
	padding-left: 2em;
}

.fc-icon.fc-icon-chevron-left::before {
	    content: "<";
}

.fc-icon.fc-icon-chevron-right::before {
	    content: ">";
}

/* Landing Page ----------------------------------------------------------------- */
/* ohne das negative margin-top ist unterhalb des Headers ein leerer Platz */
.container:has(.cur-homepage) {
    max-width: none;
	width: 100%;
	margin-top: -1.7cm !important;
}
.cur-homepage-content {
	text-align: center;
	width: 100%;	
	max-width: none;
	font-size: 36pt;
	font-weight: bold;
	color: white;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .cur-homepage-content {
    font-size: 24pt;
  }
  .cur-homepage-text {
	display: none;
  }
}

.cur-homepage-header,
.cur-homepage-text {
	padding: 12px;
	/*-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; */
}

.cur-homepage-header {
	position: fixed;
	width: 100%;
	/*height: 220px;*/
	height: fit-content;
	background-color: #e76f00b5 !important;
	left: 0%;
    right: -2.5%;
	top: 24%;
	padding-left: 4%;
	padding-right: 4%;
}

@media only screen and (max-width: 1000px) {
  /* For mobile phones: */
  .cur-homepage-header {
    top: 10%;
  }
}

#multiCarousel {
	position: fixed;
	left: -2.5%;
	right: -2.5%;
}

/* Großes Suchfeld auf der Landing page */
.cur-search-bar-home {
	position: fixed;
	top: 52%;
	width: 33%;
	z-index: 99;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1920px) {
  .cur-search-bar-home {
    top: 62%;
  }
}

@media only screen and (max-width: 1000px) {
  /* For mobile phones: */
  .cur-search-bar-home {
    top: 40%;
  }
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .cur-search-bar-home {
    position: static !important;
	  /*top: 10%;*/
	left: 0;
	width: 100%;
	transform: unset;
  }
}

/*.cur-search-container {
	position: fixed;
	height: 25px;
	width: 30%;
	max-width: 30%;
	z-index: 99;
	top: 52%;
	margin-left: auto;
	margin-right: auto;
	left: 10%;
	right: 0;
}*/

.carousel-multi .carousel-inner img {
	padding: 0 !important;
	min-width: 100% !important;
}

.carousel-multi .carousel-item {
	/*transition: none;*/
	min-width: 100% !important;
}

.ecadia-folder-card .ecadia-count-circle {
	display: none;
}

/* Kachel-Menü auf der Startseite */
.cur-landingpage-explorer {
	position: absolute;
	width: 56% !important;
	z-index: 99;
	top: 100%;
	margin: auto;
	left: 0;
	right: 0;
}

@media only screen and (max-width: 1920px) {
  /* For mobile phones: */
  .cur-landingpage-explorer {
    width: 80% !important;
  }
}

@media only screen and (max-width: 1200px) {
  /* For mobile phones: */
  .cur-landingpage-explorer {
    width: 100% !important;
  }
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .cur-landingpage-explorer,
  .cur-search-container,
  .cur-homepage-header,
  #multiCarousel
  {
    position: static;
	left: 0;
	right: 0;
  }
}

.cur-btn-catalog-container {
	position: fixed;
	width: fit-content;
	top: 78%;
	left: 50%;
	margin: auto;
	left: 0;
	right: 0;
}

/* Footer */
#footer-ecadia {
	position: relative;
	background-color: white;
	width: 100%;
	z-index: 99;
	top: 400px;
}

.footer-copyright {
	display: none;
}

/* die Ordner im Explorer sollen zentriert werden, #612  */
#folderCardsAreaExplorer {
    justify-content: center !important; /* macht das selbe wie die Klasse justify-content-center" */
}



.mobileWidget.mobile-list .list-group-item .img-thumbnail.font-icon:before {
	color: black !important;
}

#accordionEvents .accordion-item {
	margin-bottom: 1em;
}

#accordionEvents .accordion-item .accordion-button {
    color: var(--color-text-quaternary) !important;
    background-color: var(--color-bg-quaternary) !important;
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

#accordionEvents .accordion-item .accordion-button:hover {
    color: var(--color-text-quaternary-hover) !important;
    background-color: var(--color-bg-quaternary-hover) !important;
}


/* beim hover für h5 aber die hover-Farbe und nicht die header-Farbe nehmen */
.list-group-item:hover h5, .list-group-item:hover .h5  {
	color: var(--color-header-quaternary-hover);
}

.mobileWidget.mobile-list .list-group-item .img-thumbnail.font-icon {
    background-color:  var(--color-bg-body);
    color: var(--color-text) !important; /* auch bei hover in dieser Farbe bleiben */
}

.btn {
    color: var(--color-text-quaternary) !important;
    background-color: var(--color-bg-quaternary) !important;	
}

.btn:hover {
   color: var(--color-text-quaternary-hover) !important;
    background-color: var(--color-bg-quaternary-hover) !important;
}

/* News Seite */
#MobilenewsTickerCarousel_CarouselWidgetnewsTickerCarousel .card-body {
	display: none;
}
#MobilenewsTickerCarousel_CarouselWidgetnewsTickerCarousel .card-footer {
	background-color: #E76F00 !important;
	color: var(--color-text-primary);
	font-weight: bold;
}
#MobilenewsTickerCarousel_CarouselWidgetnewsTickerCarousel .card-footer span {
	opacity: unset;
}
@media (min-width: 768px) {
    #MobilenewsTickerCarousel_CarouselWidgetnewsTickerCarousel .embla__slide {
        flex: 0 0 calc(50% - 0.67em) !important;
        margin-right: 1em;
    }
}

/* dieses h3 printed das Widget jeweils dazu - beim FAQ passt das aber nicht so gut */
.faqTab > h3 {
	display: none;	
}

.dashboard-tile--inner .tile-title  {
	color: #e76f00; /* Cuttenta orange */
}

.list-item-no-link {
   	background-color: var(--color-bg-quaternary); /* weil sonst der --color-bg-quaternary-hover genommen wird, der massig orange wirkt */
}