*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*{ margin: 0; outline: none; -webkit-text-size-adjust: none; }

:root {
    font-family: "Roboto", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: -0.01em; line-height: var(--rootLineHeight) ; color: var(--black);
    --primary: #ED7575;
    --sand: #D0C5A2;
    --sand25: rgba(208, 197, 162, 0.25);
    --sandLight: #FFFBF5;
    --creme: #F2EADF;
    --black: rgba(24, 24, 24, 0.95);
    --gray60: rgba(0, 0, 0, 0.6);
    --gray40: rgba(0, 0, 0, 0.4);
    --gray20: rgba(0, 0, 0, 0.2);
    --gray05: rgba(0, 0, 0, 0.05);
    --strokes: rgba(0, 0, 0, 0.2);
    --bs-gutter-x: 20px;
    --borderColor: var(--gray20);
    --rootLineHeight: 1.31;
    --defaultPadding: 30px;
    --mainWidth: 1999px;
    --placeholderColor: var(--gray40);
    --headerHeight: 262px;
    --headroomOffset: calc(calc( var(--headerHeight) - 109px) * -1);
}

html { -webkit-font-smoothing: antialiased; }
html{ height: 100% !important; }

body{ background-color: var(--sandLight); }

main{ padding-top: var(--headerHeight); }

