@font-face {
	font-family: 'MADEMirage';
	src: url('../fonts/made-mirage-regular.eot');
	src: url('../fonts/made-mirage-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/made-mirage-regular.woff2') format('woff2'),
	     url('../fonts/made-mirage-regular.woff') format('woff'),
	     url('../fonts/made-mirage-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: "SaveurSansRegular";
    src: url('../fonts/SaveurSansRegular.woff2') format('woff2'), url('../fonts/SaveurSansRegular.woff2') format('woff');
  }
  

  @import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');




  span{
    font-weight: bold;
  }

/* @font-face {
    font-family: 'Figtree';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A7Yd-Ew85Eb3fO7mSkIr.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  @font-face {
    font-family: 'Figtree';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A7Yd-EI85Eb3fO7mSg.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  @font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_d_QG5XyEA25WTzZO_OSg.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
 
  @font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_d_QG5ZyEA25WTzZO8.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
   */



  .transition {
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -o-transform: scale(0.98);
    transform: scale(0.98);
}

.transition_small {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}


.hooover{
    transition-duration: 0.3s;

}


  ::-webkit-scrollbar {
    display: none;
}

:root {
    --black: #212020;
    /* --orange: oklch(77.64% 0.1654 38.42); */
    --orange:rgb(255, 150.09, 116.67);
    --orangedark:rgb(255, 110, 65);
    --purple: #B985FF;
    --white: #F5F5F5;
    --green: #A28F64;
  }


  .meta {
    background-color: green; /* Replace #convertedColor with your converted color value */
}

html{
    color: var(--black);
    background-color: #B985FF;
}

body{
    background-color: var(--orange);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}


p{
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}



main{
    /* padding: 20px; */
    background-color: #F4F4F4;
}

main a{
    /* padding: 20px; */
    font-weight: 300;
    text-decoration: underline;
}


*, *::before, *::after {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling: none !important;
}


mark{
    background-color: rgba(185, 133,255, 0.3);
    padding: 0.05em 0.2em;
    /* font-weight: 500 !important;
    font-style: normal; */
}

.center{
    text-align: center;
}



strong{
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

h1{
    color: black;
    font-family:'MADEMirage', serif;
    font-size: 3em !important;
    font-weight: normal !important;
    font-style: normal !important;
}

h2{
    color: var(--black);
    font-family:'MADEMirage', serif;
    font-weight: 800;
}

h3{
    font-family: 'SaveurSansRegular';
    color: var(--black);
    font-weight: 100;
    margin-bottom: 0;
}

h4{
    color: var(--black);
    font-family:'MADEMirage', serif;
    font-weight: 400;
    font-size: 1.4em;
}

/* h4{
    color: var(--black);
    font-family:'MADEMirage', serif;
    font-weight: normal;
    font-size: 1.4em;
} */


a{
    color: var(--black);
    text-decoration: none;
}

a:visited{
    color: var(--black);
    text-decoration: none;
}


.margin{
    padding-left: 40px;
    padding-right: 40px;
}

.margin20{
    padding-left: 20px;
    padding-right: 0px;
}

.margin6060{
    padding-left: 160px;
    padding-right: 160px;
}


@media only screen and (max-width: 1440px) {
    
    .margin6060{
        padding-left: 60px;
        padding-right: 60px;
    }

    
      
} 



@media only screen and (max-width: 450px) {
  h1{
    text-align: center;
    font-size: 1.8em !important;
    margin: 0.4em 0;

  }
  b{
    background-color: rgba(185, 133,255, 0.3);
    padding:0px 0.2px;
    font-weight: 500 !important;
    font-style: normal;
}
.margin{
    padding-left: 20px;
    padding-right: 20px;
}


    
  } 





.infos {
    width: 100%;
    /* height: 500px; */
    aspect-ratio: 107/35;
    overflow: hidden;
    position: fixed;
}

.info-photo{
    width: 100%;
}

.closeinfos {
    right: 0;
    width: 21px;
    margin-top: 15px;
    margin-right: 15px;
    position: absolute;
    z-index: 99999999999;
    padding: 1px;
    cursor: pointer;
}


.close{
    width: 22px;
    height: 22px;
    display: block;
}

.relative{
    position: relative;
    /* top: 300px; */
}




.article-header{
}

.article-header a{
    color: var(--black);
    text-decoration: underline;
    font-weight: 700;
    text-underline-offset: 3px;
}

.article-header a:visited{
    color: var(--black);
    text-decoration: underline;
}


/* ////////////////////////////////////////////////////// */
/* //////////////////////   MENU   ////////////////////// */
/* ////////////////////////////////////////////////////// */


.logo{
    display: block;
    width: 200px;
    height: 22px;
    transition: ease all .5s;

}

.search-icon{
    height: 20px;
    width: 20px;
    transition: ease all .5s;
    margin-right: 8px;
}

.search-icon-menu{
    height: 54px;
    width: 34px;
    transition: ease all .5s;
    margin-right: 8px;
    opacity: 0.2;
}

.menu-icon{
    height: 20px;
    width: 40px;
    transition: ease all .5s;
}

.illu-menu{
    width: 100px;
    height: 100px;
    display: none;
    position: absolute;
    bottom: 55px;
    left: calc(50% - 55px);
}

.omob{
    display: none;
}



nav{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    font-size: 1.6em;
    padding: 20px;
    position: absolute;
    font-family: MADEMirage,serif;
    transition: 0s;
    transition: 0s;
    overflow-y: scroll;
    z-index: 999;
    /* align-items: center; */
}

.nav-content{
    /* position: relative; */
}


.subcat{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 50%;
    position: absolute;
    bottom: 35px;
}

.subcat a{
    font-family: "Figtree", sans-serif;
    font-size: 0.7em;
    text-transform: none;
    line-height: 0.1em;
    font-weight: 100;
}

.subcat a:hover{
    /* font-weight: 400; */
}

.subcat > div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


@media only screen and (max-width: 1400px) {
    .subcat {
        right: 20px;
        
    }


}



@media only screen and (max-width: 1300px) {

 
    
    .search-icon-menu{
        height: 34px;
        width: 23px; 
    }

}

@media only screen and (max-width: 450px) {

    .subcat > div{
        display: block;
        
    }

}

.subcat p{
}

.subcat ul{
   
}

.cat-sub-title{
    font-family: 'SaveurSansRegular';
    font-size: 0.6em;
    display: none;
}

.cat-sub-title a{
    font-family: 'SaveurSansRegular';
    font-size: 1em;
}

.inline-sub{
    display: none;
}

.inline-sub li{
    /* opacity: 0; */
    height: 24px;
}

.searchy {
    display: block;
    height: 53px;
    font-family: 'MADEMirage', serif;
    background-color: transparent;
    border: 0;
    padding: 0!important;
    flex-grow: 1;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    box-shadow: none;
    color: var(--black);
    border: 0;
    border-bottom: 1px solid var(--black);
    border-radius: 0;
    font-size: 2.7rem;
    opacity: 0.2;
    font-weight: 100;
}

.searchy:focus {
    opacity: 1;
}

.search-icon-container {
    cursor: pointer;
}


@media only screen and (max-width: 700px) {

    .searchy {
       width: 100%;
    }
}


.searchform-front{
    margin-top: 150px;
}

#searchform {
    display: none;
    top: -100px;
    position: absolute;
}

.searchform {
    display: none;
}

#searchform-front {
    display: block;
    
}

.all{

    font-family: SaveurSansRegular,sans-serif!important;
    text-decoration: underline;
}



.sublogo{
    width: 180px;
    position: absolute;
    left: 20px;
    display: none;
}

@media only screen and (max-width: 960px) {


.sublogo {
    width: 180px;
    position: absolute;
    left: 0px;
    display: none;
    top: 21px;
}
}

#searchform div{
    display: flex;
}

#searchform-front div{
    display: flex;
}


@media only screen and (max-width: 1400px) {

    #searchform {
        display: none;
        top: -100px;
        position: absolute;
        right: 20px;
    }
}


@media only screen and (max-width: 1300px) {

    /* #searchform div {
        display: flex;
        width: 250px;
        right: auto;
        position: absolute;
    } */

    .inline-sub{
        display: none;
    }
    
    .inline-sub li{
        /* opacity: 0; */
        /* height: 20px; */
    }

    /* .search {
        height: 36px;
        font-size: 1.7rem;
    } */

    /* .searchform{
    position: absolute;
    right: 26vw;
    } */

}



.topartikel{
    font-family: SaveurSansRegular,sans-serif!important;
    padding-right: 15px;
    margin-top: 0px;
    position: absolute;
    left: 20px;
    bottom: 35px;
}

.topartikel a{
    background-color: var(--purple);
    border-radius: 30px;
    color: var(--white);
    padding: 8px 16px 8px 16px;
    font-size: 0.5em;
    transition-duration: 200ms;
}

.topartikel a:hover{
    background-color: #9f56ff;
    transition-duration: 200ms;
}

.topartikel p{
    font-size: 0.6em;
}


@media only screen and (max-width: 1520px) {

    .topartikel{
        max-width: 400px;
        
    }

}


@media only screen and (max-width: 1350px) {

    .topartikel{
        max-width: 350px;
        
    }

}


.onmobdisplay{
    display: none;
}

@media only screen and (max-width: 1040px) {

    .topartikel {
        font-family: SaveurSansRegular,sans-serif!important;
        padding-right: 15px;
        bottom: 39px;
        position: revert;
        left: 20px;
        /* bottom: 0px; */
    }

    .onmob{
        display: none !important;
    }

    .onmobdisplay{
        display: block !important;
    }

}


.topartikel ul{
    display: none;
    max-width: 500px;
    /* visibility: hidden; */
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
    padding-bottom: 0px;
    margin-top: 10px;
}


.inline{
    display: none;
    max-width: 500px;
    
    /* visibility: hidden; */
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
    padding-bottom: 0px;
    margin-top: 10px;
}

.inline li{
    padding-bottom: 0px;
    opacity: 0;
}


.topthemen-p{
    display: none;
}

.onscroll{
    z-index: 999999;
    position: fixed;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
   
    /* transform-origin: top center;
    transition: 0.4s; */
    background-color: #f4f4f4;

}

