.elementor-kit-15{--e-global-color-primary:#000000;--e-global-color-secondary:#E94D23;--e-global-color-text:#000000;--e-global-color-accent:#F7A604;--e-global-color-93bdbbd:#70B4E3;--e-global-color-aa1c890:#21B685;--e-global-color-06ee46f:#481F68;--e-global-color-e3230e1:#005BA2;--e-global-color-46465bc:#FFFFFF;--e-global-color-d6ac1f9:#EFEFEF;--e-global-color-7af9ab2:#FFFFFF00;--e-global-typography-primary-font-family:"Basis Grotesque";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Basis Grotesque";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Basis Grotesque";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Basis Grotesque";--e-global-typography-accent-font-weight:500;--e-global-typography-d964273-font-family:"Basis Grotesque";--e-global-typography-d964273-font-size:1.1rem;--e-global-typography-d964273-font-weight:900;--e-global-typography-d964273-text-transform:uppercase;--e-global-typography-d964273-letter-spacing:0.05em;--e-global-typography-b07a04c-font-family:"Knockout-46-Solafrica";--e-global-typography-b07a04c-font-size:7.5rem;--e-global-typography-b07a04c-font-weight:500;--e-global-typography-b07a04c-text-transform:uppercase;--e-global-typography-b07a04c-line-height:0.8em;--e-global-typography-8a2c38c-font-family:"Basis Grotesque";--e-global-typography-8a2c38c-font-size:1.6rem;--e-global-typography-8a2c38c-font-weight:500;--e-global-typography-8a2c38c-line-height:1.2em;--e-global-typography-1d91d98-font-family:"Knockout-46-Solafrica";--e-global-typography-1d91d98-font-size:6rem;--e-global-typography-1d91d98-font-weight:500;--e-global-typography-1d91d98-text-transform:uppercase;--e-global-typography-1d91d98-line-height:0.8em;--e-global-typography-056fde5-font-family:"Basis Grotesque";--e-global-typography-056fde5-font-size:1.6rem;--e-global-typography-056fde5-font-weight:900;--e-global-typography-056fde5-text-transform:uppercase;--e-global-typography-056fde5-line-height:1.2em;--e-global-typography-f25660e-font-family:"Knockout-46-Solafrica";--e-global-typography-f25660e-font-size:6vw;--e-global-typography-f25660e-font-weight:500;--e-global-typography-f25660e-text-transform:uppercase;--e-global-typography-f25660e-line-height:0.8em;--e-global-typography-af462c1-font-family:"Basis Grotesque";--e-global-typography-af462c1-font-size:1.3rem;--e-global-typography-af462c1-font-weight:900;--e-global-typography-af462c1-line-height:1.3em;--e-global-typography-19c04e2-font-family:"Basis Grotesque";--e-global-typography-19c04e2-font-size:1.3rem;--e-global-typography-19c04e2-font-weight:500;--e-global-typography-19c04e2-line-height:1.3em;--e-global-typography-47f76dd-font-family:"Basis Grotesque";--e-global-typography-47f76dd-font-size:1.1rem;--e-global-typography-47f76dd-font-weight:500;--e-global-typography-47f76dd-line-height:1.2em;--e-global-typography-7d0acde-font-family:"Basis Grotesque";--e-global-typography-7d0acde-font-size:1.6rem;--e-global-typography-7d0acde-font-weight:900;--e-global-typography-7d0acde-line-height:1.2em;--e-global-typography-1f77c95-font-family:"Basis Grotesque";--e-global-typography-1f77c95-font-size:1.3rem;--e-global-typography-1f77c95-font-weight:900;--e-global-typography-4b7794c-font-family:"Knockout-46-Solafrica";--e-global-typography-4b7794c-font-size:3rem;--e-global-typography-4b7794c-font-weight:500;--e-global-typography-4b7794c-text-transform:uppercase;--e-global-typography-4b7794c-line-height:0.8em;--e-global-typography-0140a9b-font-family:"Basis Grotesque";--e-global-typography-0140a9b-font-size:1.1rem;--e-global-typography-0140a9b-font-weight:900;--e-global-typography-0140a9b-text-transform:uppercase;--e-global-typography-0140a9b-letter-spacing:0.2px;--e-global-typography-db80390-font-family:"Basis Grotesque";--e-global-typography-db80390-font-size:2.5rem;--e-global-typography-db80390-font-weight:900;--e-global-typography-db80390-line-height:3rem;--e-global-typography-f68c012-font-family:"Basis Grotesque";--e-global-typography-f68c012-font-weight:900;--e-global-typography-5bb55b2-font-family:"Basis Grotesque";--e-global-typography-5bb55b2-font-size:1.5rem;--e-global-typography-5bb55b2-font-weight:900;--e-global-typography-5bb55b2-text-transform:uppercase;--e-global-typography-5bb55b2-letter-spacing:0.7px;--e-global-typography-1cd441a-font-family:"Basis Grotesque";--e-global-typography-1cd441a-font-size:2.5rem;--e-global-typography-1cd441a-font-weight:900;--e-global-typography-1cd441a-line-height:3rem;font-weight:500;}.elementor-kit-15 e-page-transition{background-color:#FFBC7D;}.elementor-kit-15 button,.elementor-kit-15 input[type="button"],.elementor-kit-15 input[type="submit"],.elementor-kit-15 .elementor-button{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-15{--e-global-typography-b07a04c-font-size:5rem;--e-global-typography-1d91d98-font-size:4rem;--e-global-typography-19c04e2-font-size:1.2rem;--e-global-typography-1f77c95-font-size:1.25rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-15{--e-global-typography-b07a04c-font-size:20vw;--e-global-typography-8a2c38c-font-size:1.3em;--e-global-typography-f25660e-font-size:5rem;--e-global-typography-19c04e2-font-size:1.1rem;--e-global-typography-47f76dd-font-size:0.9em;--e-global-typography-1cd441a-font-size:2rem;--e-global-typography-1cd441a-line-height:2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* TEMP page height for dev */

.page-content {
    min-height: 60vh;
}


/*** General settings ***/

body {
	font-family: "Basis Grotesque",sans-serif;

}

b,
strong {
  font-weight: 900;
}


a {
  background-color: transparent;
  text-decoration: underline;
  color: inherit;
}



/* Text only for screenreaders */
.sr-only  {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}



/* Hide content in English */

html[lang="en-US"] .hide-in-english {
  display: none !important;
}


/*** Custom Global Helper Classes ***/


/* Optional Link Styling */

.link-underline a {
    text-decoration: underline;
}

.link-underline a:hover {
    text-decoration-color: var( --e-global-color-aa1c890 );;
}




/* Selectively usage of Knockout Font Family */

.knockout-l {

	font-family: "knockout-46-solafrica", Sans-serif;
	font-weight: 500;
	font-size: 6rem;
	text-transform: uppercase;
	line-height: 0.8em;

}



/* Removing margin bottom on selected paragraphs */

.no-margin p {
  margin-block-end: 0;
}


/* Balancing line breaks, mainly for headlines */

.balance {
    text-wrap: balance;
}

/* Turn on hyphenation selectively */

.hyphens {
    hyphens: auto;
}

/* Hyphenation on Mobile */
@media (max-width: 767px) {
.page-content p {
    hyphens: auto;
}

}

/*** Header ***/


/** Styling WPML Language switcher **/


/* Custom CSS for WPML Language Switcher */

/* Move language switcher to the far right and adjust spacing */
/* Ensure the menu container allows for flex item manipulation */
.elementor-element-48abd943 .elementor-nav-menu__container {
    display: flex; /* Make sure the container is a flex container */
    justify-content: flex-end; /* Push items to the end (right) */
    align-items: center; /* Vertically align items in the center */
}

/* Position language switcher to the far right */
/* We target the specific WPML list items within the main menu */

@media (min-width: 1450px) {


.elementor-nav-menu--main .wpml-ls-menu-item.wpml-ls-first-item {
    margin-left: auto; /* Pushes this item and subsequent ones to the far right */
    padding-left: 6vw; /* Adjust spacing from the previous menu item */
}
}


/* Reduce spacing between individual language options */
/* Target subsequent language items specifically to pull them closer */
.elementor-nav-menu--main .wpml-ls-menu-item.wpml-ls-item + .wpml-ls-menu-item.wpml-ls-item {
    margin-left: -2vw; /* Negative margin to pull them closer, adjust as needed */
}

/* Underline the current language */
.elementor-nav-menu--main .wpml-ls-current-language .elementor-item {
    text-decoration: underline!important;
    text-underline-offset: 8px; /* Adjust this value for the underline's distance from the text */
}



/***
* Shrinking Sticky header, Elementor Container edition
* class: .sticky-header
* This will only work with the Elementor container section
* the header uses additional 3 classes to gain higher CSS specificity and to avoid adding !important
*/
header.sticky-header.e-container.elementor-element {
	--header-height: 88px; 
	--shrink-header-to: 0.6;
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1);
	background-color: rgba(244, 245, 248, 1); 
	--min-height: var(--header-height);
	--transition: background-color var(--transition-timing),
					backdrop-filter var(--transition-timing),
					box-shadow var(--transition-timing),
					min-height var(--transition-timing);
}
header.sticky-header.e-container.elementor-element.elementor-sticky--effects {
	background-color: rgba(244, 245, 248, .8); /* Set your own background color on scroll */
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07); /* Delete this line if you don't want shadow on scroll */
	--min-height: calc( var(--header-height) * var(--shrink-header-to) );
}


