
:root {
  --primary-color: #3498db; /* Setze hier deine Primärfarbe */
}

body:not(.wp-admin) {
  background-color: #FFFFFF !important;
  padding-top: 80px;
}

body {
  overflow-x: hidden;
}



.elementor-widget-text-editor {
    min-height: auto !important;
}

.new-text-wrap {
	word-wrap: break-word;
}

/* Remove forced 400px min-height from all boxed sections */
.elementor-section.elementor-section-boxed > .elementor-container,
.hero-section {
    min-height: auto !important;
}

a.wp-block-button__link.wp-element-button {
	padding: 5px 15px;
	background: none;
	border: solid #ED4035 2px;
}

a.wp-block-button__link.wp-element-button:hover {
	color: white;
	background: #ED4035;
	border: solid #ED4035 2px;
}

h1.entry-title.uicore-animate {
    overflow-wrap: break-word;
    word-break: break-word;
}

.header-menu {
  background-color: inherit; /* Vererbt die Hintergrundfarbe vom Body */
  transition: background-color 0.3s ease; /* Sanfter Übergang für Hover-Effekt */
}

.uicore-navbar.uicore-sticky {
	position: fixed;
	z-index: 9999;
}

.uicore-navbar nav.uicore ul.sub-menu {
	border-radius: 0px;
}



h5.wp-block-heading {
	border-style: solid;
	border-color: #ED4035;
	border-radius: 16px;
	border-width: 2px;
	padding: 10px 26px;
	font-size: 14px !important;
	font-weight: 600 !important;
}
h5.wp-block-heading:hover {
	background: #ED4035;
	color: #FFFFFF !important;
}
h5.wp-block-heading a:hover {
	color: white !important;
}

.header-menu:hover {
  background-color: var(--primary-color); /* Ändert die Hintergrundfarbe bei Hover auf die Primärfarbe */
}

a.bdt-ep-advanced-icon-box-readmore.bdt-display-inline-block {
	position: absolute;
	width: 70%;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%)
}

/* Desktop and tablet sizes */
.icon-box-height {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.icon-box-height .ui-e-ico-box {
    flex: 1 1 300px;
    min-height: auto /* 500px */;
}

.section-sticky-features {
    position: -webkit-sticky; /* Safari support */
    position: sticky;
    top: 0px;
    z-index: 10;
    background-color: #fff;
    
	overflow: visible !important;
}

.bdt-tab {
	justify-content: center;
}

.uicore-zoom-wrapper:hover .uicore-cover-img,
.uicore-zoom-wrapper .uicore-cover-img {
    transform: none !important;  /* Remove any scaling */
    background-size: cover !important;  /* Ensure the image size is consistent */
}

.uicore-zoom-wrapper:hover {
    transform: none !important;  /* Also reset any potential scaling on hover at the parent level */
}

.uicore-zoom-wrapper {
    transform: none !important;  /* Reset any initial scaling */
}

#footer p:hover {
	color: red;
}

@media (min-width: 1024px) {
    .uicore-page-title.elementor-section > .uicore {
        padding: 100px 0 40px 0 !important; /* oben 100px, unten 40px */
    }
}

@media (max-width: 767px) {
  .single-post .uicore-single-header h1.entry-title {
    font-size: 1.875rem; /* 30px */
    line-height: 1.2;
  }
}

/* Tablet adjustments */
@media (max-width: 768px) {
    .icon-box-height .ui-e-ico-box {
        flex: 1 1 100%; /* Take full width on smaller screens */
        min-height: 250px; /* Reduce height for tablets */
    }
}

@media (max-width: 1025px) {
  .uicore-mobile-menu-wrapper .uicore-custom-area,
  .uicore-mobile-menu-wrapper .uicore-hca,
  .uicore-mobile-menu-wrapper .uicore-hca .wp-block-buttons,
  .uicore-mobile-menu-wrapper .uicore-hca .wp-block-button.login-button {
    display: block !important;
    width: 100% !important;
  }

  .uicore-mobile-menu-wrapper .uicore-hca a.wp-block-button__link.wp-element-button {
    display: block !important;
    width: 88% !important;
    text-align: center;
    box-sizing: border-box;
    margin: 0 auto !important;
    font-family: "Open Sans","Open Sans Fallback", sans-serif !important;
		font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: none !important;
  }
}


