@font-face {
  font-family: "Avenir";
  src: url("fonts/AvenirLTW01-85Heavy.eot");
  src: url("fonts/AvenirLTW01-85Heavy.eot?#iefix") format("embedded-opentype"),
    url("fonts/AvenirLTW01-85Heavy.woff2") format("woff2"),
    url("fonts/AvenirLTW01-85Heavy.woff") format("woff"),
    url("fonts/AvenirLTW01-85Heavy.ttf") format("truetype"),
    url("fonts/AvenirLTW01-85Heavy.svg#AvenirLTW01-85Heavy") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Avenir";
  src: url("fonts/AvenirLTW01-95Black.eot");
  src: url("fonts/AvenirLTW01-95Black.eot?#iefix") format("embedded-opentype"),
    url("fonts/AvenirLTW01-95Black.woff2") format("woff2"),
    url("fonts/AvenirLTW01-95Black.woff") format("woff"),
    url("fonts/AvenirLTW01-95Black.ttf") format("truetype"),
    url("fonts/AvenirLTW01-95Black.svg#AvenirLTW01-95Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Avenir";
  src: url("fonts/AvenirLTW01-55Roman.eot");
  src: url("fonts/AvenirLTW01-55Roman.eot?#iefix") format("embedded-opentype"),
    url("fonts/AvenirLTW01-55Roman.woff2") format("woff2"),
    url("fonts/AvenirLTW01-55Roman.woff") format("woff"),
    url("fonts/AvenirLTW01-55Roman.ttf") format("truetype"),
    url("fonts/AvenirLTW01-55Roman.svg#AvenirLTW01-55Roman") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Avenir";
  src: url("fonts/AvenirLTW01-65Medium.eot");
  src: url("fonts/AvenirLTW01-65Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/AvenirLTW01-65Medium.woff2") format("woff2"),
    url("fonts/AvenirLTW01-65Medium.woff") format("woff"),
    url("fonts/AvenirLTW01-65Medium.ttf") format("truetype"),
    url("fonts/AvenirLTW01-65Medium.svg#AvenirLTW01-65Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Avenir";
  src: url("fonts/AvenirLTW01-35Light.eot");
  src: url("fonts/AvenirLTW01-35Light.eot?#iefix") format("embedded-opentype"),
    url("fonts/AvenirLTW01-35Light.woff2") format("woff2"),
    url("fonts/AvenirLTW01-35Light.woff") format("woff"),
    url("fonts/AvenirLTW01-35Light.ttf") format("truetype"),
    url("fonts/AvenirLTW01-35Light.svg#AvenirLTW01-35Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Avenir" !important;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Avenir" !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.uk-article-title {
  font-weight: 400;
}

a {
  color: #004495;
  font-family: "Avenir" !important;
}

p, h1, h2, h3, h4, h5, h6, .uk-panel-title {
  color: #6f787b !important;
}


.header-modules, .article-info, .article-ratings-social-share {
	display: none !important;
}

.uk-button,
.btn-primary {
	text-transform: none !important;
  padding: 10px 20px !important;
  color: white !important;
  background: #004495 !important;
	font-size: 15px !important;
	border: none !important;
	
}

.uk-button:hover,
.btn-primary:hover {
  background: #004495 !important;
  color: white !important;
}

.donate-button {
  margin-top: 30px;
  width: 150px;
  font-size: 18px;
  font-weight: 500;
}

.control-group input {
  height: auto;
}

.control-label {
  font-weight: 500 !important;
}


body {
	background: #e8edec;
}

header {
	max-width: 1320px;
  margin: 0 auto;
  margin-top: 40px;
  height: 144px;
	/*border-top: 56px solid #004495;*/
}

footer {
	text-align: left;
	background: white !important;
	max-width: 1320px;
	margin: 0 auto;
	margin-bottom: 40px;
	border-bottom: 55px solid #004495;
}

footer a:hover {
	color: #7d9fa8 !important;
	text-decoration: underline;
}

footer a {
	color: #004495 !important;
}

#sp-footer .container {
	padding: 30px;
}

#sp-footer .container-inner {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

#sp-footer #sp-footer2 {
  text-align: left !important;
}

.swiss-badge-menu {
	margin-right: 10px;
  	width: 35px;
}

.switzerland-img {
	margin-bottom: -85px !important;
  	width: 85px !important;
}

@media screen and (max-width: 1282px){
  .switzerland-img{
margin-bottom: -81px!important;
  width: 24px!important;
  }
}

@media screen and (max-width: 1220px){
  .switzerland-img{
    margin-bottom: -70px!important;
  	width: 46px!important;
  }
}

@media screen and (max-width: 768px){
  .switzerland-img{
    margin-bottom: -13px!important;
    width: 19px!important;
  }
}

.sp-menu-item a, .sp-menu-heading {
	font-size: 20px !important;
  transition: 0.3s ease;
	font-family: "Avenir" !important;
	color: #abb2b3 !important;
}

.sp-menu-item a:hover, .sp-menu-heading:hover {
  transition: 0.3s ease;
	font-family: "Avenir" !important;
	color: #004495 !important;
}

@media screen and (min-width: 1030px) {
	#menu-right .burger-icon{
		display: none;
	}
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after{
	display: none;
}

#sp-main-body .container {
	background: white;
	padding: 30px;
}