.onscroll >.sublogo{
   margin-left: 0px !important;

}


.backgroundcolor{
    background-color: #fff;
}


.fullwidth{
    scale: 1 !important;
}


.overflowHidden {
    overflow: scroll;
    margin: 0;
    touch-action: none;
    -ms-touch-action: none;
    /* position: fixed; we get rid of this line which resets the flow of the page */
    /* height: 100%; we change 100% to 100vh */ 
    height: 100vh;
  }

@media only screen and (max-width: 1300px) {
    nav{
        font-size: 1.2em;
        transition: ease-out .0s;
        transition: ease-in  .0s;
    }

    .logo{
        width: 150px;
        height: 20px;
    }
    
    .search-icon {
        height: 16px;
    width: 14px;
    }

    .menuopen{
        scale: 1;
        transition: 0.4s;
        
       
    background-color: white;
    z-index: 999;
    
       
    }    
  }
/* 
  @media only screen and (max-width: 970px) {
    nav{
        font-size: 1em;
    
    }
  } */



  
  nav ul{
    list-style: none;
    display: inline-flex;
    gap: 30px;
    padding: 0;
    margin: 0;
}

nav li{
    white-space: nowrap;
}

nav li a {
    color: var(--black);
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
}

.list li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    background-color: black;
    transition: width 0.3s ease;
}

.list li a:hover::after {
    width: 100%;
}




.subcat-mob{
    margin-top: 90px;
    display: none;
}

.subcat-mob > div{
    /* height: fit-content !important; */
    height: 100%;
}


.subcat-mob > div > ul > li > a{
    text-transform: none !important;
    font-size: 0.9em;



}


.subcat-mob > div > ul > li{
    height: 35px !important;
}



.ui-icon-plus{
    content: url("../images/drop.svg");
    width: 8px;
}


.ui-icon-minus{
    content: url("../images/drop.svg");
    width: 8px;
    transform: rotate(90deg);
}

.ui-accordion-header .ui-icon {
    float: right;
    margin-left: 5px;
    height: 3rem;}


    @media only screen and (max-width: 375px) {

        .ui-accordion-header .ui-icon {
            height: 2.4rem;}

    }








/* Custom CSS to handle disabled state */
.ui-accordion-header.disabled {
    /* pointer-events: none; */
    padding: 0; /* Add padding 0 to the link */

}

.ui-accordion-content.disabled {
    display: none !important; /* Ensures the content is hidden */
}

.subcat-mob > p{
    padding: 0px !important;
}

.subcat-mob .cat-sub-title a{
    font-family:'MADEMirage', serif;
    text-transform: uppercase;
    font-size: 8vw;

}

.subcat-mob .cat-sub-title {

    margin: 0px;

}

.subcat-mob .cat-sub-title{
    font-family:'MADEMirage', serif;
    text-transform: uppercase;
    font-size: 8vw;
    margin: 0px;


}

@media only screen and (max-width: 960px) {

    #headline{
        padding-bottom: 20px;
    }

    #searchform {
        display: block;
        margin-top: 28px;
        position: absolute;
    }
    
    .onscroll{
        scale: 0.90;
        transform-origin: top center;
        background-color: white;
    }
    
    .nav-content{
        position: absolute;
        width: calc(100vw - 45px);
    }

    .topartikel{
        margin-top: 45px;
    }

    .inline{
        display: inline-flex;
       
    }
    
    nav ul{
        display: none;
        /* position: absolute; */
        margin-top: 0px;
        font-size: 1.6em;
    }

    nav li{
        display: none;
        opacity: 0;
        left: -100px;
        padding-bottom: 15px;
    }


    .subcat {
        display: none;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 100%;
        position: relative;
        bottom: unset;
        margin-top: 80px;
        left: 0px;
    }

    .subcat-mob{
        display: none;
    }

    .omob{
        display: block;
        z-index: 99999;
    }
    .logo{
        width: 220px;
        height: 24px;
    }
    .menu-icon{
        margin-top: -2px;
    }

    .topartikel li{
        padding-bottom: 0px !important;
    }
    
  }  




  @media only screen and (max-width: 440px) {
    nav{
        z-index: 110;
        /* position: fixed; */
    }
    .logo{
        width: 150px;
        height: 17px;
    }
    .menu-icon{
        width: 30px;
    
    }
    
  }  
  








/* ////////////////////////////////////////////////////// */





.article-header{
    background-color: var(--orange);
    width: 100%;
    min-height: 90vh;
    padding-top: 20vh;
}

.article-header a{
    color: var(--black);
    text-decoration: underline;
    font-weight: 700;
    text-underline-offset: 3px;
}

.article-header a:visited{
    color: var(--black);
    text-decoration: underline;
}


.article-photo{
    max-width: 700px;
    margin: 0 auto;
    display: block;
    /* width: 55vw; */
}

.article-header figure{
    display: contents;
}

.two-col{
    display: flex;
    padding: 40px;
}

.two-col:first-of-type{
    margin-top: 0px;
}

.left{
    width: 43%;
}


.right{
    width: 57%;
    padding-left: 4%;
}

.right h4{
    /* margin-top: 75px; */
    font-size: 1.6em;
}



@media only screen and (max-width: 450px) {
    .right h4{
        /* margin-top: 75px; */
        font-size: 1.3em;
    }
 
    .right h2{
        /* margin-top: 75px; */
        font-size: 1.3em;
        font-weight: 100;
    }
 
       
     } 


#topp{
    margin-top: 40px;
}



#content ul{
    padding-top: 10px;
    padding-bottom: 10px;
}

#content li{

    margin-bottom: 10px;

}


@media only screen and (max-width: 390px) {
    
    #content li{

        margin-bottom: 0px;
    
    }
}


@media only screen and (max-width: 1000px) {
    
    .two-col{
        display: block;
        padding: 40px;
    }
    .left{
        width: 100%;
    }
    
    .right{
        width: 100%;
        padding-left: 0%;
    }
}
@media only screen and (max-width: 450px) {
    

    #topp{
        margin-top: 0px;
    }

    .article-header{
        padding: 70px 20px 20px 20px;
        min-height:100vh;
        position: fixed;
    }

    .article-photo{
        width: 88vw;
        aspect-ratio: 1/0.8;
        object-fit: cover;
    }
   
    .two-col{
        display: block;
        padding: 0px;
        padding: 20px;
    }

    #first-col{
        padding-left: 0px;
        padding-right: 0px;
    }

    .two-col:first-of-type{
        margin-top: 0px;
    }
    
   
    
    .left{
        width: 100%;
    }
    .right{
        width: 100%;
        padding-left: 0px;
    }
/* 
    #left{
        display: none;
    } */

    #content{
        padding: 0px;
        position: relative;
        background-color: var(--white);
        z-index: 100;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        
    }
    

    .beitrag{
        top: 110vh;
    }
    
  } 









.more-articles{
    /* margin-top: 100px; */
}

.more-articles article{
    display: flex;
    max-width: 450px;
    align-items: center;
    padding-bottom: 15px;
}

.more-articles article div:first-of-type{
    height: 50px;
}

.more-articles a{
    text-decoration: none;
    color: var(--black);
    font-family: "Figtree", sans-serif;

}

.more-articles img{
    width: 55px;
    height: 55px;
    border-radius: 10px;
    object-fit: cover;
}

.more-articles article div:last-child{
    padding-left: 20px;
}


@media only screen and (max-width: 450px) {
  
    
    .more-articles{
        background-color: #fff;
        border-radius: 15px;
        padding: 10px 10px 20px 15px;
        margin-bottom: 30px;
    }

    .more-articles h4{
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        margin: 16px;
     }

     .more-articles img{
        width: 50px;
        height: 50px;
        border-radius: 60px;
    }
    .more-articles article{
        padding-bottom: 10px;
    }
    
  } 

.podcast{
    margin-top: 200px;
}

.podcast img{
    width: 200px;
    height: 200px;
    border-radius: 20px;
}

.podcast p{
    font-size: 0.7em;
    max-width: 200px;
}

.podcast svg{
    height: 20px;
    width: 20px;
}

.podcast a{
    color: var(--black);
    text-decoration: none;
}


.right p, .right li, .right mark{
    font-size: 1.3rem;
    line-height: 1.4em;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}


.right ul{
    padding-left: 20px;
}


