/*-----------------------------------------------------------------------------
URL      : www.sihl4.ch
File     : default.css
Name     : Christoph Bommer 
Date     : 30.10.2025
Bemerkung: basiert auf UI-Kit
/*---------------------------------------------------------------------------*/

/* Allgemeine Definitionen --------------------------------------------------*/

.uk-heading,
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Rotis Sans Serif Std', sans-serif;
}

html {
  font-family: 'Rotis Sans Serif Std', "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: #444;
  font-weight: 400;
  line-height: 1.5625;
  letter-spacing: normal;
  font-size: 18px;
}

/* SEO H1 Titel -------------------------------------------------------------*/

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Menu ---------------------------------------------------------------------*/

.boc-menu {
    background-color: #e0e0e0 !important;
    /* Schatten unterhalb des Menus
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    */
}
.boc-menu a {
text-decoration: none !important;
}

.boc-menu a:hover {
  color: #FFF !important;
  background-color: #0B3885  !important;
}

.uk-offcanvas-bar {
  display: flex;
  flex-direction: column;
  align-items: center; /* Zentriert die direkten untergeordneten Elemente (Logo, ul) */
  width: 100% !important;
  height: 100vh; /* Nimmt die volle Höhe des Viewports ein */
  padding-top: 30px;
  background-color: #e0e0e0; /* Farbe des Aufklapp-Menus */
  color: #333;
  position: relative;
  overflow: hidden;
  text-align: center; /* Zentriert Inline-Inhalt der untergeordneten Elemente */
}

.uk-nav-offcanvas {
  width: 100%;
  text-align: center; /* Zentriert den Text innerhalb des ul */
}

.uk-nav-offcanvas li {
  position: relative;
  width: 100%; /* Nimmt die volle Breite des ul ein */
}

.uk-nav-offcanvas li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 123, 255, 0.1);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: -1;
}

.uk-nav-offcanvas a {
  font-size: 1.5rem;
  padding: 15px 0;
  display: block; /* Macht die Links zu Block-Elementen, um die volle Breite zu nutzen */
  color: #333;
  position: relative;
  z-index: 1;
  text-align: center; /* Zentriert den Text innerhalb des a */
}

#offcanvas-usage .uk-nav-offcanvas a { /* Spezifischer Selektor */
  font-size: 1.5rem;
  padding: 15px 0;
  display: block;
  color: #FFF;
  position: relative;
  z-index: 1;
  text-align: center !important; /* !important zur Not */
}

/* UL - LI ------------------------------------------------------------------*/
.boc-margin {
  margin-top: 0px !important;
}

.boc-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.boc-list li {
  display: flex;
  align-items: flex-start;  /* Ensures the icon stays at the top */
  margin-bottom: 10px;
  line-height: 1.5;
}

.boc-li {
  color: #E5007D;
  margin-right: 10px;
  display: inline-block;
  font-size: 1.2em;
  vertical-align: top;  /* Keeps the icon aligned to the top of the text */
}

.boc-text {
  display: inline-block;
  white-space: normal;  /* Ensures the text wraps normally */
}

/*---------------------------------------------------------------------------*/
.boc-block {
  padding-left: 0.5%;
}

.imgsize {
  width: 60%;
  max-width: 220px;
  height: auto;
}

.index-icon {
  color: #E5007D;
}

.team-member-item {
	max-width: 320px;
}

.team-member-item .cover-image {
	height: 350px;
}

.boc-aboutus {
  padding-bottom: 0px;
}

.boc-kontakt {
  padding-bottom: 0px;
}

.boc-map {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
}

.boc-text-l {
  font-family: 'Rotis Sans Serif Std', "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 12.6px;;
  font-size: 37px;
}

.boc-text-m {
  font-family: 'Rotis Sans Serif Std', "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #fff;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 10px;
  font-size: 30px;
}

.boc-text-s {
  font-family: 'Rotis Sans Serif Std', "Lato", Sans-serif;
  color: #fff;
  font-weight: 400;
  line-height: 1.66em;
  font-size: 18px;
}

.boc-overlay {
  background-color: #0B3885;
  background-blend-mode: multiply;
}

.boc-contact {
  padding-top: 15px;
  padding-bottom: 15px;
}

.boc-impressum {
  color: #7c7c7c;
  text-align: center !important;
}

/* Link colors---------------------------------------------------------------*/
a,
.uk-link {
  color: #000;
  text-decoration: underline;
  text-decoration-color: #0B3885;
  text-decoration-thickness: 2px;
  cursor: pointer;
}
a:hover,
.uk-link:hover {
  color: #FFF;
  background-color: #0B3885;
  text-decoration: none;
}


.boc-find a,
.uk-link {
  color: #FFF;
  text-decoration: underline;
  text-decoration-color: #0B3885;
  text-decoration-thickness: 2px;
  cursor: pointer;
}
.boc-find a:hover,
.uk-link:hover {
  color: #7c7c7c;
  background-color: #0B3885;
  text-decoration: none;
}

.boc-find2 {
  padding: 25px;
}

/* Footer -------------------------------------------------------------------*/
.boc-footer {
  color: #dcdcdc;
  background-color: #2a2a2a;
  border-top: 1px solid #444444;
  padding: 25px;
}

/*---------------------------------------------------------------------------*/
/* no code beyond this line                                                  */