header.sticky-header.elementor-sticky--effects {
	background-color: rgba(244, 245, 248, .8);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}


/***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
header.sticky-header .logo img,
header.sticky-header .logo.elementor-widget-theme-site-logo img,
header.sticky-header .logo .elementor-icon svg {
    --logo-height: 3.5em;
    --logo-shrink-to: 0.70;
    height: var(--logo-height);
    transition: height 0.45s cubic-bezier(.4, 0, .2, 1);
}




header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	height: calc(var(--logo-height) * var(--logo-shrink-to));
}
header.sticky-header .logo .elementor-icon svg {
	width: auto;
}

/*** ELementor Customizations ***/

/** General Settings **/

.elementor-widget-text-editor a {
  text-decoration: underline;
  text-underline-offset: 2px; 
  text-decoration-thickness: 1px;
  color: inherit; 
}

.elementor-widget-text-editor a:hover {
  color: var(--e-global-color-secondary); 
  text-decoration: none; 
  transition: color 0.2s ease; 
}


/** News Loop Grid **/

/* Loop Grid Pagination */
.elementor-pagination .page-numbers.current {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

/** Icon Box **/
/* Keep icon and text inline an all screen´sizes */

@media (max-width: 767px) {
  .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    text-align: left !important;
  }

  .elementor-icon-box-icon {
    padding-right: 20px;
    margin-bottom: 0 !important;
  }

  .elementor-icon-box-content {
    text-align: left !important;
  }
}