@media only screen and (max-width: 450px) {
  
 .right p,  .right mark{
    font-size: 1rem;
    line-height: 1.3em;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.right ul li{
    font-size: 1em;
    line-height: 1.3em;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}
    
    
  } 


.subtitle{
    font-size: 0.9em !important;
    color: gray;
}

.mediaholder{
    /* position: absolute;
    left: 40px;
     */
     /* width: inherit; */
     
}

.mediaholder *{
    /* position: absolute;
    left: 40px;
     */
    width: 100%;
    position: relative;
     
}

.youtube-video iframe{
   
    aspect-ratio: 16 / 9;
  width: 100%;
    
}




@media only screen and (max-width: 450px) {
  
    .youtube-video{
        position: relative;
        left: 0px;
        
    }
    
    
    
  } 



.highlightbox{
    background-color: #E4E6FF;
    border-radius: 15px;
    padding: 20px 50px 20px 50px;
    font-size: 1.3em;
}

.highlightbox h4{
    text-align: center;
    font-family:'MADEMirage', serif;
    /* font-weight: bold; */
}

.highlightbox ol{
    counter-reset: item;
    padding-left: 1em;
}

.highlightbox li{
    counter-increment: item;
    margin-bottom: 10px;
    padding-left: 60px;
    line-height: 1.4em;
}






@media only screen and (max-width: 450px) {
  

    .highlightbox{
        padding: 20px 20px 20px 20px;
      
    }

    .highlightbox li{
        counter-increment: item;
        margin-bottom: 20px;
        padding-left: 10px;
    }

    .highlightbox{
        font-size: 1.1em;
        line-height: 1.2em;
        margin-top: 30px;
    }
    .highlightbox h4{
       font-size: 1.3em;
       line-height: 1.3em;
       margin-top: 8px;
       margin-bottom: 28px;
    }
    
  } 





/* ////////////////////////////////////////////////////// */
/* ////////////////   AUTOR DETAIL   //////////////////// */
/* ////////////////////////////////////////////////////// */

.autor-detail{
    display: flex;
    font-size: 0.7em;
    align-items: flex-start;
    max-width: 400px;
    gap: 20px;
    font-family: "Figtree", sans-serif;
    font-weight: 100;

}

.autor-detail img{
    border-radius: 50%;
    width: 80px;
    height: 80px;
    border: 3px solid #B985FF;
}

/* ////////////////////////////////////////////////////// */




/* ////////////////////////////////////////////////////// */
/* //////////////////////  SOME LINKS  ////////////////// */
/* ////////////////////////////////////////////////////// */

.some-links{
    margin-top: 50px;
    margin-bottom: 0px;
}

.some-links-artikel{
    margin-top: 50px;
    margin-bottom: 0px;
}


.some-links ul {
    scale: .7 !important;
    transform-origin: top center !important;
}

.some-links-artikel ul {
    scale: .7 !important;
    transform-origin: top left !important;
}


@media only screen and (max-width: 450px) {
   
    .some-links-artikel ul {
        scale: 0.7 !important;
        transform-origin: center !important;
    }
  } 










.some-links p{
    text-align: left;
    font-family: 'SaveurSansRegular', sans-serif !important;
    margin: 0;
    font-weight: 100;
    font-size: 1em !important;
}

.some-links-artikel p{
    text-align: left;
    font-family: 'SaveurSansRegular', sans-serif !important;
    margin: 0;
    font-weight: 100;
    font-size: 1em !important;
}
@media only screen and (max-width: 450px) {
   
    .some-links-artikel ul {
        scale: 0.7 !important;
        transform-origin: center !important;
    }

    .some-links-artikel p {
        text-align: center;
        font-family: 'SaveurSansRegular', sans-serif !important;
        margin: 0;
        font-weight: 100;
        font-size: 1em !important;
    }
  } 


#menu-social-1{
    list-style: none;
    margin-top: 0px;
    padding: 15px 0px 0px 0px;
    display: flex;
    gap: 20px;
    align-items: center;
    scale: .5;
    transform-origin: top left;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    margin-top:-15px;
}



#menu-social{
    list-style: none;
    margin-top: 0px;
    padding: 15px 0px 0px 0px;
    display: flex;
    gap: 20px;
    align-items: center;
    scale: .5;
    transform-origin: top left;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
    margin-top:-15px;
}



.menu-item-3250 a,
.menu-item-3249 a,
.menu-item-3248 a,
.menu-item-3251 a,
.menu-item-3252 a,
.menu-item-3253 a,
.menu-item-3254 a{
    visibility: hidden;
    font-size: 0.1rem;
  }

.menu-item-3250 a::after {
    content: url("../images/instagram.svg");
    visibility: visible;
    display: block;
    width: 40px;
    height: 40px;
}

.menu-item-3249 a::after {
    content: url("../images/facebook.svg");
    visibility: visible;
    display: block;
    width: 40px;
    height: 40px;
}

.menu-item-3248 a::after {
    content: url("../images/youtube.svg");
    visibility: visible;
    display: block;
    width: 52px;
    height: 40px;
}

.menu-item-3251 a::after {
    content: url("../images/tiktok.svg");
    visibility: visible;
    display: block;
    width: 34px;
    height: 40px;
}

.menu-item-3252 a::after {
    content: url("../images/spotify.svg");
    visibility: visible;
    display: block;
    width: 40px;
    height: 40px;
}

.menu-item-3253 a::after {
    content: url("../images/apple.svg");
    visibility: visible;
    display: block;
    width: 40px;
    height: 60px;
}

.menu-item-3254 a::before {
    content: url("../images/newsletter.svg");
    visibility: visible;
    display: block;
    width: 240px;
    height: 6px;
    margin-top: 3px;
}






@media only screen and (max-width: 800px) {


.menu-item-3250 a::after {

    width: 20px;
    height: 20px;
}

.menu-item-3249 a::after {

    width: 20px;
    height: 20px;
}

.menu-item-3248 a::after {

    width: 28px;
    height: 20px;
}

.menu-item-3251 a::after {
 
    width: 19px;
    height: 20px;
}

.menu-item-3252 a::after {

    width: 20px;
    height: 20px;
}

.menu-item-3253 a::after {

    width: 20px;
    height: 30px;
}

.menu-item-3254 a::before {

    width: 140px;
    height: 3px;
    margin-top: 12px;
}

}




@media only screen and (max-width: 450px) {
  
    #menu-social{
        list-style: none;
        margin-top: 0px;
        padding: 0px 0px 0px 0px;
        display: flex;
        gap: 20px;
        align-items: center;
        scale: .7;
        transform-origin:center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-top:-15px;
    }

    .menu-item-3254 a::before {
        content: url("../images/newsletter.svg");
        visibility: visible;
        display: block;
        width: 240px;
        height: 6px;
        margin-top: 0px;
    }
    

    .some-links p{
        text-align: center;
        font-size: 1.1em !important;
    }
    
  } 





/* ////////////////////////////////////////////////////// */





/* ////////////////////////////////////////////////////// */
/* ////////////////////////  ABOUT  ///////////////////// */
/* ////////////////////////////////////////////////////// */

.about h2{
    font-family: 'SaveurSansRegular', sans-serif;
    font-size: 2.5em;
    font-weight: 100;
}

.about-text p{
    font-family: MADEMirage,serif;
    font-size: 1.4rem;
    line-height: 1.7rem;
}

.about img {
    border-radius: 500px;
    width: 70%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.about-container{
    display: flex;
}
.img{
    width: 30vw;
}

.about-text{
    width: 70vw;
    padding-left: 50px;
}


@media only screen and (max-width: 450px) {
  
    .about h2{
       margin-bottom: 10px;
       font-size: 1.5em;
    }

    .about img{
        border-radius: 0px;
        width: 100%;
    }
    .about-container{
        display: block;
    }
    .img{
        width: 100%;
    }
    
    .about-text{
        width: 100%;
        padding-left: 0px;
    }

    .about-text p{
        font-size: 1.1rem;
        line-height: 1.5rem;
    }
    
    .right li{
        font-size: 1.1em;
    line-height: 1.3em;
    }
    
  } 


/* ////////////////////////////////////////////////////// */





/* /////////////////////////////////////////////////////// */
/* ////////////////////////  SLIDER  //////////////////// */
/* ////////////////////////////////////////////////////// */


.slider-container{
    padding-top: 20px;
    padding-bottom: 40px;
}

.slider-navigation svg{
    width: 30px;
    transition: 0.3s;
}

.slider-navigation svg:hover{
    width: 33px;
    cursor: pointer;
}

.slider-navigation svg:last-of-type{
    transform: rotate(180deg);
}

.slider-navigation {
    right: 40px;
    margin-top: -110px;
    position: absolute;
    width: fit-content;
}

.more-handwritten{
    height: 60px;
    position: absolute;
    right: 13vw;
    margin-top: -65px;
}

.slider {
    width: calc(100% + 0px);
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}


.vers {
    position: relative !important;
    margin-left: -5px !important;
}

.row-main {
    flex-wrap: nowrap;
    margin-left: 100vw;
    width: max-content;
    position: absolute;
    z-index: 99;
}

.row-main .cell-main {
    float: left;
    padding: 0.4em;
    width: 300px;
    position: relative;
}

.aspectratio[data-ratio="16:9"] {
    padding-top: 150%;
}

.row-main .cell-main > * {
    /* display: flex;
    justify-content: center; */
}

.cell-main h4{
    margin: 0px 0px 0px 0px;
    font-size: 0.9em;
}

.cell-main *{
    text-decoration: none;
}

.aspectratio {
    width: 100%;
    height: 0;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    background-color: white;
    border-radius: 7px;
}


.ls-blur-up-img, .imgcontainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 7px;
}

.textcontainer {
    padding-top: 10px;
    padding-bottom: 0px;
    font-size: 1.3em;
}

.readmore{
    font-family: "SaveurSansRegular";
    font-size: 0.6em !important;
}




@media only screen and (max-width: 450px) {
  
    .slider-container{
        padding-top: 60px;
    }
    .slider-navigation svg{
        display: none;
    }
    .more-handwritten{
        height: 44px;
        width: 209px;
        position: absolute;
        right: 0;
        margin-top: -40px;
        right: 0px;
    }
    .row-main .cell-main {
        float: left;
        padding: 0.4em;
        width: 260px;
    }
  } 


/* ////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////// */
/* //////////////////////  FOOTER   /////////////// ///// */
/* ////////////////////////////////////////////////////// */

footer{
    display: flex !important;
    color: var(--white);
    font-size: 1em;
    line-height: 1.4em;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    z-index: 99999;
}

footer a{
    text-decoration: none;
}

footer li{
    margin-bottom: 0px;
}

.middle{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    align-content: start;
    flex-wrap: wrap;
    flex-direction: row;
    width: 85%;
    /* bottom: 0; */
    height: fit-content;
    /* margin-top: 120px;
   
    /* margin-top: 120px; */

}

/* .middle div:first-of-type{
    background-color: red;
}
.middle div:last-of-type{
    background-color: green;
} */

.footer-right{
    width: 50vw;
    /* display: flex; */
    padding: 60px;
}


.footer-right a{
    color: var(--white);
    line-height: 1em;
}

.footer-right a:hover{
    font-weight: bold;
}

.footer-right ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.footer-right .middle > div{
    width: 150px;
}



.footer-right #menu-social-2 .menu-item-3248 a::before {
    content: url(../images/youtube_white.svg);
    visibility: visible;
    display: block;
    width: 18px;
    height: 10px;
}

.footer-right #menu-social-2 .menu-item-3251 a::before {
    content: url(../images/tiktok_white.svg);
    visibility: visible;
    display: block;
    width: 18px;
    height: 22px;
}

.footer-right li {
    line-height: 1.6em;
    margin-bottom: 0px !important;
}




