#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
#revive-0-0,
#revive-0-1{
	/* display: none; */
}

#main{
    /* min-height: 200vh; */
}

.cto-toolbar__close{
    display: none;
}

.my-2{
    margin: 1rem 0;
}

.m-0{
    margin:0;
}

.fig-m-0 figure{
    margin: 0!important;
}

.btn-wrp a,
.btn-wrp button,
.btn{
        background-color: #000;
    color: #fff;
    padding: .5rem 1rem;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.text-right{
    text-align: right;
}

@media screen and (min-width:40rem){
    .my-2{
        margin: 2rem 0;
    }
}

/* roboto-200 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 200;
    src: url('../../files/shared/fonts/roboto-v47-latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-200italic - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 200;
    src: url('../../files/shared/fonts/roboto-v47-latin_latin-ext-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-300 - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../../files/shared/fonts/roboto-v47-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-300italic - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('../../files/shared/fonts/roboto-v47-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-regular - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/shared/fonts/roboto-v47-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-italic - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../../files/shared/fonts/roboto-v47-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-700 - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../../files/shared/fonts/roboto-v47-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-700italic - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('../../files/shared/fonts/roboto-v47-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-900 - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('../../files/shared/fonts/roboto-v47-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-900italic - latin_latin-ext */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('../../files/shared/fonts/roboto-v47-latin_latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }



*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}



ul[role='list'],
ol[role='list'] {
    list-style: none;
}

html:focus-within {
    scroll-behavior: smooth;
}

a:not([class]) {
    text-decoration-skip-ink: auto;
}

img,
picture,
svg,
video,
canvas {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    font-style: italic;
    background-repeat: no-repeat;
    background-size: cover;
}

input,
button,
textarea,
select {
    font: inherit;
}

@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
        transition: none;
    }
}

.invisible{
    display: none;
}

body,
html {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 300;;
    height: 100%;
    scroll-behavior: smooth;
    background-color: #FDFDFD;
}


header {
    position: relative;
    background-color: #fff;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

header.sticky {
    position: sticky;
    top: 0;
}

header ul {
    list-style: none;
}

header ul.level_1{
    display: flex;
    align-items: center;
    height: 100%;    
}

header ul li{
    position: relative;
}

header ul li strong {
    font-weight: 300;
    cursor: pointer;
}

header address {
    font-style: normal;
}


#logo{
	width: 100%;
	max-width: 250px;
	transition: all 500ms;
	padding: 1rem 0;
}

#logo a{
	display: block;
}

#logo a img{
	width:100%;
	height: auto;
}

body.scrolled #logo{
	max-width: 180px;
	transition: all 500ms;
}


@media screen and (min-width:1024px){
	header ul.level_1 li:hover ul.level_2, 
	header ul.level_1 li:focus-within ul.level_2 {
		background-color: white;
	}
	
	header ul.level_1 li:hover ul.level_2 li, 
	header ul.level_1 li:focus-within ul.level_2 li {
		padding:.75rem 1rem;
	}
	
	header ul.level_1 li:hover ul.level_2 li:hover, 
	header ul.level_1 li:focus-within ul.level_2 li:hover {
		background-color: #CCC;
	}
	
	#main-nav-content {
		font-size: 1.3rem;
	}
	
}


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

    body header {
        z-index: 9999;
    }

    body header:has(#main-meta-nav) {
        transform: translateY(0);
        transition: transform 0.1s ease-in-out;
    }

    body.scrolled header:has(#main-meta-nav) {
        transform: translateY(-2rem);
        transition: transform 0.3s ease-in-out;
    }
    
    header #main-nav li.submenu{
        padding-right:1.1em!important;
    }
    
    header li.submenu::after{
        display: flex;
        position: absolute;
        right: 0;
        top: 0;
        content: '▾';
        align-items: center;
        height: 100%;
        width: 20px;
    }
    
    header ul.level_1 > li{
        padding: 0 1rem;
        height:100%;
    }
    
    header #main-nav ul.level_1 > li:hover{
        background-color: #EFEFEF;
    }
    
    header ul.level_1 > li a,
    header ul.level_1 > li strong{
        display: flex;
        align-items: center;
        height:100%;
    }    

    header ul.level_2 {
        display: none;
        position: absolute;
        
    }

    header ul.level_1 li:hover ul.level_2,
    header ul.level_1 li:focus-within ul.level_2 {
        display: block;
        padding: 0;
        background-color: #EFEFEF;
        z-index: 999;
        transform: translateX(-1.5rem);
        min-width: calc(100% + 1.5rem);
        border-top: .45rem solid transparent;        
    }

    header #main-meta-nav ul.level_2 {
        background-color: #000;
    }
}