/** Custom Styling for Certain Sections **/

/* Link Styling in Contact Person sections */

.kontaktperson-wrapper a:hover,
.kontaktperson-wrapper a:active {
    text-decoration: underline;
    text-decoration-color: #fff;
    text-underline-offset: 5px;          /* adjust offset as needed */
}


/* Link Styling in Text Paragraphs on "Team" page  */


.team-wrapper p {
    hyphens: auto!important;
}


.team-wrapper  a {
    text-decoration: underline;
    text-underline-offset: 2px;      
     transition: color 0.3s ease;
}


.team-wrapper  a:hover, .team-wrapper p  a:active  {
    text-decoration: none;
    text-underline-offset: 2px;         
    color: var( --e-global-color-secondary );
}


/*** Custom Classes to Extend Elementor **/

/** Projects Single - Project Details **/

.project-details-wrapper {
}


/* Underline only linked text items */
.project-partners-list  .elementor-icon-list-item a .elementor-icon-list-text {
  text-decoration: underline;
  text-underline-offset: 2px; /* adjust spacing */
}

/* Remove underline on hover (optional, if you prefer) */
.project-partners-list .elementor-icon-list-item a:hover .elementor-icon-list-text {
  text-decoration: none;
}

/* Change text + icon color on hover */
.project-partners-list .elementor-icon-list-item a:hover .elementor-icon-list-text,
.project-partners-list .elementor-icon-list-item a:hover .elementor-icon-list-icon svg {
  color: #000000!important; /* Elementor global variable */
  fill: #000000!important;  /* for SVG paths */
  transition: color 0.3s ease, fill 0.3s ease;
}