/* Mobile adjustments */
@media (max-width: 480px) {
	
    .icon-box-height .ui-e-ico-box {
        flex: 1 1 100%; /* Full width for mobile */
        min-height: 200px; /* Even smaller height for mobile */
    }
	.uicore-branding {
		padding-right: 0px !important;
	}
	.bdt-tab {
		display: block;
	}
	.bdt-tabs-item {
		margin-bottom: 10px;
	}
	
	.ui-e-ico-box .ui-e-readmore {
    display: inline-block; /* Ensures the button width matches its content */
    margin: 0 auto; /* Centers the button horizontally */
    position: relative; /* Ensures proper positioning */
}
.ui-e-ico-box .ui-e-box-content {
    display: flex; /* Allows aligning specific children */
    justify-content: center; /* Centers specific children horizontally */
    flex-direction: column; /* Keeps content in a vertical flow */
}

.ui-e-ico-box .ui-e-title-wrp,
.ui-e-ico-box .ui-e-description {
    text-align: left; /* Keeps title and description aligned to the left */
}
	
	.ui-e-description ul{
		padding-left: 0px;
	}
	
	.elementor-widget-container .elementor-button-wrapper a.elementor-button[href="#features"] {
        display: none; /* Hides the specific element */
    }
	
	h3.ui-e-title {
		text-align: center;
	}

}


.blogpost-button {
  background-color: #E54A2F; /* leuchtendes Rot, ähnlich dem Bild */
  color: white !important;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  padding: 0.75em 2em;
  display: inline-block;
  border-radius: 999px; /* für starke Abrundung */
  font-size: 14px;
  border: none;
  transition: none;
  text-align: center;
	margin-top: 1rem; /* oder z. B. 16px */
}

.blogpost-button:hover {
  background-color: #E54A2F; /* kein Hover-Effekt */
  color: white !important;
}

/* Stil für WordPress-Tabellen */
.wp-block-table {
  overflow-x: auto;
  margin-bottom: 2rem;
}

.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  border: 1px solid #ddd; /* äußerer Rahmen */
}

/* Tabellenkopf */
.wp-block-table thead {
  background-color: #f2f2f2;
}

/* Zellen mit sichtbarem Rand */
.wp-block-table th,
.wp-block-table td {
  padding: 0.75em 1em;
  border: 1px solid #ddd;
  border-left: 1px solid #ddd; /* explizit: linker Rand */
  text-align: left;
}

/* Farben & Text */
.wp-block-table th {
  font-weight: 600;
  color: #333;
  background-color: #fafafa;
}

.wp-block-table td {
  color: #444;
}

/* Zebra-Streifen für Lesbarkeit */
.wp-block-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Mobile Optimierung */

@media (max-width: 767px) {
  .mobile-center {
    text-align: center;
  }
}


@media (max-width: 600px) {
  .wp-block-table {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

  .wp-block-table table {
    min-width: 600px;
  }
}

.single-post h1 {
  font-size: 2.5rem;         /* ~40px */
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: #1a1a1a;
}

.single-post h2 {
  font-size: 2rem;           /* ~32px */
  font-weight: 600;
  line-height: 1.3;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  color: #333;            /* Optional: Markenfarbe */
}

.single-post h3 {
  font-size: 1.5rem;         /* ~24px */
  font-weight: 600;
  line-height: 1.4;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  color: #333;
}

.single-post h4 {
  font-size: 1.25rem;        /* ~20px */
  font-weight: 500;
  line-height: 1.5;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  color: #444;
}

.single-post h5 {
  font-size: 1.1rem;         /* ~18px */
  font-weight: 500;
  line-height: 1.5;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  color: #555;
}

/* Optional: Etwas Abstand nach jeder Überschrift */
.single-post h1,
.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5 {
  scroll-margin-top: 100px; /* für Anker-Links */
}

@media (max-width: 768px) {
  .single-post h1 { font-size: 1.8rem; }
  .single-post h2 { font-size: 1.6rem; }
  .single-post h3 { font-size: 1.4rem; }
  .single-post h4 { font-size: 1.2rem; }
  .single-post h5 { font-size: 1.05rem; }
	
}
.uicore-hca .wp-block-buttons .wp-block-button__link { font-size: 14px !important; }


@media (min-width: 1025px) { .elementor-element-18beb02 { min-height: 691px !important; } }

