/*
@font-face{
    font-family:"CB Sans W00 Bold";
    src:url("../fonts/6203284/6603ac4e-c5cb-4c6a-99a9-3305b8a57d80.woff2") format("woff2"),url("../fonts/6203284/b30e3513-7d0f-420a-a90a-403c77a2c594.woff") format("woff");
}
@font-face{
    font-family:"CB Sans W00 Light";
    src:url("../fonts/6203242/16638511-b98c-4ae0-a0bb-740892a52b37.woff2") format("woff2"),url("../fonts/6203242/96ef4f09-9805-46e3-8d9c-1bc48abc2cf4.woff") format("woff");
}
*/

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Helvetica Pro Bold by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry

 * Webfont: Helvetica Pro Light by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry

 * Webfont: Helvetica Pro Roman by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry
 
 * © 2025 MyFonts Inc. */
  
@font-face {
  font-family: "HelveticaProBold";
  src: url('../fonts/HelveticaProBold/font.woff2') format('woff2'), url('../fonts/HelveticaProBold/font.woff') format('woff');
}
@font-face {
  font-family: "HelveticaProLight";
  src: url('../fonts/HelveticaProLight/font.woff2') format('woff2'), url('../fonts/HelveticaProLight/font.woff') format('woff');
}
@font-face {
  font-family: "HelveticaProRoman";
  src: url('../fonts/HelveticaProRoman/font.woff2') format('woff2'), url('../fonts/HelveticaProRoman/font.woff') format('woff');
}


header .lang-nav {
	display: inline-block;
	margin-left: 40px;
	color: #787878;
	position: absolute;
	top:95px;
	right: 190px;	
	float: left;
	
}
.q-and-a .question {
	margin-bottom: 1rem;
	font-family: bitter!important;
}
header .lang-nav a {
	color: #787878;
	  text-decoration: none;
	  font-size: 22px
}
:root {
    --oranj: #f39200;
    --grun: #86b35e;
    --grau: #706e6f;
    --rot: #cf593f;

   /* --cb-bold: "CB Sans W00 Light";
    --cb-light: "CB Sans W00 Bold"; */
		
	--cb-light: "HelveticaProLight";
    --cb-bold: "HelveticaProBold"; 
}

html {font-family: var(--cb-light), sans-serif;}



.main-header .logo {width: 200px;}
.main-header .logo img {
    width: 100%;
    height: initial;
}

header .search {
    display: inline-flex;
    position: relative;
    width: 240px;
    background-image: url('../assets/search.png');
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 96% center;
    background-color: transparent;
    padding: 6px 40px 6px 0;
    border: 2px solid #787878;
}
header .search input[type="search"] {
    width: 100%;
    height: initial;
    border: none;
    font: 18px/1 var(--cb-light);
    color: #787878;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    border-right: solid 1px #787878;
    border-radius: 0;
}
header .search input[type="search"]::placeholder {
    font: 18px/1 var(--cb-light);
}
header .search input[type="search"]:focus {
    outline: 0;
}

.main-header .main-navigation ul {
    display: inline-flex;
    margin: 0 50px 0 0;
}
.main-header .toggle-menu {transform: none;}
.expanded-navigation {
    background: var(--grau); 
    width: 350px; height: initial;
    padding: 40px 0 40px 90px;
}
.expanded-navigation .close-menu span {background: #fff;}
.navigation-fade {display: none !important;}

.nav-content-block a:hover span {
    border-bottom-color: #fff;
}

.main-header .main-navigation li {margin: 0 13px;}
.main-header .main-navigation li:first-child {margin: 0 13px 0 0px;}
.main-header .main-navigation a {
    transition: all 0.5s;
    font-size: 24px;
}
.main-header .main-navigation a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
    opacity: 1;
}
.expanded-navigation .close-menu {
    font-size: 35px;
}

.sans-serif {
    font-family: var(--cb-light), sans-serif;
}
h2.sans-serif {
    font-family: var(--cb-bold), sans-serif;
}
.bold.sans-serif {
    font-family: var(--cb-bold) ,sans-serif;
}
.filter-navigation input[type=search] {
    font-family: var(--cb-bold) ,sans-serif;
	padding-top: 5px;
}

.article-overview article.featured {
    background: var(--oranj);
}

.article-overview .newsletter-container {
    background: var(--grun);
}
.meta .button {
    background: #fff;
    border-color: var(--oranj);
    color: var(--oranj);
}
.meta .button:hover {
    background: var(--oranj);
    color: #fff;
}
.end-of-article .sm-share-list a:hover {background: var(--oranj);}

.newsletter-form .button {background: var(--oranj);}
.end-of-article .button {background: var(--oranj); padding: 16px 18px 11px;  box-sizing: border-box;}
.end-of-article hr {background: var(--oranj);}

.related-articles .related-container .read-more {background: var(--oranj);}
.contact-button-link {
    background-color: var(--oranj);
}
button {font-family: var(--cb-light);}

.swiper-button-next, .swiper-button-prev {
    background: var(--oranj);
}
.filter-navigation .values .value input:checked~label::before {
    background: var(--oranj);
}
.side-block .box.yellow {background: var(--oranj);}
.block.quote, .side-block.quote {color: var(--rot);}

.article-overview article.featured .text-container .inline-lead:after {
    background: linear-gradient(0deg, var(--oranj) 0%, var(--oranj) 100%);
}

.article-overview article .text-container .inline-lead {
    font-family: Bitter;
    margin: 6px 0 0 0;
}
.main-content p {
    font-family: Bitter;
}