@media only screen and (max-width: 1300px) {
  
   
    .middle{
        width: 100%;
    }


    .container1 {
        grid-column: 1 / 2; /* Span container1 in the first column */
        grid-row: 1 / 3; /* Span container1 across two rows */
      }
      
      .container2, .container3 {
        grid-column: 2 / 3; /* Place container2 and container3 in the second column */
      }
      
  
    
  } 


  @media only screen and (max-width: 1000px) {

    footer {
        display: block !important;
    }

    footer .newsletter {
        display: block !important;
    }

    .footer-right{
        width: 100vw;
    }
    .newsletter {
        width: 100vw !important;
    }

    .middle{
        margin-top: 100px;
    }

    .footer-right{
        padding: 20px;
    }

    footer .newsletter {
        padding: 20px;
    }

    footer .headline-right {
        margin-top: 20px !important;
    }

    .middle{
        width: 80%;
    }
} 


#menu-social-2{
    /* list-style: none;
    margin-top: 0px; */

    list-style: none;
    margin-top: 0px;
    /* min-width: 81vw; */
    display: flex;
    gap: 16px;
    /* margin-top: 40px;
    margin-bottom: 15px; */
}



  @media only screen and (max-width: 1140px) {

    #inputfield {
        font-size: 0.8rem;
    }

    #submitbutton {
        font-size: 0.8rem;
    }

    .footer-right #menu-social-2{
        list-style: none;
        margin-top: 30px;
        display: flex;
        gap: 16px;
        margin-top: 50px;
        margin-bottom: 27px;
    }
      
} 


@media only screen and (max-width: 1000px) {

    .middle{
        width: 100%;
    }

    .container2{
        width: 60% !important;
    }

    .container3{
        width: fit-content !important;
    }

} 


@media only screen and (max-width: 885px) {


    .footer-right #menu-social-2{
        list-style: none;
        margin-top: 30px;
        display: flex;
        gap: 16px;
        margin-top: 50px;
        margin-bottom: 27px;
    }
} 


@media only screen and (max-width: 450px) {
  

    footer{
        display: block !important;
        color: var(--white);
        font-size: 1.1em;
        line-height: 1.2em;
        font-family: "Figtree", sans-serif;
        font-optical-sizing: auto;
        font-weight: 300;
        font-style: normal;
    }
   
    .footer-right #menu-social-2{
        list-style: none;
        margin-top: 30px;
        display: flex;
        gap: 16px;
        margin-top: 50px;
        margin-bottom: 27px;
    }

    footer .newsletter{
        width: 100vw;
        padding: 40px !important;
    }

    .middle{
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .footer-right{
        width: 100vw;
        padding: 20px;
        width: 100vw;
        display: block !important;
    }

    .container1 {
        grid-column: 1 / 2; /* Span container1 in the first column */
        grid-row: 1 / 3; /* Span container1 across two rows */
      }
      
      .container2, .container3 {
        grid-column: 3 / 3; /* Place container2 and container3 in the second column */
      }

      .footer-right .middle > div {
        width: auto;
    }

  } 



  .newsletter{
    width: 50vw;
    height: auto;
}

footer .newsletter{
    background-color: var(--purple);
    text-align: center;
    color: var(--white);
    padding: 35px;
    display: inline;

}

.headline-newsletter{
        text-align: center;
        font-family:'MADEMirage', serif;
        font-weight: bold;
        font-size: 2em;
        line-height: 1.1em;

    
}


input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.checkbox-round {
    width: 1.3em;
    height: 1.3em;
    background-color: var(--white);
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid var(--orange);
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin-right: 20px;
    font-size: 0.7rem;
}

.checkbox-round:checked {
    background-color: var(--orange);
}

input {
    line-height: normal;
}

footer .newsletter svg{
    fill: var(--white);
    width: 70px;
    height: 70px;
}

footer .newsletter a{
    color: var(--white);
}

.form{
    display: flex;
    gap: 20px;
    justify-content: center;
    padding-bottom: 30px;
}

#submitbutton{
    bottom: 0;
    border: 0px;
    border-radius: 30px;
    width: 20%;
    padding: 17px 7px 17px 7px;
    transition: 0.4s;
}

::placeholder {
    color: var(--black);
    opacity: 1; /* Firefox */
  }
  
  ::-ms-input-placeholder { /* Edge 12 -18 */
    color: var(--black);
  }


#submitbutton:hover{
    background-color: var(--orangedark);
    transition: 0.4s;
    /* cursor: pointer; */
}

button{
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor:not-allowed;
}

#inputfield{
    border-radius: 116px;
    width: 50%;
    padding: 17px 2px 17px 26px;
    background-color: var(--orange);
    color: var(--black);
}

textarea:focus, input:focus{
    outline: none;
}
.button-outline{
    background-color: var(--orange);
    border: 0px;
    color: var(--black);
}


footer .footer-right{
    background-color: var(--black);
}

footer .headline-right{
    font-family: 'MADEMirage', serif;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.1em;
    margin-top: 0;
    margin-bottom: 90px;
}





@media only screen and (max-width: 450px) {
  

    .headline-newsletter {
        text-align: center;
        font-family: 'MADEMirage', serif;
        font-weight: bold;
        font-size: 1.8em;
        line-height: 1.1em;
    }
    
   
    footer .newsletter{
        width: 100vw;
        padding: 40px !important;
    }
   
    footer .newsletter{
        display: block;
        padding: 20px;
    }
    footer .newsletter svg{
        width: 40px;
        height: 40px;
    }
    .form{
        display: block;
        
    }
    #submitbutton{
        width: 45%;
        font-size: 0.6em;
    }
    
    #inputfield{
        width: 100%;
        font-size: 0.6em;
    }

    footer label, footer p{
        font-size: 0.6em;
    }

    #submitbutton{
        margin-top: 20px;
    }
    
  } 




#menu-social-2 a{
    visibility: visible!important;
    font-size: 1rem;
    color: var(--white);
    display: inline-flex;
    align-content: center;
    align-items: center;
    gap: 10px;
}

#menu-social-2 li{
    /* margin-bottom: 8px; */
}


#menu-social-2 .menu-item-3250 a::before{
    content: url("../images/instagram_white.svg");
    visibility: visible;
    display: block;
    width: 18px;
    height: 18px;
}

#menu-social-2 .menu-item-3249 a::before {
    content: url("../images/facebook_white.svg");
    visibility: visible;
    display: block;
    width: 18px;
    height: 18px;
}

#menu-social-2 .menu-item-3248 a::before{
    content: url("../images/youtube_white.svg");
    visibility: visible;
    display: block;
    width: 18px;
    height: 18px;
}

#menu-social-2 .menu-item-3251 a::before{
    content: url("../images/tiktok_white.svg");
    visibility: visible;
    display: block;
    width: 18px;
    height: 18px;
}

#menu-social-2 .menu-item-3252 a::before{
    content: url("../images/spotify_white.svg");
    visibility: visible;
    display: block;
    width: 18px;
    height: 18px;
}

#menu-social-2 .menu-item-3253 a::before{
    content: url("../images/apple_white.svg");
    visibility: visible;
    display: block;
    width: 18px;
    height: 18px;
}

#menu-social-2 .menu-item-3250 a::after,
#menu-social-2 .menu-item-3249 a::after,
#menu-social-2 .menu-item-3248 a::after,
#menu-social-2 .menu-item-3251 a::after,
#menu-social-2 .menu-item-3252 a::after,
#menu-social-2 .menu-item-3253 a::after
{
   content: none;
}







/* ////////////////////////////////////////////////////// */




/* ////////////////////////////////////////////////////// */





.archive-wrapper{
    background-color: var(--white);
    padding: 60px 20px 20px 20px;
}

.archive-wrapper section{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: dense;
    grid-gap: 40px 25px;
}


.intro-block{
    text-align: center;
    display: flex;
    /* justify-content: center; */
    flex-direction: column;
    align-items: center;
    padding: 80px;
}

.intro-block h2 {
    font-size: 4.4vw!important;
    font-weight: 200;
    padding: 0;
    margin: 3vw;
    /* word-break: break-all; */
}

.intro-block h3{
    font-family: SaveurSansRegular,sans-serif!important;
}




.intro-block p{
    width: 100%;
    font-size: 1.1em;
    text-align: center;
}

.grid__item {
    position: relative;
}

.grid__item--lg {
    grid-column: span 2;
    grid-row: span 2;
    /* height: 770px; */
}

.aspectratio-2[data-ratio="16:9"] {
    padding-top: 130%;
}

/* .row-main .cell-main > * {
    display: flex;
    justify-content: center;
} */

.cell-main-archive h4 {
    margin: 12px 0px 0px 0px;
    font-size: 1.1em;
}

.cell-main-archive a{
    text-decoration: none;
}

.aspectratio-2 {
    width: 100%;
    height: 0;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    background-color: white;
}



@media only screen and (max-width: 1560px) {

    .grid__item--lg {
        grid-column: span 2;
        grid-row: span 2;
        /* height: 770px; */
    }

    .archive-wrapper section {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-auto-flow: dense;
        grid-gap: 40px 25px;
    }

    .intro-block p {
        width: 100%;
        font-size: 0.9em;
        text-align: center;
    }
    .cell-main-archive h4 {
        margin: 0px 0px 0px 0px;
        font-size: 0.9em;
    }

    .aspectratio-2[data-ratio="16:9"] {
        padding-top: 170%;
    }
      
} 


@media only screen and (max-width: 1200px) {

    .grid__item--lg {
        grid-column: span 3;
        grid-row: span 2;
        height: 770px;
    }

    .archive-wrapper section {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-auto-flow: dense;
        grid-gap: 40px 25px;
    }

    .intro-block p {
        width: 100%;
        font-size: 0.9em;
        text-align: center;
    }
    .cell-main-archive h4 {
        margin: 0px 0px 0px 0px;
        font-size: 0.9em;
    }

    .aspectratio-2[data-ratio="16:9"] {
        padding-top: 160%;
    }

    /* .grid__item--sm{
        width: 30px;
    } */
      
} 


@media only screen and (max-width: 1100px) {

    .grid__item--lg {
        grid-column: span 3;
        grid-row: span 4;
        height: 700px;
    }

    .archive-wrapper section {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-flow: dense;
        grid-gap: 40px 25px;
    }


    .intro-block p {
        width: 100%;
        font-size: 0.9em;
        text-align: center;
    }
    .cell-main-archive h4 {
        margin: 0px 0px 0px 0px;
        font-size: 0.9em;
    }

    .aspectratio-2[data-ratio="16:9"] {
        padding-top: 130%;
    }

    /* .grid__item--sm{
        width: 30px;
    } */
      
} 



