body
{font-family: 'Raleway'; }
h1,h2,h3,h4,h5,h6 {font-family: 'Raleway'; color:#006FB3;}




/* SCHRIFTARTEN-EINBETTUNG LOKAL */

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* HEADER-BALKEN */

.sp-page-builder .page-content #section-id-1737647862298 {
   box-shadow: 0px 0px 7px 0px  hsla(300,15%,25%,0.3) !important; 
   background-color: #F7F7F7;
}




/* Inhalte zentriert ausrichten */
.container {
  display: grid;
  place-items: center; /* Kombiniert sowohl vertikale als auch horizontale Zentrierung */
  height: 100vh;
}







/* HEADER-CLEAR AUF STARTSEITE */
.sp-page-builder .page-content #section-id-1737970860216 {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}


/* ÜBERSCHRIFTEN */
h1 {font-size: 26px; font-weight: 700; }
h2 {font-size: 24px; font-weight: 700; }
h3 {font-size: 22px; font-weight: 700; }
h4 {font-size: 20px; font-weight: 700; }
h5 {font-size: 20px; font-weight: 700; color: #FFFFFF !important; }
h6 {font-size: 20px; font-weight: 700; color: #006FB3 !important; margin-top:30px}
 
/* AUFZÄHLUNGSZEICHEN */
.hook {
	list-style: none;
	padding-left: 25px;
	list-style-image:url(../../../images/ul.jpg) }
	
.hookred {
  position: relative;
  padding-left: 25px;
  list-style: none; /* Entfernt die standardmäßigen Aufzählungspunkte */
  line-height: 2; /* Hier kannst du den Zeilenabstand anpassen */
}

.hookred li {
  position: relative; /* Um die Position des Bildes zu kontrollieren */
} 

.hookred li::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 15px; /* Setzt das Bild vertikal in die Mitte */
  transform: translateY(-50%); /* Korrigiert die vertikale Position */
  width: 30px; /* Die Breite des Haken-Bildes anpassen */
  height: 30px; /* Die Höhe des Haken-Bildes anpassen */
  background-image: url(../../../images/ul-rot.png); /* Deine Grafik */
  background-size: contain; /* Sorgt dafür, dass die Grafik im Container bleibt */
  background-repeat: no-repeat; /* Verhindert Wiederholung des Hintergrunds */
}


/* LINKS IM FOOTER */
#sp-footer a, #sp-bottom a {
  color: #FFFFFF !important;
}

#sp-footer a:hover, #sp-bottom a:hover {
  color: #006FB3 !important;
}


/* FOOTER BORDER AUSSCHALTEN */
#sp-footer .container-inner {
  border-top: 0px;
}