.black{ background-color: var(--black); color: #fff; }

p:empty{ display: block; min-height: 1rem; margin-top: 0!important; }

.hidden{ display: none; }
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both ;}
.alignright{ text-align: right; }
.alignleft{ text-align: left; }
.cursor{ cursor: pointer; }
.center{ text-align: center; }
.abscenter{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.relative{ position:relative; } 
.ucase{ text-transform: uppercase; }
.capitalize{ text-transform: capitalize; }
.line-clamp { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.pre-line{ white-space: pre-line; }

img, svg, iframe, picture{ vertical-align: middle; }

.flex{ display: flex; }

.object-fit-cover{ position: absolute; inset: 0; width: 100%!important; height: 100%!important; object-fit: cover; }
.object-fit-contain{ position: absolute; inset: 0; width: 100%!important; height: 100%!important; object-fit: contain; }

ul{ list-style-type: none; margin: 0; padding: 0; }
ul li{ background: none; padding: 0; position: relative; }

figure,
div.image{ position: relative; }

figure img,
div.image img{ max-width: 100%; height: auto; }

article,section{ position: relative; z-index: 2; }

footer,
article.intro,
article.text-image,
article.image-text{ padding: var(--defaultPadding) 0 calc(var(--defaultPadding) * 2.6) 0; }

section.columns{ padding: 0; }

a{ display: inline-block; cursor: pointer; }

h1{ font-family: "Oswald", sans-serif; font-weight: 500; font-size: 44px; line-height: 1.1; margin: 0; text-wrap: pretty; }
h2{ font-family: "Oswald", sans-serif; font-weight: 500; font-size: 33px; line-height: 1.2; margin: 0; text-wrap: pretty; }
div.h3{ font-family: "Oswald", sans-serif; font-weight: 500; font-size: 19px; line-height: 1.2; text-wrap: pretty; }
div.h4{ font-family: "Oswald", sans-serif; font-weight: 500; font-size: 14px; line-height: 1.2; letter-spacing: unset; text-wrap: pretty; }
div.h5{ font-family: "Oswald", sans-serif; font-weight: 600; font-size: 18px; line-height: 1.31; letter-spacing: unset; margin: 0; text-wrap: pretty; }
div.h6{ font-family: "Oswald", sans-serif; font-weight: 700; font-size: 14px; line-height: 1.25; letter-spacing: unset; margin: 0; text-wrap: pretty; }

.newsreader{ font-family: "Newsreader", serif; font-style: italic; font-size: 19px; line-height: 1.1; font-weight: 500; }

.manchet{ font-family: "Roboto", sans-serif; font-weight: 400; font-size: 22px; line-height: 1.28; letter-spacing: -0.01em; }
small{ display: block; font-family: "Oswald", sans-serif; font-weight: 700; font-size: 14px; line-height: 1.25; margin: 0; text-wrap: pretty; }

.p-small{ font-size: 14px; line-height: 1.25; margin: 0; text-wrap: pretty; }
.p-large{ font-size: 20px; line-height: 1.31; }

.image-caption{ font-weight: 300; font-style: italic; font-size: 12px; line-height: 1.28; color: var(--gray60); margin-top: 5px; }

h3 + p{ margin-top: 16px; }
p + button{ margin-top: 24px; }

b,strong{ font-weight: 700; }

.hidden{ display: none; }
.center{ text-align: center; }

section.hero.banner h1 + *,
article :is(h1,h2) + *{ margin-top: 26px; }

a{ display: inline-block; position: relative; text-decoration: none; color: inherit; }
.underline { border-bottom: 1px solid; border-color: var(--color1); line-height: 1.2; display: inline-block;  }

button{ border: none; font-family: inherit; }
button,.button, .outline{ font-family: "Oswald", sans-serif; font-weight: 400; font-size: 18px; text-align: center; position: relative; background-color: var(--primary); border-radius: 5px; color: #fff; padding: 0 13px; padding-bottom: 2px; line-height: 34px; cursor: pointer; transition: .2s; }

.outline{ background-color: unset; border: 1px solid var(--black); color: initial; }

.button.chevron::after{ content: ""; display: inline-block; width: 12px; height: 12px; vertical-align: middle; background: url(svg/next_ui.svg) center center no-repeat; margin-left: 4px; }

div.text.box .button{ width: 100%; text-align: left; }

div.container.Breadcrumb{ position: relative; z-index: 2; }

ol.BreadcrumbList{ margin: 0; padding: 0; display: flex; font-size: 14px; align-items: center; height: 58px; }
ol.BreadcrumbList li{ padding: 0; margin: 0; list-style: none; }
ol.BreadcrumbList li:not(:first-child):before { content:">";  display: inline-block; margin-right: 4px; position: relative; top: 0; }
ol.BreadcrumbList li a{ color:  inherit;  }


header { position: absolute; width: 100%; top: 0; z-index: 10; left: 50%; transform: translate(-50%,0); background-color: var(--sandLight); }
header.headroom { will-change: transform; transition: transform 250ms ease; position: fixed; }
header.headroom--pinned { transform: translate(-50%,0); }
header.headroom--unpinned { transform: translate(-50%,var(--headroomOffset)); }
header.headroom--not-top.headroom--pinned { z-index: 10; }

header.headroom--unpinned div.row.headline{ align-items: end!important; }
header.headroom--unpinned div.row.headline > div{ padding-bottom: 17px; }
header.headroom--unpinned div.row.headline > div.col-auto{ padding-bottom: 10px; }




header .newsreader{ font-size: 18px; line-height: 1; }

header div.panel{ margin: 0; border-bottom: 1px solid var(--borderColor); height: 48px; align-items: center; }
header div.panel > div{ padding: 0; }

header div.headline{ height: 160px; }

header nav{ font-family: "Oswald", sans-serif; font-weight: 400; font-size: 19px; line-height: 1.2; }

form.subscribe{ position: relative; }
form.subscribe button{ position: absolute; top: 5px; right: 5px; font-size: 15px; line-height: 21px; padding-left: 10px; padding-right: 10px; background-color: var(--primary); }

div.sib-form div.sib-form-message-panel {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0, 0.75);
    z-index: 20;
}

div.sib-form div.sib-form-message-panel .sib-form-message-panel__text {
    display: flex;
    align-items: center;
    margin: 0;
    padding: .5rem;
    height: 100vh;
    justify-content: center;
    color: #fff;
}

.sib-form .sib-form-block__button{
     position: absolute;
    top: 5px;
    right: 5px;
    font-size: 15px;
    line-height: 21px;
    padding: 0 10px!important;
    padding-bottom: 2px!important;
    min-height: unset!important;
}    

.sib-form .entry__field { background: unset!important; border: unset!important; margin: 0!important; }

.sib-form .entry__field input[type=text]{ font-size: 17px; height: 31px; padding-left: 12px; padding-right: 75px; border: 1px solid var(--gray40); border-radius: 5px; background-color: #fff; }
form.subscribe input{ font-size: 17px; height: 33px; padding-left: 12px; padding-right: 75px; border: 1px solid var(--gray40); border-radius: 5px; background-color: #fff; }

header form.subscribe input{ height: 36px; }
header form.subscribe button{ line-height: 24px; background-color: var(--black); }

header nav ul{ display: flex; gap: 20px; align-items: center; justify-content: center; }
header nav ul > li.dot > span{ display: block; width: 4px; height: 4px; background-color: var(--black); border-radius: 50%; }
header nav ul > li.dot:last-child{ display: none; }

header div.headline svg.dra{ width: min(max(42px, 6vw), 100px); height: auto; }
header div.headline svg.logo{ width: min(max(165px, 35vw), 897px); height: auto; }
header div.headline svg.star{ width: min(max(30px, 4vw), 58px); height: auto; }

article.intro div.text{ width: 813px; max-width: 100%; margin: 0 auto; }
article.intro div.text h1{max-width: 32ch; margin: 0 auto; }
article.intro div.text h2.manchet{max-width: 42ch; margin: 0 auto; }
article.intro div.text h1 + h2{ margin-top: 27px!important; }
article.intro svg{ margin-bottom: 16px; }
article.intro div.picture-wrapper{ margin-bottom: 40px; }

article.intro div.center table{ margin: 0 auto; margin-top: var(--defaultPadding); }
article.intro div.text div.content{ text-align: left; width: 745px; max-width: 100%; margin-left: auto; margin-right: auto; }
article.intro div.center + div.content{ margin-top: 50px; }


div.picture{ position: relative; padding-top: 56.25%; background-color: var(--creme); }
div.picture img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 15px 2rem; }


hr{ background: unset; border: unset; height: 6px; border-top: 3px solid rgba(0, 0, 0, 0.7); border-bottom: 1px solid rgba(0, 0, 0, 0.7); }

div.newsreader hr{ margin-top: 5px; }

div.newsreader.alt hr{ border-top: unset; margin-top: 2px; margin-bottom: 10px; }

div.archive-content div.image{ width: 67px; height: 67px; position: relative; }
div.archive-content div.image img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

div.archive-content div.row{ --bs-gutter-x: 7px; margin-top: 20px; }

div.archive-content div.row > div { border-bottom: 1px solid var(--borderColor); padding-bottom: 20px; }
div.archive-content div.row > div svg{ display: block; margin-top: 6px; }
div.archive-content div.row > div p{ margin-top: 12px; }

div.archive-theme div.row{ --bs-gutter-x: 12px; margin-top: 15px; margin-bottom: var(--defaultPadding); }
section.columns div.col-lg-3 > div.newsreader,
section.columns div.col-lg-6 > div.center.text > div.newsreader{ margin-top: 40px; }

div.archive-theme div.col-auto div.image{ width: 173px; height: 173px; position: relative; }
div.archive-theme div.col-auto div.image img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
div.archive-theme div.col-12 + div.col div.text{ padding-top: 18px; } 

article.intro div.text div.dato{ margin-bottom: 20px!important; }

article.intro div.text div.dato,
div.archive-theme div.text div.dato{ font-size: 14px; line-height: 1; font-weight: 600; color: var(--gray40); font-style: normal; margin: 8px 0 10px 0; text-transform: uppercase; }

article.intro div.text div.newsreader{ margin-bottom: 12px; }

ul.archive-list{ margin-top: 3px; margin-bottom: 50px; }
ul.archive-list li{ padding: 10px 0; border-bottom: 1px solid var(--borderColor); }

div.center.text{ margin-bottom: calc(var(--defaultPadding) * 1.333333); }
div.center.text div.newsreader{ display: inline-block; }
div.center.text hr{ margin-bottom: 15px; }
div.center.text h2 + p{ margin-top: 19px; max-width: 51ch; margin-left: auto; margin-right: auto; }

div.subscribe-wrapper{ background-color: var(--sand); padding: 30px 25px 15px 25px; text-align: center; position: relative; margin-bottom: calc(var(--defaultPadding) * 1.333333); }
div.subscribe-wrapper div.newsreader{ font-size: 25px; font-size: 25px; font-weight: 500; margin-bottom: 20px; }
div.subscribe-wrapper p.image-caption{ margin-top: 12px; }

div.subscribe-wrapper form{ max-width: 354px; margin: 0 auto; }
div.subscribe-wrapper div.image{ width: 60px; height: 60px; position: absolute; bottom: 15px; right: -8px; }
div.subscribe-wrapper div.image img{ position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }

article.image-text{ padding-bottom: 58px; }
article.image-text div.newsreader{ margin-bottom: 9px; }

article div.text table{ margin-top: var(--defaultPadding); }
article div.text table td{ padding: 0 5px; }

article.center-theme div.text.center{ max-width: 660px; margin: 0 auto; }
article.center-theme{ padding: calc(var(--defaultPadding) * 2) 0; }
article.center-theme > div.container > div.row{ --bs-gutter-x: 20px; }
article.center-theme div.row{ --bs-gutter-x: 15px; }
article.center-theme div.text h1{ margin-bottom: 40px; }

article.center-theme div.text div.row + p,
article.center-theme div.text table{ margin-top: 34px; }

div.newsreader + div.text.box{ margin-top: 3px; }
div.text.box{ background-color: rgba(40, 46, 103, 1); color: #fff; padding: 15px; margin-bottom: 50px; }

article.cta{ width: 745px; max-width: 100%; margin-bottom: 78px; background-color: var(--sand); margin-left: auto; margin-right: auto; padding: 30px 10px; }
article.cta div.image{ width: 184px; }
article.cta div.text{ max-width: 434px; }

article.subscribe{ padding: 56px 0; }
article.subscribe div.text{ padding-top: 34px; max-width: 536px; }

article.text-image{ padding-top: 40px; padding-bottom: 60px; }
article.text-image div.text{ max-width: 536px; }

table.partners{ width: 100%; }
table.partners th{ text-align: left; font-weight: 500; }

table.partners thead td{ padding-top: 10px; }
table.partners tbody td{ border-bottom: 1px solid var(--borderColor); padding: 10px 0 12px 0; }

.mobileonly{ display: none; }

@media (min-width: 768px){   
    
    header.headroom--unpinned svg.logo{ height: 24px!important; width: auto!important; transition: .25s; }
    header.headroom--unpinned div.headline > div.col-auto{ display: none; }

}

@media (max-width: 991px){   
    
    :root{
        --headerHeight: 202px;
    }

    header div.headline { height: 100px; }
    header div.row.panel:last-child div.col-3{ display: none; }

    div.picture-wrapper{ margin-bottom: 25px; }
    article.center-theme div.text div.image{ margin-bottom: 20px; }

    header ul.burger{ display: flex; flex-wrap: wrap; width: 30px; justify-content: center; gap: 5px; cursor: pointer; float: right; }
    header ul.burger li:first-child{ width: 30px; height: 2px; background-color: #000; transition: .2s; }
    header ul.burger li:last-child{ width: 30px; height: 1px; background-color: #000; transition: .2s; }
    header nav{ text-align: right!important; position: fixed; width: 100%; height: calc(100vh - var(--headerHeight)); top: var(--headerHeight); left: 0; z-index: 1; background-color: var(--sandLight); padding: 50px 30px; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

    header nav ul.menu { flex-flow: column; gap: 20px; }
    header nav ul.menu > li > a{ font-size: 24px;  }
    header nav ul { align-items: unset; }
    header nav ul li.dot{ display: none; }

    header nav ul.menu > li span.haschild{ display: block; width: 30px; height: 30px; border: 1px solid #eee; background: url(chevron-down.svg) center center no-repeat; position: absolute; top: 15px; right: 0; transition: .2s; }
    header nav ul.menu > li span.haschild.True { transform: rotate(-180deg); }
    header nav ul.menu > li span.haschild.True + ul{ display: block; }

    header nav form.subscribe{ position: absolute; bottom: 50px; right: 30px; min-width: 290px; }

    header nav form.subscribe.mobileonly,
    header nav ul li.mobileonly { display: block; }

    body[data-menu=open]{ overflow: hidden; }    

    body[data-menu=open] header ul.burger{ display: none; }
    body[data-menu=open] header svg.star{ display: inline-block!important; }   
    body[data-menu=open] header div.row.menu{ display: block; }

    header svg.star,
    header div.row.menu{ display: none; }

    


}

@media (max-width: 768px){
    
    :root{
        --headerHeight: 101px;
    }


    header{ position: fixed!important; top: 0; transform: unset!important;  z-index: 10; left: 0; margin-top: 0!important; }


    header.headroom--unpinned div.row.headline > div.col-auto:last-child { display: block!important; }

    
    
    header.headroom--unpinned div.row.headline { align-items: center !important; }
    header.headroom--unpinned div.row.headline > div{ padding-bottom: 0!important; }
    

    header div.headline{ height: 52px; }
    header div.headline + hr{ border-bottom: 1px solid var(--borderColor); height: 1px; border-top: none; }
    

    



    /*
    body[data-menu=open] header ul.burger li:nth-child(2){ display: none; }
    body[data-menu=open] header ul.burger li:nth-child(1){ transform: rotate(45deg); position: relative; top: 8px; }
    body[data-menu=open] header ul.burger li:nth-child(3){ transform: rotate(-45deg); }
    body[data-menu=open] header ul.burger{ position: relative; top: -4px; }
    */


    article.text-image div.col-md-6 + div.col-md-6{ margin-top: 40px; }

    .desktoponly{ display: none; }
    .mobileonly{ display: block; }    



    section.columns div.center.text{ text-align: left!important; }
    section.columns div.center.text div.newsreader{ display: block; }

    article.center-theme div.text h1 { margin-bottom: 27px; }
    article.center-theme div.center.text div.newsreader{ margin-bottom: 9px; }
    article.center-theme div.text div.row + p, article.center-theme div.text table { margin-top: 30px; }

    div.archive-theme div.row + div.row{ margin-top: 50px; }
    
    article.center-theme { padding: 50px 0 25px 0; }
    article.center-theme div.text{ text-align: left; max-width: unset!important; }
    
    article.image-text { padding-bottom: 0; }

    article.cta{ margin-bottom: 0; }

    article.intro{ padding: var(--defaultPadding) 0; }
    
}

@media (max-width: 575px){

    :root {
        font-size: 17px;
        --headerHeight: 93px;
    }

    h1{ font-size: 31px; }
    h2{ font-size: 27px; }

    .manchet { font-size: 18px; }

    .p-large{ font-size: 18px; }
    .p-small{ font-size: 14px; }

    button, .button, .outline{ font-size: 16px; line-height: 27px; }


    section.columns ul.archive-list,
    section.columns div.text.box,
    section.columns div.subscribe-wrapper{ margin-bottom: 70px; }

    article.intro div.text h2.manchet { max-width: unset; }

    div.subscribe-wrapper div.newsreader{ font-size: 23px; }
    div.subscribe-wrapper div.image{ display: none; }

    
    
    header nav form.subscribe{ width: calc(100% - 60px); }

    header div.row.panel:first-child{ height: 33px; background-color: var(--black); margin: 0 -20px; }
    header div.row.panel:first-child > div{ display: none; }
    header div.row.panel:first-child + hr{ display: block!important; margin: 0 -20px; margin-top: 1px; }


    .image-caption{ text-align: left!important; }

    article.intro{ padding: var(--defaultPadding) 0; }
    article.intro div.center{ text-align: left!important; }
    article.intro svg{ display: none; }
    article.intro div.picture-wrapper{ margin-bottom: 25px; }
    article.intro div.text h1 + h2 { margin-top: 18px !important; }
    article.intro div.center table{ margin-top: 20px; margin-left: -5px; }

    div.archive-theme div.col-auto div.image{ width: 167px; height: 167px; margin-bottom: 20px; }
    div.archive-theme div.col{ flex: 0 0 auto; width: 100%; }

    section.columns div.col-lg-6 > div.center.text > div.newsreader{ margin-top: 70px; }

    div.center.text { margin-bottom: var(--defaultPadding); }


    div.picture img { padding: 5px 10px; }

    article.subscribe { padding-top: 40px; }
    article.subscribe div.subscribe-wrapper{ margin-top: 50px; }

    article.cta{ margin: 0 20px; padding: 20px 0; max-width: calc(100% - 40px); }
    article.cta div.image{ width: 94px; height: 94px; margin-bottom: 15px; }

    header nav form.subscribe { bottom: 70px; }
    header div.headline + hr{ margin: 0 -20px; }

}