/* Smooth transition on default state */
.project-partners-list .elementor-icon-list-item a .elementor-icon-list-text,
.project-partners-list .elementor-icon-list-item a .elementor-icon-list-icon svg {
  transition: color 0.3s ease, fill 0.3s ease;
}

/* Align icon to top line of text */



.elementor-icon-list-item, .elementor-icon-list-item a  {
    align-items: flex-start!important; 
}

.elementor-icon-list-icon {
    margin-top: 3px;
}


/*** WP Forms ***/


/** General Settings **/

:root {
  --wpforms-field-border-radius: 0 !important;
  --wpforms-button-border-radius: 0 !important;
}


/** Newsleter Signup Form **/


/* Submit Button */

#wpforms-submit-143 {

  background-color: #F7A604;
  color: #fff;
  font-weight: 900;
  font-size: 1.2rem;
  text-align: center;
  border: none;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

#wpforms-submit-143:hover, #wpforms-submit-143:active {
  background-color: #481F68;
  color: #ffffff;
}


#wpforms-143 input[type="email"]:focus,
#wpforms-143 input[type="text"]:focus {
border-width: 1px;
  border-style: solid;
  border-color: #F7A604;
  box-shadow: 0 0 0 1px #F7A604,0px 1px 2px rgba(247, 166, 4, 0.15);
  outline: none;

}

/* Success Message */

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: #21B685!important;
  border: 0!important;
  box-sizing: border-box;
}


div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full {
  color: #fff!important;
  margin: 0 auto 24px;
  padding: 15px;
  overflow-wrap: break-word;
  font-weight: 900;
  font-size: 120%!important;
}



div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full a {
    text-decoration: underline;
}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full a:hover, div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full a:active {
    text-decoration: none;
}

 div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full a:active {
    text-decoration: none;
    outline: 1px dotted;
}





/** Contact Form **/

#wpforms-submit-977 {
  background-color: #21B685;
  color: #fff;
  font-weight: 900;
  font-size: 1.2rem;
  text-align: center;
  border: none;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

#wpforms-submit-977:hover, #wpforms-submit-977:active {
  background-color: #481F68;
  color: #ffffff;
}

#wpforms-977 input[type="email"]:focus,
#wpforms-977 input[type="text"]:focus,
#wpforms-977 textarea:focus{
border-width: 1px;
  border-style: solid;
  border-color: #21B685!important;
  box-shadow: 0 0 0 1px #21B685,0px 1px 2px rgba(33, 182, 133, 0.15);
  outline: none;
}

/** Testament  Form **/

#wpforms-submit-3422 {
  background-color: #70B4E3;
  color: #000;
  font-weight: 900;
  font-size: 1.2rem;
  text-align: center;
  border: none;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

#wpforms-submit-3422:hover, #wpforms-submit-977:active {
  background-color: #481F68;
  color: #ffffff;
}

#wpforms-3422 input[type="email"]:focus,
#wpforms-3422 input[type="text"]:focus,
#wpforms-3422 textarea:focus{
border-width: 1px;
  border-style: solid;
  border-color: #70B4E3!important;
  box-shadow: 0 0 0 1px #70B4E3,0px 1px 2px rgba(33, 182, 133, 0.15);
  outline: none;
}



/** Spendenformular Redirect **/