#sp-main-body {
  padding: 40px 0;
}

.uk-tab .uk-active a {
	border: none !important;
}

.uk-tab .uk-active a {
  color: #6f787b !important;
}

.uk-tab a {
	font-size: 20px !important;
	text-transform: none !important;
	height: 70px;
}

.uk-scope .uk-tab::before {
  border-bottom: none !important;
}

.uk-tab > li:not(.uk-disabled):not(.uk-active) > a {
  background: #e8edec;
}

.uk-tab > * {
	padding-left: 0px !important;
}

.uk-tab:not(.uk-tab-flip):not(.uk-tab-left):not(.uk-tab-right) > li:nth-child(n+2):not(.uk-tab-responsive) > a {
  	border-bottom: 1px solid rgba(171, 178, 179, 0.25);
	border-left: 1px solid rgba(171, 178, 179, 0.25);
	border-left-width: 1px;
}

.sp-menu-item img {
	width: 30px;
	margin-right: 15px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1320px;
  }
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 1320px;
  }
}

.joms-input--append .joms-icon {
	display: none;
}

@media (max-width: 991px) {
  #sp-header {
    height: 65px;
  }
	
	.body-wrapper {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.uk-tab a {
		font-size: 15px !important;
		text-align: center;
	}
}

.sp-module-title {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 33px;
  font-weight: 300 !important;
  text-transform: none;
  color: #6f787b;
}

@media (max-width: 576px) {
  .logo-image {
    height: 50px;
  }
}

.offcanvas-menu .offcanvas-inner {
  padding: 0px;
}

.offcanvas-inner {
	padding: 30px !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover {
		color: #004495 !important;
	opacity: 1 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #004495 !important;
	opacity: 1 !important;
}

.menu-parent-open a, .menu-parent-open span {
	color: #004495 !important;
	opacity: 1 !important;
}

.offcanvas-menu .swiss-badge-menu {
	display: inline;
}

#sp-menu {
    display: flex;
    align-items: center; 
    justify-content: space-between;
}

.header-image-right {
  margin-left: auto;
  display: inline-block;
  margin-left: 5px;
  margin-top: -27px;
}

.highlighted-link {
	color: #024596 !important;
}

.cf-btn {
  background-color: #004495 !important;
}

.cf-btn:hover {
	opacity: 1 !important;
  background-color: #00316c !important;
}

.language-switcher {
            display: flex;
            gap: 20px;
        }
        .swiss-icon, .globe-icon {
            width: 30px;
            height: 30px;
            cursor: pointer;
            transition: transform 0.2s;
        }
        .swiss-icon:hover, .globe-icon:hover {
            transform: scale(1.1);
        }