.nav-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr) );
    align-items: center;
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
}

#main-meta-nav {
    display: none;
    background-color: #000;
    color: #fff;
}

@media screen and (min-width: 1024px) {
    #main-meta-nav {
        display: flex;
        justify-content: flex-end;
        font-size:.9rem;
        padding: .4rem 0;
    }
    
    #main-meta-nav li.submenu {
        padding-right: 1.5em;
    }

}

#main-meta-nav .main-meta-nav-content {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 100%;
}

#main-meta-nav .main-meta-nav-content:last-child{
    justify-content: flex-end;
}

#main-meta-nav a:link,
#main-meta-nav a:visited {
    color: #fff;
    text-decoration: none;
}

#main-nav-content {
    display: none;
}

#main-nav-content a:link,
#main-nav-content a:visited {
    color: #000;
    text-decoration: none;
}

@media screen and (min-width: 1024px) {
    #main-nav-content {
        display: flex;
        justify-content: flex-end;
        height: 100%;
    }
    
    
}

#mobile-nav {
    display: block;
}

@media screen and (min-width: 1024px) {
    #mobile-nav {
        display: none;
    }
}

#mobile-nav .mobile-nav-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    opacity: 0;
    background-color: #000;
    padding: 2rem 0rem;
    transition: all 500ms ease-in;
    z-index: 998;
}

#mobile-nav.active .mobile-nav-content {
    width: 100%;
    height: 100%;
    opacity: 1;
    padding: 2rem;
    color: white;
    transition: all 500ms ease-out;
}

#mobile-nav .mobile-nav-toggle-btn {
    position: relative;
    z-index: 999;
    display: flex;
    height: 100%;
    align-items: center;
    margin-left: auto;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
}


#mobile-nav .mobile-nav-toggle-btn:focus {
    border: 0;
    outline: 0;
}

#mobile-nav .mobile-nav-content .mobile-nav-headline {
    font-size: 1.5rem;
    font-weight: normal;
    padding-bottom: .5rem;
}

#mobile-nav .mobile-nav-toggle-btn .line {
    fill: none;
    stroke: black;
    stroke-width: 6;
    transition:
        stroke 500ms,
        stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

#mobile-nav .mobile-nav-toggle-btn .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

#mobile-nav .mobile-nav-toggle-btn .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}

#mobile-nav .mobile-nav-toggle-btn .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

#mobile-nav.active .mobile-nav-toggle-btn .line {
    stroke: white;

}

#mobile-nav.active .mobile-nav-toggle-btn .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

#mobile-nav.active .mobile-nav-toggle-btn .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}

#mobile-nav.active .mobile-nav-toggle-btn .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

#container,
#top_hero{
    margin: 0 auto;
    width: 90%;
    max-width: 64rem; /* 1024px */
    padding: 1.5rem 0;
}

.autogrid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr) );
    gap: 2rem;
}   

#ads{
    /* display: none; */
    position: relative;
    margin: 0 auto;
    width: 90%;
    max-width: 1024px;
}

#ads .inside{
    display: grid;
}

#ads .revive-top-ad{
    display: block;
    /*margin-top: 1.5rem;;*/
    justify-self: center;
    /*background-color: red;
width:728px;
    height:90px;
        
    */
}

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

    #container {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 3rem;
    }  

    #container:has(#right) {
        grid-template-columns: 8fr 4fr;
    }
}


.blog-post h1{
    font-size: 2.5rem;
    margin-bottom: 1rem;
    font-weight: 900;
    text-wrap: balance;
    hyphens: auto;
}