/* Base hiding for radio/checkbox inputs */
#wpforms-328 input[type=radio],
#wpforms-328 input[type=checkbox],
#wpforms-4247 input[type=radio],
#wpforms-4247 input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Radio/checkbox labels */
#wpforms-328 input[type=radio] + label,
#wpforms-328 input[type=checkbox] + label,
#wpforms-4247 input[type=radio] + label,
#wpforms-4247 input[type=checkbox] + label {
    padding: 5px 10px;
    background-color: #fff;
    border-color: #ddd;
    transition: background-color 0.3s ease-in-out;
    border-radius: 0;
    color: #F7A604;
    display: flex;
    align-items: center;
    justify-content: right;
    text-align: right;
}

/* Special label styling for CHF option */
#wpforms-328-field_1-container ul li label:has(:contains("CHF")),
#wpforms-4247-field_1-container ul li label:has(:contains("CHF")) {
    font-size: 2em!important;
}

/* General label styling */
#wpforms-328-field_1-container ul li label,
#wpforms-4247-field_1-container ul li label {
    font-family: "knockout-46-solafrica", sans-serif;
    font-size: 4rem;
    width: 100%;
    line-height: 1;
    hyphens: none;
    min-height: 80px;
}

/* "Other" choice */
#wpforms-328-field_1_4 + label,
#wpforms-4247-field_1_4 + label {
    font-size: 3rem!important; 
}

/* Number field */
#wpforms-328-field_2,
#wpforms-4247-field_2 {
    border: none;
    border-radius: 0;
    min-height: 80px;
    font-family: "knockout-46-solafrica", sans-serif;
    font-size: 3rem;
    line-height: 1;
    padding: 10px;
    width: 100%;
    color: #481F68;
    opacity: 1;
}

#wpforms-328-field_2:focus,
#wpforms-4247-field_2:focus {
    box-shadow: none;
    outline: 3px solid #481F68;
}

/* Checked + hover state */
#wpforms-328 input[type=radio]:checked + label,
#wpforms-328 input[type=checkbox]:checked + label,
#wpforms-4247 input[type=radio]:checked + label,
#wpforms-4247 input[type=checkbox]:checked + label,
#wpforms-328 input[type=radio] + label:hover,
#wpforms-328 input[type=checkbox] + label:hover,
#wpforms-4247 input[type=radio] + label:hover,
#wpforms-4247 input[type=checkbox] + label:hover {
    background-image: none;
    background-color: #481F68;
    color: #ffffff;
    cursor: pointer;
}

/* Reset list margins */
#wpforms-328 ul li,
#wpforms-4247 ul li {
    margin: 0 !important;
}

/* Touch devices */
@media (hover: none) {
  #wpforms-328 input[type=radio] + label:hover,
  #wpforms-328 input[type=checkbox] + label:hover,
  #wpforms-4247 input[type=radio] + label:hover,
  #wpforms-4247 input[type=checkbox] + label:hover,
  #wpforms-328 input[type=radio]:checked + label,
  #wpforms-328 input[type=checkbox]:checked + label,
  #wpforms-4247 input[type=radio]:checked + label,
  #wpforms-4247 input[type=checkbox]:checked + label {
    background-color: #481F68 !important;
    color: #ffffff !important;
  }
}

/* Interval choices */
#wpforms-328-field_3 label,
#wpforms-4247-field_3 label {
    font-weight: 900!important;
}

/* Text wrap */
#wpforms-328-field_5,
#wpforms-4247-field_5 {
    text-wrap: balance;
    font-weight: 900;
}

/*** Inline layout for fields 1 & 2 ***/
@media (min-width: 1000px) { 
  #wpforms-328 .wpforms-field-container,
  #wpforms-4247 .wpforms-field-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
  }

  #wpforms-328-field_1-container,
  #wpforms-4247-field_1-container {
    /* 💡 CHANGE 1: Reverted flex-grow to 0 to prevent stretching */
    flex: 0 0 65%;
    /* 💡 CHANGE 2: Added max-width to limit radio button container size,
       allowing the choices inside to stack properly when the form itself shrinks.
       This is a key part of the fix. */
    max-width: 65%; 
  }

  #wpforms-328-field_2-container,
  #wpforms-4247-field_2-container {
    flex: 0 0 30%;
    align-self: flex-end;
  }
}