footer {background: var(--grau);}
.nav-content-block {border-top: none;}
footer .nav-content-block:first-child {
    border-top-width: 0;
    padding-top: 0;
}
footer .nav-content-block:not(:first-child) {
    margin-top: 0;
    padding-top: 0;
}
.nav-content-block h3 {
    font-family: var(--cb-bold), sans-serif;
    text-transform: none;
    margin: 0 0 10px 0;
}
footer .footer-upper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
footer .nav-content-block {width: 100%; margin: 0;}
footer .footer-upper a:hover span {
    border-bottom-color: #fff;
}
footer .nav-content-block {
    font-size: 16px;
    letter-spacing: 0.53px;
}

.wrap-outer {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
}
.footer-col {width: 25%;}
.fc-big {width: 50%;}
footer h4 {
    font: 16px/1.2 var(--cb-bold);
    padding: 0 0 20px 0;
}
footer ul {padding: 0; width: 100%;}
footer ul li {
    display: block;
    font-size: 16px;
    letter-spacing: 0.53px;
}
footer ul li a {
    display: block;
    font-size: 16px;
    letter-spacing: 0.5px;
} 
footer .fc-big ul { padding: 0 120px 0 0;}
footer .fc-big ul li {
    display: flex; flex-wrap: wrap;
    justify-content: space-between;
    letter-spacing: 0.5px;
}
footer .fc-big ul li a {
    display: inline-flex;
    width: 32%;
}
footer ul li a {
    text-decoration: none;
    transition: all 0.5s;
    letter-spacing: 0.5px;
}
footer ul li a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
footer .fc-big ul li span {
    display: inline-flex;
    width: 68%;
}
footer p strong {
    font: 16px/1.2 var(--cb-bold);
}
footer p a {
    font-size: 16px;
    letter-spacing: 0.5px;
}
footer .links {width: 100%; order: 30; margin: 60px auto;}
footer .links span, 
footer .links a {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.5px;
    margin: 0 35px 0 0;
    text-decoration: none;
    transition: all 0.5s;
} 
footer .links a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.box-centered .box {
	width: 100%;
    display: flex;
    padding: 1.5rem;
}
.box-centered.content-wrap .w6 {
	width: calc(100% / 12 * 6)!important;
	margin-left: auto;
	margin-right: auto;
}
.box-centered .box.yellow.wrap-inner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.box-centered .box.yellow {
    background: var(--oranj);
    color: #333; 
}
.box-centered .box.green 
{
    background: #1A5630;
    color: white; 
}
.box-centered .box.only-image {
    width: 100%;
    padding: 0;
    background: none;
}
.box-centered.wrap-outer .box .image-container {
	  margin: 0 auto;
}
.box-centered .box.only-image .image-container {
      margin: 0;
      padding: 0;
}
.box-centered .box .text-container 
{
	min-width: calc(50% - 1.5rem);
    padding: 0;
}
.box-centered .box .image-container 
{
	min-width: calc(50% - 1.5rem);
    margin-right: 1.5rem;
    padding: 0;
}
.box-centered .box img 
  {
    width: 100%;
	display: block;
	min-width: 100%;
}
.box-centered .box.box-centered 
{
width: calc(100% - 1.5rem); 
}
.block.center.box-centered.content-wrap.wrap-outer {
	padding-left:0;
	padding-right:0;
}

@media (min-width: 600px) {
	.block.single-image.wrap-outer.smaller-class {
		width: 50% !important;
		max-width: 50% !important;
		display: block;
	}
	.smaller-class .wrap-inner {
		max-width: 50%;
		max-width: 400px;
	}
	.box-centered .box.yellow.wrap-inner {
		max-width: 800px;
	}
}


@media (min-width: 1400px) {
    .intro .meta table tbody:after {background: var(--oranj);}
    .main-header .logo {transform: none;}
    .main-header .main-navigation {position: relative;}
    footer .nav-content-block {
        width: 100%;
    }
    footer .nav-content-block:last-child {
        width: 100%;
    }
    
}
@media (min-width: 1200px) {
    .main-header .logo {
        display: inline-block;
        width: 240px;
    }
    
    
}
@media (min-width: 900px) {
    header nav {
        width: calc(100% - 300px);
        margin: 0 0px 0 62px;
        padding: 0 182px 0 15px;
    }
    .main-header .main-navigation {
        display: inline-block;
        width: calc(100% - 369px);
    }
    .article-overview article.featured .text-container:after {
        background: linear-gradient(0deg, var(--oranj) 0%, rgba(249, 208, 0, 0) 100%);
    }
    .nav-content-block ul li {display: block;}
    .nav-content-block ul a {
        display: inline-block;
        padding: 7px 0;
        line-height: 1.3;
    }
    .nav-content-block ul a:hover {
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-thickness: 1px;
    }
}


@media (max-width: 1200px) {
    .main-header .main-navigation ul {
        margin: 0 50px 12px -13px;
    }
    footer .footer-upper {grid-template-columns: repeat(3, 1fr);}

    .footer-col {width: 50%; order: 20;}
    .fc-big {width: 100%; order: 10;}
    footer .fc-big ul {padding: 0;}
    footer .fc-big ul li span {width: 50%;}
    footer .fc-big ul li a {width: 50%;}
}

@media (max-width: 900px) {
    footer .footer-upper {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 768px) {
    .footer-col {width: 100%;}
    footer .fc-big ul li span {width: calc(100% - 150px);}
    footer .fc-big ul li a {width: 133px;}
}

@media (max-width: 500px) {
    footer .footer-upper {grid-template-columns: repeat(1, 1fr);}
}