@media only screen and (max-width: 900px) {

    .grid__item--lg {
        grid-column: span 2;
        grid-row: span 4;
        height: 700px;
    }

    .archive-wrapper section {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: dense;
        grid-gap: 40px 25px;
    }


      
} 



@media only screen and (max-width: 650px) {

    .grid__item--lg {
        grid-column: span 2;
        grid-row: span 4;
        height: auto;
    }

    .archive-wrapper section {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: dense;
        grid-gap: 40px 25px;
    }

    .intro-block {
        padding: 20px;
    }


      
} 


@media only screen and (max-width: 450px) {


    .cell-main-archive h4 {
        margin: 0px 0px 0px 0px;
        font-size: 0.7em;
        line-height: 1em;
    }

    .readmore {
        font-family: "SaveurSansRegular";
        font-size: 0.5em !important;
    }

    .archive-wrapper section {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: dense;
        grid-gap: 10px 10px;
    }

    .intro-block h2 {
        font-size: 9vw!important;
        font-weight: 200;
        padding: 0;
        margin: 3vw;
        word-break: break-all;
    }
      
} 




.archive-socials{
    transform-origin: top center !important;
}

.illu-archive{
    width: 100px;
    height: 100px;
    display: block;
}


.sub-cat-list ul{
    display: inline-flex;
    /* visibility: hidden; */
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 8px;
    padding-bottom: 0px;
    margin-top: 10px;
    width: 100%;
}




@media only screen and (max-width: 450px) {


.sub-cat-list ul {
    display: inline-flex;
    /* visibility: hidden; */
    flex-wrap: wrap;
    justify-content: start;
    align-items: flex-start;
    /* gap: 8px; */
    padding-bottom: 0px;
    margin-top: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
}

}

.sub-cat-list li{
    list-style: none;
    background-color: var(--purple);
    border-radius: 30px;
    color: var(--white);
    padding: 8px 16px 8px 16px;
    font-size: 0.5em;
    transition-duration: 200ms;
    text-decoration: none;
    font-size: 1em;
    font-family: 'SaveurSansRegular', sans-serif !important;
}

.current-cat{
    background-color: #9f56ff !important;
}

.sub-cat-list li:hover{
    background-color: #9f56ff;
    border-radius: 30px;
    color: var(--white);
    padding: 8px 16px 8px 16px;
    font-size: 0.5em;
    transition-duration: 200ms;
    text-decoration: none;
    font-size: 1em;
    font-family: 'SaveurSansRegular', sans-serif !important;
}


.sub-cat-list a{
    border-radius: 30px;
    color: var(--white);
    padding: 8px 16px 8px 16px;
    font-size: 1em;
    transition-duration: 200ms;
    text-decoration: none;
    padding-right: 0px;
    padding-left: 0px;
}




/* ////////////////////////////////////////////////////// */
/* ///////////////////  FRONTPAGE  ////////////////// */
/* ////////////////////////////////////////////////////// */


.stage{
    background-color: var(--orange);
    padding: 20px;
    padding-top: 130px;
}

.stageinner{
    display: flex;
    position: relative;
}

.stageinner div{
    /* height: 600px; */
}

.stageimg{
    /* background-color: aqua; */
    width: 46%;
    padding-top: 190px;
}

.stageimg img{
    /* background-color: #9f56ff; */
    width: 84%;
    aspect-ratio: 9/11;
    object-fit: cover;
    object-position: top;
}

.stageheadline{
    /* background-color: crimson; */
    width: 28%;
}

.vari{
    /* background-color: #9f56ff; */
    position: absolute;
    width: 48%;
}

.stageheadline h1{
    color: var(--black);
    font-size: 7vw !important;
    margin: 0;
    line-height: 6.7vw;
}

.toptopics{
    position: absolute;
    bottom: 0;
}

.toptopics a{
    text-decoration: none;
}

.toptopics h2{
    text-align: left;
    font-family: 'SaveurSansRegular', sans-serif !important;
    margin: 0;
    font-weight: 100;
    font-size: 1em !important;
}

.toptopics ul{
    padding: 0;
    list-style: none;
    font-family: 'MADEMirage', serif;
    font-size: 2.3vw;
    padding: 0;
    margin: 0;
    width: 25vw;
}

.toptopics li{
    border-bottom: 1px solid var(--black);
    padding-bottom: 9px;
    padding-top: 7px;
    margin-bottom: 0 !important;
}


/* Add a margin to separate the icon from the text */
.toptopics li::after {
    content: url("/wp-content/themes/main/library/images/pfeil.svg");
    display: inline-block;
    margin-left: 35px;
    height: 49px;
    width: 10px;
    float: right;
    margin-top: -2px;
  }

@media only screen and (max-width: 1138px) {


    .toptopics li {
        border-bottom: 1px solid var(--black);
        padding-bottom: 9px;
        padding-top: 10px;
        margin-bottom: 0 !important;
    }

      
} 

@media only screen and (max-width: 1019px) {


    .toptopics li {
        border-bottom: 1px solid var(--black);
        padding-bottom: 9px;
        padding-top: 10px;
        margin-bottom: 0 !important;
    }

    .toptopics li::after {
        content: url(/wp-content/themes/main/library/images/pfeil.svg);
        display: inline-block;
        margin-left: 35px;
        height: auto;
        width: 10px;
        float: right;
        margin-top: 2px;
    }

      
} 

@media only screen and (max-width: 930px) {


    .toptopics li {
        border-bottom: 1px solid var(--black);
        padding-bottom: 9px;
        padding-top: 10px;
        margin-bottom: 0 !important;
    }

    .toptopics li::after {

        width: 10px;

    }

      
} 


@media only screen and (max-width: 830px) {

    .toptopics ul{
        width: 100%;
    }

      
} 





.stageabout{
    /* background-color: darkgoldenrod; */
    width: 27%;
    position: relative;
}

.stageaboutinner{
    position: absolute !important;
    bottom: 3%;
    right: 0px;
    height: fit-content !important;
    width: 70%;
}