/* New media query to drop the 'Other' field below Field 1 between 768px and 999px. */
@media (min-width: 768px) and (max-width: 999px) {
  #wpforms-328-field_1-container,
  #wpforms-4247-field_1-container,
  #wpforms-328-field_2-container,
  #wpforms-4247-field_2-container {
    width: 100% !important;
    display: block !important;
    margin-right: 0 !important;
  }
}

/* Mobile layout */
@media (max-width: 767px) {
  #wpforms-328-field_1-container,
  #wpforms-328-field_2-container,
  #wpforms-4247-field_1-container,
  #wpforms-4247-field_2-container {
    width: 100% !important;
    display: block !important;
    margin-right: 0 !important;
  }
}

/*** Submit Button ***/
#wpforms-submit-328,
#wpforms-submit-4247 {
  background-color: #fff;
  color: #F7A604;
  font-weight: 900;
  font-size: 2rem;
  text-align: center;
  border: none;
  border-radius: 0;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

#wpforms-submit-328:hover, #wpforms-submit-328:active,
#wpforms-submit-4247:hover, #wpforms-submit-4247:active {
  background-color: #481F68;
  color: #ffffff;
}


/* ZEWO badge only inside submit container of these forms */
#wpforms-328 .wpforms-submit-container,
#wpforms-4247 .wpforms-submit-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#wpforms-328 .wpforms-submit-container::after,
#wpforms-4247 .wpforms-submit-container::after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 65px;
  background-image: url("https://solafrica.ch/wp-content/uploads/2025/06/zewo-guetsiegel-white-60x65-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Basis Grotesque';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://solafrica.ch/wp-content/uploads/2025/05/basis-grotesque-medium-pro.woff2') format('woff2'),
		url('https://solafrica.ch/wp-content/uploads/2025/05/basis-grotesque-medium-pro.woff') format('woff'),
		url('https://solafrica.ch/wp-content/uploads/2025/05/basis-grotesque-medium-pro.ttf') format('truetype');
}
@font-face {
	font-family: 'Basis Grotesque';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://solafrica.ch/wp-content/uploads/2025/05/basis-grotesque-medium-italic-pro.woff2') format('woff2'),
		url('https://solafrica.ch/wp-content/uploads/2025/05/basis-grotesque-medium-italic-pro.woff') format('woff'),
		url('https://solafrica.ch/wp-content/uploads/2025/05/basis-grotesque-medium-italic-pro.ttf') format('truetype');
}
@font-face {
	font-family: 'Basis Grotesque';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://solafrica.ch/wp-content/uploads/2025/05/basis-grotesque-black-pro.woff2') format('woff2'),
		url('https://solafrica.ch/wp-content/uploads/2025/05/basis-grotesque-black-pro.woff') format('woff'),
		url('https://solafrica.ch/wp-content/uploads/2025/05/basis-grotesque-black-pro.ttf') format('truetype');
}
@font-face {
	font-family: 'Basis Grotesque';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://solafrica.ch/wp-content/uploads/2025/05/basis-grotesque-black-italic-pro.woff2') format('woff2'),
		url('https://solafrica.ch/wp-content/uploads/2025/05/basis-grotesque-black-italic-pro.woff') format('woff'),
		url('https://solafrica.ch/wp-content/uploads/2025/05/basis-grotesque-black-italic-pro.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Knockout-46-Solafrica';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://solafrica.ch/wp-content/uploads/2025/05/Knockout-46Solafrica.woff2') format('woff2'),
		url('https://solafrica.ch/wp-content/uploads/2025/05/Knockout-46Solafrica.woff') format('woff'),
		url('https://solafrica.ch/wp-content/uploads/2025/05/Knockout-46Solafrica.ttf') format('truetype'),
		url('https://solafrica.ch/wp-content/uploads/2025/05/Knockout-46Solafrica.svg#Knockout-46-Solafrica') format('svg');
}
/* End Custom Fonts CSS */