.blog-post h2{
    font-size: 2rem;
    margin-bottom: 1rem;
    font-weight: 700;
    text-wrap: balance;
    hyphens: auto;
}

.blog-post h3{
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 700;
    text-wrap: balance;
    hyphens: auto;
}

.blog-post p{
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
    font-weight: 300;
    line-height: 1.5;
    text-wrap: pretty;
    hyphens: auto;
}

.blog-post ul{
    list-style: disc;
    list-style-position: outside;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.blog-post ul li{
    margin-bottom: .5rem;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    text-wrap: pretty;
    hyphens: auto;
}

.blog-post blockquote{
    margin: 2rem 0;
    padding: 1rem;
    background-color: #f9f9f9;
    border-left: 4px solid #ccc;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    text-wrap: pretty;
    hyphens: auto;
}

.blog-post figure{
    margin: 2rem 0;
    padding: 0;
}

.blog-post figure img{
    width: 100%;
    height: auto;
}

.blog-post figure figcaption{
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
    font-weight: 300;
    text-align: center;
    margin-top: 1rem;
    color: #666;
}

.blog-post figure figcaption span{
    display: block;
}

.blog-post .content-gallery{
    margin: 2rem 0;
    padding: 0;
}

.blog-post .content-gallery ul{
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

.blog-post .content-gallery li figure{
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
    transition: transform 0.3s ease-in-out;
    margin: 0;
}

.blog-post .content-gallery li figure:hover{
    transform: scale(1.05);
}

.blog-post .info{
    display: flex;
    justify-content: space-between;
    margin: 1rem 0 1.5rem 0;
    padding: .5rem 0;
    font-size: 0.875rem;
    font-weight: 300;
    color: #666;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.blog-post .info time::before{
    content:"📅";
    margin-right: 0.3rem;
    filter:grayscale(100%) contrast(1.25);

}

.paywall_snippet{

        -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
        mask-image: linear-gradient(180deg, #000 60%, transparent);
      
}

aside .inside:has(.mod_article.sticky){
    position: sticky;
    top: 6rem;
}

.issue_teaser{
    display: grid;
    gap:2rem;
    grid-template-columns: 2fr 3fr;
    padding:2rem;
    align-items: center;
    background-color: #EFEFEF;
    margin-bottom: 2rem;
    perspective: 1000px;
}

.issue_teaser figure{
    margin:0;
      transition: transform 0.5s ease;
  transform-style: preserve-3d;
  display: block;
}

.issue_teaser:hover figure {
  transform: rotateX(15deg) rotateY(5deg) scale(1.02);
}

.cboxOverlay{
    z-index: 99990;
}

#colorbox{
     z-index: 99999;
}

h2.handorgel__header,
h3.handorgel__header{
    margin-bottom: 0;
}

.blog-related-list h3{
    margin-bottom: 1rem;;
}

.blog-related-list figure{
    margin-bottom: .5rem;;
}

.blog-related-list a{
    color:#000;
    text-decoration: none;
}

.blog-related-list .layout_latest_pictitle {
    margin-bottom: 1.5rem;;
}

.blog-related-list .layout_latest_pictitle h3{
    margin-bottom: 0;
    text-wrap: balance;
    hyphens: auto;
}


.formbody{

}

.formbody .widget{
    margin-bottom: 1rem;
}

.formbody .widget label{
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    display: block;
    margin-bottom: .5rem;
}

.formbody .widget input[type="text"],
.formbody .widget input[type="email"],
.formbody .widget input[type="password"],
.formbody .widget input[type="url"],
.formbody .widget input[type="tel"],
.formbody .widget input[type="number"],
.formbody .widget input[type="search"],
.formbody .widget input[type="date"],
.formbody .widget input[type="datetime"],
.formbody .widget input[type="datetime-local"],
.formbody .widget input[type="month"],
.formbody .widget input[type="week"],
.formbody .widget input[type="time"],
.formbody .widget input[type="color"]{
    width: 100%;
    padding: .5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;
    color: #333;
    box-sizing: border-box;
}

.formbody .widget .submit{
    background-color: #000;
    color: #fff;
    padding: .5rem 1rem;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
}
.hero-news{
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: 
     "hero-news-1 hero-news-2" 
     "hero-news-1 hero-news-3";
     /* gap: 1rem; */
}

.hero-news.gap-2{
    gap: 1rem;
}

@media screen and (min-width: 40rem){
    
    .hero-news.gap-2{
        gap: 2rem;
    }
    
}

.hero-news a{
    text-decoration: none;
    color: inherit;
}

.hero-news h2{
    font-size: 1.25rem;
    line-height: 1.25;
    margin-bottom: .5rem;
    font-weight: 700;
    text-wrap: balance;
    hyphens: auto;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.hero-news p{
    font-size: 1.125rem;
    line-height: 1.5;
    text-wrap: balance;
    hyphens: auto;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}


.hero-news > .layout_latest_hero:first-child{
    grid-area: hero-news-1;
}

.hero-news > .layout_latest_hero:first-child h2{
    font-weight: 900;;
    font-size: 2rem;
}



.hero-news > .layout_latest_hero:nth-child(2){
    grid-area: hero-news-2;
}
.hero-news > .layout_latest_hero:nth-child(3){
    grid-area: hero-news-3;
}

.hero-news > .layout_latest_hero:nth-child(2) .ce_text, 
.hero-news > .layout_latest_hero:nth-child(3) .ce_text{
    display: none;
}

.layout_latest_hero{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.layout_latest_hero .image_container,
.layout_latest_hero .text_container{
    display: grid;
    grid-column: 1;
    grid-row: 1;
}

.layout_latest_hero .image_container{
    margin:0;
    padding:0;
    background-color: transparent;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

.layout_latest_hero .image_container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 0;
    z-index: -1;
    transition: all 0.3s ease-in-out;
    filter: brightness(1);
}

.layout_latest_hero .text_container{
    z-index: 995;;
}

.layout_latest_hero:hover .image_container img{
    filter:brightness(0.8);
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}

.layout_latest_hero .text_container{
    background-color: rgba(0,0,0,.5);
    padding: 2rem;
    align-self: self-end;
    box-sizing: border-box;
}

.layout_latest_hero .text_container *{
    color: #FFF;;
}


.paywall_cta{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 0;
    padding: 1rem 2rem;
    background-color: #f9f9f9;
    border-radius: 0.5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 300;
    text-wrap: pretty;
    hyphens: auto;
    text-align: center;;
}
.ce_pdf_viewer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background-color: #333;
}

.ce_pdf_viewer iframe{
    width: 100%;
    min-height: calc(100vh);
    border: none;
}
.content-vimeo{
    display: block;
}

.content-vimeo .aspect iframe{
    width: 100%;
    aspect-ratio: 16/9;
    border: none;
}

.ce_person_element{
    container-type: inline-size;
}

.ce_person_element .name{
    display: none;
}

@container (min-width:39rem){

.ce_person_element .person-element{
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap:2rem;
}

}
.ce_hero{position:relative;background-color:var(--hero-background-color)}.my_test_class{position:relative}
.start-news-teaser .inside{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 2rem;
    margin-bottom: 2rem;
}

.start-news-teaser > h2,
.start-news-teaser-wide > h2{
    display: block;
    font-size: 1.5rem;
    line-height: 1.5;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    font-weight: 700;
    text-wrap: balance;
    hyphens: auto;
    border-bottom: 1px solid #999;
}

.start-news-teaser figure{
    margin-bottom: .5rem;;
}

.start-news-teaser .caption,
.start-news-teaser-wide .caption{
    display: none;;
}

.start-news-teaser a{
    color:#000;
    text-decoration: none;
}

.start-news-teaser-wide .layout_latest{
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto;
    grid-gap: 2rem;
    margin-bottom: 2rem;
}
.content-swiper{
    position: relative;
    width: 100%;
    padding: 38%;
    box-sizing: border-box;
}

.content-swiper .swiper{
    position: absolute;
    max-width: 100%;
    top: 0;
    left: 0;
}

.content-swiper figure{
    margin: 0!important;
}

.swiper-button-next,
.swiper-button-prev{
    background: transparent;
    border:none;
}

.swiper-button-next:after, .swiper-button-prev:after{
    color: #FFF;
    text-shadow: 0 0 8px black;
}