.stageaboutinner img{
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.overlayimg{
        /* width: 100% !important; */
        position: inherit;
        width: auto;
        height: 9vw;
        margin-top: -62px;
        margin-left: 12px;
}


.stage2{
    background: rgb(255,150,116);
    background: -moz-linear-gradient(180deg, rgba(255,150,116,1) 35%, rgba(255,150,116,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,150,116,1) 35%, rgba(255,150,116,0) 100%);
    background: linear-gradient(180deg, rgba(255,150,116,1) 35%, rgba(255,150,116,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9674",endColorstr="#ff9674",GradientType=1);
}

.stage2 h2{
    margin: 0;
    font-weight: 300;
    font-size: 2rem;
    padding-top: 50px;
}


.intro{
    display: flex;
    gap: 70px;
    margin-top: 120px;
}

.intro h2{
    color: var(--black);
    font-family: 'MADEMirage', serif;
    font-weight: 100;
    font-size: 2.4rem;
}

.intro > div{
    width: 50%;
}

.intro img{
    width: 100%;
}

.centerthis{
    /* margin: 0 auto; */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: center;
}


.sosome{
    padding-top: 70px;
    display: flex;
    justify-content: space-between;
}

.sosome > div{
    width: 50%;
    position: relative;
}

.podcastholder{
    width: 30%;
}

.podcastholder img {
    width: 55%;
    float: right;
    margin-top: -85px;
}

.overlayimg-pod{
    position: absolute;
    transform: rotate(-26deg);
    right: -168px;
    top: -177px;
    scale: 0.5;
}




@media only screen and (max-width: 1440px) {

    .overlayimg-pod {
   
        right: -130px;
        top: -110px;
    
    }

    .podcastholder img {
        width: 55%;
        float: right;
        margin-top: 77px;
                margin-right: 44px;
    }
      
} 



@media only screen and (max-width: 1024px) {

   
    .intro h2 {
        color: var(--black);
        font-family: 'MADEMirage', serif;
        font-weight: 100;
        font-size: 1.8rem;
    }
          
    } 


    


.products{
    background-color: var(--green);
    width: 100%;
    color: var(--white);
    margin-top: 80px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.products *{
    color: var(--white) !important;
}

.products h2{
    text-transform:uppercase;
    color: var(--white);
    font-size: 5rem;
    font-weight: 100;
    margin: 0;
    line-height: 4.8rem;
}

.products .subline{
    font-family: 'SaveurSansRegular';
    max-width: 450px;
    font-size: 1.2rem;
    margin-top: 260px;
}

.background{
    padding: 20px;
    position: absolute;
}

.background-green{
    padding: 20px;
    position: absolute;
    max-width: 500px;
}

.productslider{
    position: relative;

}

.productslider-container{
    padding-top: 20px;
    padding-bottom: 20px;
}

.textcontainer-product {
    padding: 15px;
    font-size: 1.3em;
    position: relative;
    z-index: 99;
    background-color: #655B3C;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    /* min-height: 96.96px; */
}


.readmore-product p{
    font-family: "SaveurSansRegular";
    font-size: 0.6em !important;
}

.aspectratio-product[data-ratio="16:9"] {
    padding-top: 130%;
    background-color: var(--orange);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}


.prod{
    /* margin-left: 35vw !important; */
    margin-left: max(35vw, 530px) !important;

}


.row-main-prod .cell-main-prod {
    float: left;
    margin-right: 0.7em;
    width: 300px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}


.row-main-prod {
    flex-wrap: nowrap;
    margin-left: 100vw;
    width: max-content;
    position: absolute;
    z-index: 99;
}

.row-main .cell-main {
    float: left;
    padding: 0.4em;
    width: 300px;
    position: relative;
}


.cell-main-prod h4{
    margin: 0px 0px 0px 0px;
    font-size: 1em;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.cell-main-prod *{
    text-decoration: none;
}



.slider-navigation-product svg{
    width: 30px;
    height: 30px;
    transition: 0.3s;
}

.slider-navigation-product svg:hover{
    width: 33px;
    cursor: pointer;
}

.slider-navigation-product svg:last-of-type{
    transform: rotate(180deg);
}

.slider-navigation-product {
    right: 40px;
    /* margin-top: -110px; */
    position: absolute;
    width: fit-content;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
}



@media only screen and (max-width: 915px) {


    .products .subline {
        margin-top: 15px;
    }

    .background-green {
        position: relative;
    }

    .prod {
        margin-left: max(0vw, 20px) !important;
    }

      
} 




@media only screen and (max-width: 830px) {

    .products h2 {
        font-size: 4rem;
        line-height: 4.1rem;
        margin-top: 40px;
    }
    
    .products {
        padding-top: 0px;
    }

    .slider-navigation-product {
        right: 10px;
    }

    .stage {
        padding-top: 40px;
    }

    .stageinner {
        display: block;
        position: relative;
    }

    .stageimg img {
        width: 100%;
    }

    .stageimg {
        width: 100%;
        padding-top: 20px;
    }

    .vari {
        position: relative;
        width: 100%;
    }

    .stageheadline {
        width: 100%;
    }

    .stageheadline h1 {
        font-size: 12.2vw !important;
        line-height: 11.3vw;
        text-align: left !important;
        margin-top: 15px;
    }

    .toptopics {
        position: relative;
        margin-top: 50px;
    }

    .toptopics ul {
        padding: 0;
        list-style: none;
        font-family: 'MADEMirage', serif;
        font-size: 7.3vw;
        padding: 0;
        margin: 0;
    }

    .stageabout {
        width: 100%;
        position: relative;
    }

    .stageaboutinner {
        position: relative !important;
        width: 100%;
        margin: 0 auto;
        display: inline-grid;
        margin-top: 75px;
    }

    .stageaboutinner p{
        margin-top: 32px;
        font-size: 1.2em;
    }

    .stageaboutinner img {
        width: 75%;
        object-fit: cover;
        margin: 0 auto;
    }

    .overlayimg {
        /* width: 100% !important; */
        position: absolute;
        width: auto;
        height: 32vw;
        margin-top: -46px !important;
        margin-left: 50px !important;
    }

    .margin6060 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .intro {
        display: block;
        gap: 70px;
        margin-top: 40px;
    }

    .intro > div {
        width: 100%;
    }
      
    .intro h2 {
        font-size: 2.1rem;
    }

    .sosome {
        display: block;
    }

    .sosome > div {
        width: 100%;
    }

    .stage2 h2 {
        padding-top: 30px;
    }

    .slider-container {
        padding-top: 10px;
    }

    .stage2{
        background: rgb(255,150,116);
        background: -moz-linear-gradient(180deg, rgba(255,150,116,1) 35%, rgba(255,150,116,0) 70%);
        background: -webkit-linear-gradient(180deg, rgba(255,150,116,1) 35%, rgba(255,150,116,0) 70%);
        background: linear-gradient(180deg, rgba(255,150,116,1) 35%, rgba(255,150,116,0) 70%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9674",endColorstr="#ff9674",GradientType=1);
    }

    .products {
      
        margin-top: 20px;
    }

    .podcastholder img {
        width: 100%;
        float: none;
    }

    .overlayimg-pod {
        position: absolute;
    transform: rotate(-26deg);
    right: -117px;
    top: -142px;
    scale: 0.5;
    }

    .some-links > div{
        scale: 0.9;
    }

.podcastholder img {
    margin-right: 0px;
}

.some-links {
    margin-top: 0px;
}

.searchform-front {
    margin-top: 50px;
    margin-bottom: 45px;
}

} 



@media only screen and (max-width: 500px) {



.overlayimg-pod {
    position: absolute;
    transform: rotate(-26deg);
    right: -80px;
    top: -126px;
    scale: 0.5;
}
}




/* ///////////////  IMPRESSUM DATENSCHUTZ  ///////////////////////// */


.standard-page-wrapper{
    padding: 80px 20px 20px 18px;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 1.3em;

}

.standard-page-wrapper h1 {
    margin-top: 70px;
    margin-bottom: 160px;
    text-align: center;
    font-size: 7vw !important;
}

.standard-page-wrapper h3 {
    font-size: 1.2rem;
    font-weight: 100;
}

.standard-page-wrapper p{
    margin-top: 7px;
    line-height: 1.2em;
}





@media only screen and (max-width: 800px) {



    .standard-page-wrapper p {
        margin-top: 7px;
        line-height: 1.1em;
        font-size: 0.9rem;
    }
    
    }


.standard-page-wrapper span{
    font-weight: 100;
}


/* ///////////////////////////////////////////////////////////////// */





/* ///////////////  BIG STAGE TEMPLATE  ///////////////////////// */


.bigstage-headline{
    padding: 80px 20px 20px 18px;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 1.3em;

}


/* ///////////////////////////////////////////////////////////////// */





/* ///////////////  BIG STAGE TEMPLATE  ///////////////////////// */


.workwithus{
    background-color: #b985ff;
    color: #f5f5f5;
    position: relative;
    justify-content: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

.header-sub{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 90vw;
    margin-bottom: 20px;
}

.logoleiste{
    width: 46vw !important;
    padding: 0 !important;
}

.workwithus img{
    width: 90vw;
    padding: 92px 20px 55px 20px;

}

.bigstageimg{
    width: 40vw;
    /* position: absolute;
    margin-top: -240px; */
    aspect-ratio: 1 / 1;
    object-fit: cover;

}

/* .type-page{
    padding: 20px;
    max-width: 95vw;
    margin: 0 auto;
} */

.work-content{
    display: flex !important;
    padding: 20px;
    max-width: 95vw;
    margin: 0 auto;
}

.work-left{
    width: 50%;
    margin-top: -260px;
    z-index: 999;
}

.work-left h1{
    max-width: 40vw;
}

.work-right{
    width: 50%;
}

.writeus{
    border: 0px;
    border-radius: 30px;
    width: auto;
    padding: 14px 17px 14px 17px;
    transition: 0.4s;
    background-color: var(--orange);
    text-decoration: none;
    transition: 0.3s;
    font-family: 'SaveurSansRegular';
    color: var(--white);
    font-weight: 100;
    height: fit-content;
    min-width: fit-content;
}

.writeus:hover{
    background-color: var(--orangedark);
    transition: 0.3s;
}


.flex{
    display: flex;
    margin-top: 50px;
}

.flex > .menu-social-container{
    margin-left: 40px;
    margin-top: 8px;
}

.flex #menu-social{
    flex-wrap: nowrap;
}

.products-work {
    /* background-color: var(--green); */
    width: 100%;
    color: var(--white);
    margin-top: 0px;
    /* padding-top: 40px; */
    padding-bottom: 40px;
}

.slider-work {
    max-width: 95vw;
    padding-left: 20px;
    margin: 0 auto;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.prod-work {
    margin-left: 0px;
}

.textcontainer-product-work {
    /* padding: 15px; */
    font-size: 1.3em;
    position: absolute;
    z-index: 99;
    /* background-color: #655B3C; */
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    /* min-height: 96.96px; */
    margin-top: 15px;
}


.work-right p{
    font-size: 1.4em;
    line-height: 1.4em;
}


@media only screen and (max-width: 390px) {

.work-right p {
    font-size: 1.1em;
    line-height: 1.3em;
}
}

.work-right > .flex{
    display: block;
    overflow: hidden;
}

.work-right > .flex > .menu-social-container {
    margin-left: 0px;
    margin-top: 30px;
}

@media only screen and (max-width: 1000px) {

    .work-content {
        display: flex !important;
        padding: 0px;
        max-width: 95vw;
        margin: 0 auto;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .work-left{
        width: 100%;
        margin-top: -190px;
        z-index: 998;
    }
    
    .work-left h1{
        max-width: 100vw;
    }
    
    .work-right{
        width: 100%;
    }

    .work-right > .flex{
        display: block;
        overflow: visible;
    }

    .work-right > .flex > .menu-social-container {
        margin-left: 0px;
        margin-top: 30px;
    }

    .flex > .menu-social-container > #menu-social {
        list-style: none;
        margin-top: 0;
        padding: 15px 0 0;
        display: flex;
        gap: 20px;
        align-items: center;
        scale: .5;
        transform-origin: top left;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: left;
        margin-top: -15px;
    }
      
} 

@media only screen and (max-width: 600px) {



    .work-left{
        margin-top: 0px;
    }

    .work-left > .bigstageimg{
        width: 100%;
        margin-top: 10px;
    }

    .header-sub {
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 90vw;
        margin-bottom: 20px;
    }
    

    .logoleiste {
        width: 53vw !important;
        padding: 0 !important;
    }

      
} 




.slider-navigation-product-work {
    right: 7px;
    /* margin-top: -110px; */
    position: absolute;
    width: fit-content;
    top: 45%;
    transform: translateY(-50%);
    z-index: 100;
}


.slider-navigation-product-work svg{
    width: 30px;
    height: 30px;
    transition: 0.3s;
}

.slider-navigation-product-work svg:hover{
    width: 33px;
    cursor: pointer;
}

.slider-navigation-product-work svg:last-of-type{
    transform: rotate(180deg);
}


/* ///////////////////////////////////////////////////////////////// */



.big-stage {
    background-color: #a28f64;
    color: #ffffff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.big-stage-img{
    width: 70vw;
    margin-top: 100px;
}


.big-stage-subimg {
    width: 230px;
    margin-top: 40px;
    margin-bottom: 40px;
}



@media only screen and (max-width: 1000px) {


    .products .subline {
        margin-top: 15px;
    }

    .background-green {
        position: relative;
    }

    .prod {
        margin-left: max(0vw, 20px) !important;
    }

      
} 




.custom-comment-form textarea{
    width: 100%;
    margin-top: 25px;
    border: 0px;
    border-radius: 10px;
    padding: 14px;
    font-family: "Figtree", sans-serif;

}


.custom-comment-form input{
    border: 0px;
width: 100%;
border-radius: 10px;
padding: 5px;
margin-top: 10px;
}



@media only screen and (max-width: 450px) {

    .custom-comment-form textarea{
        width: 100%;
        margin-top: 25px;
        border: 0px;
        border-radius: 10px;
        padding: 14px;
        font-family: "Figtree", sans-serif;

    }
    

    .custom-comment-form input{
        border: 0px;
    width: 100%;
    border-radius: 10px;
    padding: 5px;
    margin-top: 10px;
    }
    

      
} 







.rmBody.rmBody--embed {
    background: #F7F9FA;
}
#rmOrganism .rmBase {
    background: #F7F9FA;
    color: #969A9E;
    font-family: Arial, Helvetica, sans-serif;
}
#rmOrganism .rmBase__comp--textlink {
    color: #1CCC71;
}
#rmOrganism .rmBase__comp--link {
    color: #1CCC71;
}
#rmOrganism .rmBase__comp--button {
    background: #1CCC71;
    border: 0px solid #1CCC71;
    border-radius: 5px;
    color: #FFFFFF;
}
#rmOrganism .rmBase__comp--cta {
    background: #1CCC71;
    border: 0px solid #1CCC71;
    border-radius: 5px;
    color: #FFFFFF;
}
#rmOrganism .rmBase__compError {
    color: #FFFFFF;
    background-color: #FF0000;
}
    #rmOrganism .rmSubscription {
    background: #F7F9FA;
    color: #969A9E;
    font-family: Arial, Helvetica, sans-serif;
}
#rmOrganism .rmSubscription .rmBase__el {
    font-size: 16px;
    margin-bottom: 1em;
}
#rmOrganism .rmSubscription .rmBase__el--logo {
    text-align: center;
}
#rmOrganism .rmSubscription .rmBase__el--heading {
    margin-bottom: 0px;
    text-align: center;
}
#rmOrganism .rmSubscription .rmBase__el--text {
    margin-bottom: 28px;
    text-align: center;
}
#rmOrganism .rmSubscription .rmBase__el--link {
    text-align: center;
}
#rmOrganism .rmSubscription .rmBase__el--captcha {
    text-align: center;
}
#rmOrganism .rmSubscription .rmBase__el--cta {
    align-items: stretch
}
#rmOrganism .rmSubscription .rmBase__el--legal-notice {
    text-align: center;
}
#rmOrganism .rmSubscription .rmBase__comp--heading {
    color: #021C1E;
    font-size: 36px;
    line-height: 45px;
}
#rmOrganism .rmSubscription .rmBase__comp--text {
    font-size: 16px;
    line-height: 24px;
}
#rmOrganism .rmSubscription .rmBase__compLabel {
    color: #C9CED4;
}
#rmOrganism .rmSubscription .rmBase__comp--cta {
    font-size: 16px;
}
#rmOrganism .rmPopup__close {
    font-family: Arial, Helvetica, sans-serif;
}
#rmOrganism .rmPopup__backdrop {
    background: #303233;
    opacity: 0.6;
}
    #rmOrganism .rmPage {
    background: #F7F9FA;
    color: #969A9E;
    font-family: Arial, Helvetica, sans-serif;
}
#rmOrganism .rmPage .rmBase__comp--heading {
    color: #021C1E;
}
#rmOrganism .rmPage .rmBase__compLabel {
    color: #969A9E;
}
.rmBody{margin:0;padding:0}#rmOrganism{box-sizing:border-box}#rmOrganism *{color:currentColor;border:0;font-size:100%;font:inherit;margin:0;outline:none;padding:0;vertical-align:baseline}#rmOrganism *,#rmOrganism :after,#rmOrganism :before{box-sizing:inherit}#rmOrganism button::-moz-focus-inner,#rmOrganism input::-moz-focus-inner{border:0;padding:0}#rmOrganism input[type=email],#rmOrganism input[type=password],#rmOrganism input[type=text],#rmOrganism textarea{-webkit-appearance:none}#rmOrganism .hidden{display:none!important}#rmOrganism .rmPopup__container{bottom:0;display:none;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}#rmOrganism .rmPopup__container.rmPopup--show{display:flex}#rmOrganism .rmPopup__container .rmPopup__backdrop{display:block;height:100%;left:0;pointer-events:auto;position:absolute;top:0;width:100%}#rmOrganism .rmPopup__container .rmPopup{overflow:hidden;pointer-events:auto}#rmOrganism .rmPopup__container .rmPopup .rmPopup__close{align-items:center;background:rgba(0,0,0,.6);border-radius:100%;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:700;height:1.6em;justify-content:center;line-height:1;position:absolute;right:2px;text-align:center;top:2px;width:1.6em;z-index:100}#rmOrganism .rmPopup__container .rmPopup.rmPopup--modal{border-radius:1em 1em 0 0;max-height:90%;overflow:hidden;position:absolute;bottom:0;left:50%;transform:translate(-50%);width:98%}@media screen and (min-width:768px){#rmOrganism .rmPopup__container .rmPopup.rmPopup--modal{border-radius:1em;box-shadow:0 0 1em rgba(0,0,0,.25);bottom:auto;top:5%;width:calc(100% - 2em)}}#rmOrganism .rmPopup__container .rmPopup.rmPopup--sidebar{border-radius:1em 0 0 0;box-shadow:0 0 1em rgba(0,0,0,.25);max-height:calc(100% - 1em);overflow:hidden;position:absolute;right:0;bottom:0;width:calc(100% - 1em)}#rmOrganism .rmPopup__container .rmPopup.rmPopup--banner{box-shadow:0 0 1em rgba(0,0,0,.15);overflow:hidden;position:absolute;left:0;width:100%}#rmOrganism .rmPopup__container .rmPopup.rmPopup--banner.rmLayout--banner-top{top:0}#rmOrganism .rmPopup__container .rmPopup.rmPopup--banner.rmLayout--banner-bottom{bottom:0}#rmOrganism .rmBase__el .comp__input,#rmOrganism .rmBase__el .comp__select{background:#fff;border:none;border-radius:.25em;box-shadow:inset 0 2px 1px rgba(0,0,0,.05),inset 0 0 0 1px rgba(0,0,0,.2);color:#666;font-family:inherit;font-size:1em;font-weight:400;height:2.5em;line-height:1.5;margin:0;outline:none;padding:.5em;vertical-align:top;width:100%}#rmOrganism .rmBase__el .comp__input:focus,#rmOrganism .rmBase__el .comp__select:focus{box-shadow:inset 0 2px 1px rgba(0,0,0,.05),inset 0 0 0 1px rgba(0,0,0,.5);color:#666;outline:none}#rmOrganism .rmBase__el .comp__input::placeholder{color:currentColor!important;opacity:1!important}#rmOrganism .rmBase__el.rmBase__el--has-error .rmBase__compError{display:inline-block}#rmOrganism .rmBase__el--title .rmBase__comp--titleInput{margin-top:1em}#rmOrganism .rmBase__el--image{margin:0!important}#rmOrganism .rmBase__comp--image{background:no-repeat 50%;height:100%;position:relative;width:100%}#rmOrganism .rmBase__comp--image.image--fit{background-size:cover}#rmOrganism .rmBase__comp--image .image__link{display:block;height:100%;width:100%}#rmOrganism .rmBase__comp--logo{border:none;display:inline-block;height:auto;max-width:100%;vertical-align:top}#rmOrganism .rmBase__comp--logolink{display:inline-block}#rmOrganism .rmBase__comp--cta{cursor:pointer;display:inline-block;font-family:inherit;line-height:1.5;font-weight:700;text-align:center;padding:.5em 1.5em}#rmOrganism .rmBase__comp--button,#rmOrganism .rmBase__comp--link{cursor:pointer;display:inline-block;line-height:1.5;text-decoration:none}#rmOrganism .rmBase__comp--link{font-weight:400;padding:.5em 0}#rmOrganism .rmBase__comp--link:hover{text-decoration:underline}#rmOrganism .rmBase__comp--button{font-weight:700;padding:.5em 1em}#rmOrganism .rmBase__comp--textlink{cursor:pointer;font-weight:400;text-decoration:none}#rmOrganism .rmBase__comp--textlink:hover{text-decoration:underline}#rmOrganism .rmBase__comp--captcha{display:inline-block;max-width:100%;overflow:hidden;text-align:left;vertical-align:top}#rmOrganism .rmBase__comp--coupon{border:2px dashed;display:inline-block;line-height:1.5;padding:.75em 2.25em}#rmOrganism .rmBase__comp--birthday{display:flex}#rmOrganism .rmBase__comp--birthday .comp__select{flex-grow:1;min-width:1%}#rmOrganism .rmBase__comp--birthday .comp__select:not(:first-child){margin-left:1em}#rmOrganism .rmBase__comp--privacy{align-items:center;display:flex}#rmOrganism .rmBase__comp--privacy .privacy__visual{flex-shrink:0;font-size:16px;height:4em;margin-right:1em;width:4em}#rmOrganism .rmBase__comp--privacy .privacy__text{font-size:11px;line-height:1.4;text-align:left}#rmOrganism .rmBase__comp--privacy .privacy__text a{color:currentColor;text-decoration:underline}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox,#rmOrganism .rmBase__comp--radio .vFormCheckbox{align-items:flex-start;display:inline-flex}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__indicator,#rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__indicator{background:#fff;border:1px solid #ccc;border-radius:.125em;color:#666;cursor:pointer;display:inline-block;flex-shrink:0;font-size:1.25em;height:1em;line-height:0;position:relative;vertical-align:top;width:1em}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__input,#rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__input{display:none;left:0;opacity:0;position:absolute;top:0}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__input:checked~.vFormCheckbox__indicator:after,#rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__input:checked~.vFormCheckbox__indicator:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='10' height='10'%3E%3Cpath fill='%23333' d='M19.4 2.6c-.8-.8-2-.8-2.8 0L6.4 12.8l-3-3.1c-.8-.8-2-.8-2.8 0-.8.8-.8 2 0 2.8L5.1 17c.8.8 2 .8 2.8 0l1.4-1.4L19.4 5.4c.8-.8.8-2 0-2.8z'/%3E%3C/svg%3E") no-repeat 50%;content:"";display:block;height:.75em;left:50%;margin:-.375em 0 0 -.375em;position:absolute;top:50%;width:.75em}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__label,#rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__label{font-size:1em;line-height:1.25;margin:0}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__indicator~.vFormCheckbox__label,#rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__indicator~.vFormCheckbox__label{margin:0 0 0 .75em}#rmOrganism .rmBase__comp--checkbox .vFormCheckbox:hover .vFormCheckbox__indicator,#rmOrganism .rmBase__comp--radio .vFormCheckbox:hover .vFormCheckbox__indicator{border-color:#666}#rmOrganism .rmBase__comp--checkbox{font-size:1em;line-height:1.25}#rmOrganism .rmBase__comp--radio{padding-top:.625em}#rmOrganism .rmBase__comp--radio .vFormRadio__group--inline,#rmOrganism .rmBase__comp--radio .vFormRadio__group--stacked{display:inline-flex;flex-direction:row;flex-wrap:wrap}#rmOrganism .rmBase__comp--radio .vFormRadio__group--stacked{flex-direction:column}#rmOrganism .rmBase__comp--radio .vFormRadio{align-items:flex-start;display:inline-flex;vertical-align:top}#rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__indicator{background:#fff;border:1px solid #ccc;border-radius:100%;color:#666;cursor:pointer;display:inline-block;flex-shrink:0;font-size:1.25em;height:1em;position:relative;vertical-align:top;width:1em}#rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__input{display:none;left:0;opacity:0;position:absolute;top:0}#rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__input:checked~.vFormRadio__indicator:after{background:currentColor;border-radius:100%;content:"";display:block;height:.5em;left:50%;margin:-.25em 0 0 -.25em;position:absolute;top:50%;width:.5em}#rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__label{font-size:1em;line-height:1.25;margin:0 0 0 .75em}#rmOrganism .rmBase__comp--radio .vFormRadio:hover .vFormRadio__indicator{border-color:#666}#rmOrganism .rmBase__comp--radio .vFormRadio--inline{display:inline-flex}#rmOrganism .rmBase__comp--radio .vFormRadio--inline:not(:first-child){margin-left:1em}#rmOrganism .rmBase__comp--radio .vFormRadio--stacked{display:flex}#rmOrganism .rmBase__comp--radio .vFormRadio--stacked:not(:first-child){margin-top:.5em}#rmOrganism .rmBase__compError{border-radius:3px;display:none;font-size:12px;font-weight:700;line-height:1.5;margin-top:2px;padding:1px 5px}#rmOrganism .rmBase__compError--radio{margin-top:.5em}#rmOrganism .rmBase__comp--legal-noticeDivider{background:currentColor;border:none;color:inherit;display:inline-block;font-size:1em;height:2px;line-height:0;margin-bottom:1em;opacity:.25;overflow:hidden;width:10em}#rmOrganism .rmBase__comp--legal-notice{font-size:11px;line-height:1.4}@media screen and (min-width:480px){#rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left{display:flex}#rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compLabel{flex-basis:30%;flex-shrink:0;hyphens:auto;margin:0;max-width:30%;padding:.625em .5em 0 0}#rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compContainer{flex-grow:1}}#rmOrganism .rmLayout--vertical.rmBase{display:flex;flex-direction:column;max-width:480px}@media screen and (min-width:768px){#rmOrganism .rmLayout--vertical.rmBase .rmBase__container{padding:2em}}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-top .rmBase__el--image{flex-shrink:0;height:100px}@media screen and (min-width:768px){#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-top .rmBase__el--image{height:140px}}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right{max-width:640px}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__el--image{flex-shrink:0;height:100px}@media screen and (min-width:768px){#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__body{flex-direction:row}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__el--image{flex-basis:0px;flex-grow:1;height:auto;order:10}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__content{flex-basis:80%;flex-grow:1;flex-shrink:0;max-width:400px}}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-bottom .rmBase__el--image{flex-shrink:0;height:100px;order:10}@media screen and (min-width:768px){#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-bottom .rmBase__el--image{height:140px}}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left{max-width:640px}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__el--image{flex-shrink:0;height:100px}@media screen and (min-width:768px){#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__body{flex-direction:row}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__el--image{flex-basis:0px;flex-grow:1;height:auto}#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__content{flex-basis:80%;flex-grow:1;flex-shrink:0;max-width:400px}}#rmOrganism .rmLayout--horizontal.rmBase{display:flex;flex-direction:column;max-width:640px}@media screen and (min-width:768px){#rmOrganism .rmLayout--horizontal.rmBase .rmBase__container{padding:2em}#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section{display:flex;flex-direction:row}#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el{flex-basis:0px;flex-grow:1;margin-right:1em}#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el:last-child{margin-right:0}#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--cta:not(:only-child),#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--link:not(:only-child){flex-basis:auto;flex-grow:0;flex-shrink:0}#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--label-pos-top~.rmBase__el--cta:not(:only-child),#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--label-pos-top~.rmBase__el--link:not(:only-child){align-self:flex-end}#rmOrganism .rmLayout--horizontal.rmBase .rmBase__section:last-child .rmBase__el{margin-bottom:0}}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right{max-width:800px}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__el--image{flex-shrink:0;height:100px}@media screen and (min-width:768px){#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__body{flex-direction:row}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__el--image{flex-basis:0px;flex-grow:1;height:auto;order:10}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__content{flex-basis:90%;flex-grow:1;flex-shrink:0;max-width:640px}}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left{max-width:800px}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__el--image{flex-shrink:0;height:100px}@media screen and (min-width:768px){#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__body{flex-direction:row}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__el--image{flex-basis:0px;flex-grow:1;height:auto}#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__content{flex-basis:90%;flex-grow:1;flex-shrink:0;max-width:640px}}@media screen and (min-width:768px){#rmOrganism .rmLayout--banner.rmBase{display:flex;flex-direction:column}#rmOrganism .rmLayout--banner.rmBase .rmBase__content{margin:0 auto;max-width:1200px;width:100%}#rmOrganism .rmLayout--banner.rmBase .rmBase__container{padding:1em 2em}#rmOrganism .rmLayout--banner.rmBase .rmBase__section{display:flex;flex-direction:row;min-width:480px}#rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el{flex-basis:0px;flex-grow:1;margin-right:1em}#rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el:last-child{margin-right:0}#rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--cta:not(:only-child),#rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--link:not(:only-child){flex-basis:auto;flex-grow:0;flex-shrink:0}#rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--label-pos-top~.rmBase__el--cta:not(:only-child),#rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--label-pos-top~.rmBase__el--link:not(:only-child){align-self:flex-end}#rmOrganism .rmLayout--banner.rmBase .rmBase__section:last-child .rmBase__el{margin-bottom:0}}#rmOrganism .rmSubscription.rmBase__body{display:flex;flex-direction:column;overflow:hidden}#rmOrganism .rmSubscription .rmBase__content{-webkit-overflow-scrolling:touch;box-sizing:border-box;margin:0;overflow:auto}#rmOrganism .rmSubscription .rmBase__container{padding:2em 1em}#rmOrganism .rmSubscription .rmBase__el .rmBase__compLabel{display:block;line-height:1.25;margin:0 0 .25em;max-width:99%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}#rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-none .rmBase__compLabel.rmBase__compLabel--hideable{display:none}#rmOrganism .rmSubscription .rmBase__el.rmBase__el--cta{display:flex;flex-direction:column}#rmOrganism .rmSubscription .rmBase__section:last-child .rmBase__el:last-child{margin-bottom:0}.rmBody.rmBody--subscription.rmBody--popup{background:#e9edf2}.rmBody.rmBody--subscription.rmBody--embed #rmOrganism .rmBase{margin:0 auto}#rmOrganism .rmPage{font-size:16px}#rmOrganism .rmPage .rmBase__container{margin:0 auto;max-width:44em;padding:2em 1em}@media screen and (min-width:768px){#rmOrganism .rmPage .rmBase__container{padding:2em}}#rmOrganism .rmPage .rmBase__comp--heading{font-size:2em;line-height:1.25}#rmOrganism .rmPage .rmBase__compLabel{display:block;line-height:1.25;margin:0 0 .25em;max-width:99%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}#rmOrganism .rmPage .rmBase__el{font-size:1em;line-height:1.4;margin-bottom:1em}#rmOrganism .rmPage .rmBase__el--logo{margin:0 0 3em}#rmOrganism .rmPage .rmBase__el--coupon,#rmOrganism .rmPage .rmBase__el--cta,#rmOrganism .rmPage .rmBase__el--unsubscribe-reason{margin:3em 0}#rmOrganism .rmPage .rmBase__el--coupon .rmBase__compLabel,#rmOrganism .rmPage .rmBase__el--unsubscribe-reason .rmBase__compLabel{margin:0 0 .5em;max-width:100%;overflow:visible;text-overflow:unset;white-space:normal}#rmOrganism .rmPage .rmBase__el--unsubscribe-reason{text-align:left}#rmOrganism .rmPage .rmBase__el--legal-notice{margin-top:3rem;text-align:left}#rmOrganism .rmPage .rmBase__section:last-child .rmBase__el:last-child{margin-bottom:0}#rmOrganism .rmLayout--page-centered .rmPage .rmBase__container,#rmOrganism .rmLayout--page-centered .rmPage .rmBase__container .rmBase__el--legal-notice{text-align:center}#rmOrganism .rmLayout--legacy .rmBase__el .comp__input,#rmOrganism .rmLayout--legacy .rmBase__el .comp__select{border-radius:0;height:2em;padding:.25em .5em}@media screen and (min-width:360px){#rmOrganism .rmLayout--legacy .rmSubscription .rmBase__el.rmBase__el--label-pos-left{display:flex}#rmOrganism .rmLayout--legacy .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compLabel{flex-basis:140px;flex-shrink:0;hyphens:auto;margin:0;max-width:140px;padding:.375em .5em 0 0}#rmOrganism .rmLayout--legacy .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compContainer{flex-grow:1}}#rmOrganism .rmLayout--legacy.rmBase{display:flex;flex-direction:column;max-width:400px}#rmOrganism .rmLayout--legacy.rmBase .rmBase__container{padding:10px}.rmBody.rmBody--subscription.rmBody--legacy{background:transparent}.rmBody.rmBody--subscription.rmBody--legacy.rmBody--embed #rmOrganism .rmBase{margin:0 auto 0 0}