/*.header-image-right {
	display: none;
}*/

.donationfields {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
/*
#checkout_heading {
	display: none;
}*/

#donation_form {
	border: none !important;
}

#campaign_3 .campaign-raised-goal {
  border: 1px solid #004495 !important;
}

.menu-toggler::after, .sbjtitle, #rd_amount, .add-on {
	display: none;
}

.subheading {
	width: 100%;
}

#amount {
	min-width: 100%;
}

@media screen and (max-width: 1420px) {
	.sp-menu-item a, #languageSwitcherButton p {
		font-size: 16px !important;
	}
}

@media screen and (max-width: 1220px) {
	.sp-menu-item a, #languageSwitcherButton p {
		font-size: 16px !important;
	}
}

@media screen and (max-width: 1100px) {
	.sp-menu-item a, #languageSwitcherButton p{
		font-size: 15px !important;
	}
}

@media screen and (max-width: 1010px) {
	.sp-menu-item a, #languageSwitcherButton p {
		font-size: 15px !important;
	}
}


.campaigndetailsdonationpage {
	display: none;
}

.about-planet .uk-margin p {
	min-height: 120px !important;
}

.language-switcher {
    position: relative;
    display: inline-block;
}

.language-switcher-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.language-switcher-button img {
    width: 30px;
    height: auto;
	margin-top: -5px;
}

/* Dropdown-Styles */
.language-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: -10px;
  transform: translateX(-50%);
  background-color: white;
  z-index: 1000;
  min-width: 180px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  text-align: left;
  padding: 10px;
}

.language-dropdown a {
    display: block;
    padding: 8px 0;
}

.language-dropdown a img {
    width: 30px;
    height: auto;
    display: inline-block;
	margin-top: -5px;
	margin-right: 5px;
}

@media (hover: hover) and (pointer: fine) {
    .language-switcher:hover .language-dropdown {
        display: block;
    }
}

.language-switcher.active .language-dropdown {
    display: block;
}

@media screen and (max-width: 1030px) {
	#languageSwitcher {
		top: 4px;
		display: none !important;
	}
	
	.language-switcher-button p {
		margin-bottom: 7px !important;
	}
	
}


#offcanvas-toggler {
	margin-top: 4px;
}

.language-switcher.active .language-switcher-button p {
    color: #004495 !important;
}

.language-switcher .language-switcher-button p {
	color: #abb2b3 !important;
}

.offcanvas-menu .language-dropdown {
	display: block;
}


.offcanvas-menu img {
	display: inline-block;
	width: 35px;
	margin-right: 5px;
}

.offcanvas-menu {
	text-align: right !important;
}

#mod-custom179 a {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.offcanvas-inner .sp-module {
	margin-right: 0px !important;
}

.offcanvas-menu a {
	color: #656565 !important;
}

#languageDropdown a {
	color: #656565 !important;
	font-size: 20px;
}

#languageDropdown a:hover {
	color: #004495 !important;
}

.offcanvas-socials {
	position: absolute;
  left: 20px;
  top: 22px;
}

.header-socials {
	margin-left: 20px;
  margin-bottom: -13px;
}


.header-socials img {
	width: 35px;
}

.header-socials a {
	display: inline-block;
}

@media screen and (max-width: 1029px) {
	.header-socials {
		display: none;
	}
}

#menu-right, #sp-menu {
	padding: 0px;
}

.close-offcanvas {
  right: 27px !important;
} 

@media screen and (min-width: 1029px) {
	#sp-menu .header-image-right {
		display: none !important;
	}
}

@media screen and (max-width: 1029px) {
	#sp-menu .header-image-right {
		margin-top: 0px !important;
		margin-left: 20px !important;
	}
}

.joms-list--hellome {
	display: none !important;
}

.jomsocial-anmeldung {
	display: block !important;
}

.joms-hcard__info-content h3 {
	color: white !important;
}

.joms-focus__title h2 {
	color: white !important;
}