.site-header.site-header--menu-center.site-header--menu-center-adjustment.site-header--dark.site-header--absolute,
.site-header--dark .nav-link-item,
.hero-section-06__content--btn-group .btn-2,
.cta-section-10,
.breadcrumb-section,
.contactform-section-01__sidebar .title,
.hero-section-06 {
    background: #175cdb !important;


}
.btn-primary-hvr {
   background-image: none;
}
.text-secondary{
    color: #175cdb!important;


}
.bg-light-gray,
.video-section-01 {
  background: rgb(234, 232, 232)
}

.text-dark{
  color: rgb(0,11,51) !important;
}
.contact-form-01--inpute-group .form-control::placeholder,
.service-section-01__card .widget-text,
.footer-widget--info li,.footer-widget--info li a,.copyright-area p,
.content-section-15__card-group .widget-card .widget-text,
.footer-widget--list li a {
  color: rgb(0,11,51);
}

.text-light {
  color: #F4F4F4 !important
}
.blog-card-01__body--content .more-btn,
.blog-card-01__body--meta {
  color: #0e48b3;
}
.blog-card-01__body--content .more-btn svg,
.blog-card-01__body--meta svg {
  fill: #0e48b3;
}

.shariff .theme-white .whatsapp a {
  color: #268814 !important;
  background: #fff;
}
.font-weight-bold {
  font-weight: 700 !important;
}
ul.content-section-18__content--list {
margin: 0;
}
ul.content-section-18__content--list li {
  display: block;
    padding-left: 30px; /* Macht Platz für das Bild */
    margin: 11px 0; /* Fügt etwas Abstand zwischen den Listenelementen hinzu */
    position: relative; /* Ermöglicht die Positionierung des Bildes */
}
ul.content-section-18__content--list li:last-child{
margin: 11px 0; 
}

ul.content-section-18__content--list li::before {
    content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 23px;
  height: 17px;
    background-image: url('../images/check.svg'); /* Ersetze diesen Pfad mit dem Pfad zu deinem Bild */
    background-size: cover; /* Skaliert das Bild, um in den Bereich zu passen */
}
ul.bullet {
  padding: 0;
  margin: 0;
}

ul.bullet li {
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  list-style: none;
  position: relative;
  margin: 11px 0;
  padding-left: 22px;
  color: rgb(0, 11, 51);
}

ul.bullet li::before {
  width: 10px;
  border-radius: 500px;
  height: 10px;
  position: absolute;
  content: "";
  background: #377CFD;
  top: 10px;
  left: 0;
}

ul.unsort {
  list-style: none; /* Entfernt die Standard-Aufzählungszeichen */
  padding: 0; /* Entfernt Standard-Padding */
  margin: 0; /* Entfernt Standard-Margin */
  display: flex; /* Macht die Liste horizontal */
  gap: 0; /* Entfernt den Standard-Abstand zwischen den Elementen */
}

ul.unsort li {
  position: relative; /* Ermöglicht die Positionierung des Trennpunkts */
  padding-right: 10px; /* Gibt etwas Abstand zwischen Text und Trennpunkt */
}

ul.unsort li:not(:last-child)::after {
  content: "|"; /* Fügt den Trennpunkt hinzu */
  position: absolute;
  right: 0; /* Positioniert den Trennpunkt rechts vom Element */
  top: 50%;
  transform: translateY(-50%); /* Zentriert den Trennpunkt vertikal */
}

.content-section-15__content .btn{
border-radius: 3px;
}
.hero-section-06__content--btn-group .btn-list {
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px; /* Abstand zwischen den Listenelementen */
}

.hero-section-06__content--btn-group .btn-list li {
    margin: 0;
}
.btn-primary {
  background-color: #CE1324 !important;
  border-color: #CE1324 !important;
  color: #fff;
}
.contactform-section-01__sidebar {

  box-shadow: 0px 4px 40px rgba(43,89,255,0.3);

}

.contact-form-01--inpute-group .form-control-select {
 
  background: rgba(55,124,253,0.05);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px 30px;
  color: #000b33;
  height: 55px;
}

.contact-form-01--inpute-group .form-control-select.nice-select{
  font-size: 1rem;
  color: rgba(0,11,51,0.8);
}

  h1,.hero-content .title {
  font-size:35px;
}
h2,
.h2 {
  font-size:calc(1.5rem + 3vw);
}
.frame-type-text h1 + p,
.frame-type-text h2 + p,
.frame-type-text h3 + p,
.frame-type-text h4 + p,
.frame-type-text h5 + p,
.legaltext-text-html p + h2,
.legaltext-text-html h2 + p {
    margin-top: 15px;
}
.frame-type-mertendigital_textimage p,
.frame-type-text p,
.legaltext-text-html  p {
    margin-bottom: 10px;
}

.more-btn .visually-hidden span{
background: #fff;
color: #175cdb;
}
.contact-form-01--inpute-group .visually-hidden span{
background: #fff;
color: rgb(0,11,51);
}
.contact-form-01 textarea,
.contact-form-01--inpute-group .form-control,
.contact-form-01--inpute-group .form-control-select {
  border: 1px solid rgba(128,138,142,0.2);
  background: rgb(245, 248, 255);
}

   .ai-indicator {
        background-color: #f0f0f0;
        padding: 10px;
        margin: 10px 0;
        border-left: 4px solid #4285f4;
        display: flex;
        align-items: center;
    }
    .ai-icon {
        margin-right: 10px;
        font-size: 20px;
    }
    .ai-label {
        font-size: 14px;
        color: #555;
    }
    /* CSS für den SEO-Spinner */
.seo-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px; /* Anpassbar nach Bedarf */
    margin: 20px 0;
}

.spinner-circle {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #4285f4; /* Blau für KI-Thema */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Optional: Hinzufügen eines Textes neben dem Spinner */
.seo-spinner::after {
    content: "Analyse läuft...";
    margin-left: 15px;
    font-size: 16px;
    color: #555;
}
@media (min-width:1200px) {
    h2, .h2 {
    font-size: 1.5rem;
  }
}
@media (min-width:768px) {
    h1,.hero-content .title {
    font-size:25px;
  }
}
@media (min-width:992px) {
    h1,.hero-content .title {
    font-size:30px;
  }
}
@media (min-width:1200px) {
    h1,.hero-content .title {
    font-size:40px;
  }
}
@media (min-width:1600px) {
    h1,.hero-content .title {
    font-size:40px;
  }
}

.content-section-15__card-group .col-xl-6:nth-child(1) .widget-card .widget-icon {background:rgba(253,76,92,0.1);}
.content-section-15__card-group .col-xl-6:nth-child(2) .widget-card .widget-icon {background:rgba(0,187,152,0.1);}
.content-section-15__card-group .col-xl-6:nth-child(3) .widget-card .widget-icon {background:rgba(255,200,62,0.1);}
.content-section-15__card-group .col-xl-6:nth-child(4) .widget-card .widget-icon {background:rgba(43,89,255,0.1);}

.pt-8 {
  padding-top: 3.75rem !important;

}

.pt-9 {
  padding-top: 4.375rem !important;

}

.pt-10 {
  padding-top: 5rem !important;

}
.pb-8 {

  padding-bottom: 3.75rem !important;
}

.pb-9 {

  padding-bottom: 4.375rem !important;
}

.pb-10 {

  padding-bottom: 5rem !important;
}

.py-8 {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

.py-9 {
  padding-top: 4.375rem !important;
  padding-bottom: 4.375rem !important;
}

.py-10 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.video-block.ki {
  position: relative;
  display: inline-block;
}

.ki-badge {
  position: absolute;
  bottom: 6px;
  right: 6px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial,sans-serif;
  
  line-height: 1;
}

.ki-badge .badge-text{
  background: rgb(17,24,39);
  color: #fff;
padding: 4px 8px;
  border-radius: 3px 0 0 0;

}


.copyright-area .ki-badge {
  position: relative;

  font-size: 14px;
  font-weight: bold;
  font-family: Arial,sans-serif;
 

  line-height: 1;
}
.copyright-area .ki-badge .badge-text{
  background: rgb(17,24,39);
  color: #fff;
padding: 4px 8px;
  border-radius: 3px;

}

.hero-section-06__image-group > .ki-badge {
  left: 10px;
  right: auto;
  top: 0;
  bottom: auto;
  border-radius: 0 0 3px 3px;
}



/* Responsive Anpassungen */
@media (min-width: 576px) {
    .w-sm-25 {
        width: 25%;
    }
    .w-sm-35 {
        width: 35%;
    }
}

@media (min-width: 768px) {
    .w-md-25 {
        width: 25%;
    }
    .w-md-35 {
        width: 35%;
    }
}

@media (min-width: 992px) {
    .w-lg-25 {
        width: 25%;
    }
    .w-lg-35 {
        width: 35%;
    }
}

@media (min-width: 1200px) {
    .w-xl-25 {
        width: 25%;
    }
    .w-xl-35 {
        width: 35%;
    }
}

@media (min-width: 1400px) {
    .w-xxl-25 {
        width: 25%;
    }
    .w-xxl-35 {
        width: 35%;
    }
}