@import url('_parts/base.css?4');
@import url('_parts/loading.css?6');
@import url('_parts/header.css?34');
@import url('_parts/nav.css?3');
@import url('_parts/footer.css?6');
@import url('_parts/flexslider.css?6');
@import url('_parts/popup.css?1');
@import url('_parts/podcast.css?5');
@import url('_parts/newsletter.css?5');
@import url('_parts/tooltip.css?1');
@import url('_parts/audioplayer.css?1');
@import url('_parts/superteaser.css?1');
@import url('_parts/authors.css?1');
@import url('_parts/error404.css?1');
@import url('_parts/ui.css?3');
@import url('_parts/comments.css?5');
@import url('_parts/sidebar.css?1');
@import url('_parts/ads.css?29');
@import url('_parts/single.css?30');
@import url('_parts/singlenav.css?1');
@import url('_parts/sharing.css?1');
@import url('_parts/mobile.css?1');

/* Print */

@media print {
  
    header, footer, aside, form, #homepage-categories, #steady-floating-button-wrapper, #steady-greeting, #steady-floating-button,
    .page-links-container, .flex-direction-nav, .flex-nav-prev, .flex-nav-next, #top-post-share, .float-float-abo-box, .single-ads-section {
      display: none !important;
    }
    
    header.article-header {
      display: block !important;
    }
    
    .single .article-content a {
      color: #1a1a1a !important;
    }
    
  }


.newsletter-widget{
    border:1px solid #a9a9aa;
    position:relative;
    background-color:var(--blue);
    color:var(--white);
    padding:35px 20px 15px;
    margin:4.5% 0 10%
}
.newsletter-widget p{
    font-size:.85em;
    line-height:1.25em;
    margin-bottom:6%!important
}
.newsletter-form.newsletter-widget .tagline{
    font-size:1.3em;
    margin-bottom:.5em
}
.sidebar .newsletter-widget br{
    display:block!important
}
.top-widget{
    background-color:var(--blue);
    color:var(--white);
    padding:34px 20px 20px;
    margin:4.5% 0 9%;
    position:relative
}
.top-widget h3{
    display:inline-block;
    border-bottom:1px solid #aaa;
    text-transform:uppercase;
    color:var(--white);
    font-size:1em;
    opacity:1;
    letter-spacing:.05em;
    margin:0
}
.top-widget h2{
    font-size:1.125em;
    line-height:1.15;
    margin:0
}
.top-widget ul{
    margin-left:0;
    padding-left:0
}
.top-widget li{
    position:relative;
    margin-top:2em
}
.top-widget span{
    display:block
}
.top-widget .toptitle{
    color:#a9a9aa;
    font-size:.8em
}
.top-widget .author{
    display:inline-block;
    text-transform:uppercase;
    
    font-weight:500
}
.top-widget-comments{
    color:#a9a9aa;
    font-size:.8em
}
@media screen and (max-width:660px){
    .small-img.one-fourth-floating-img{
        width:100%;
        max-width:100%;
        margin-bottom:2em!important
    }
    .newsletter-widget{
        margin:4.5% 2.1%
    }
    .top-widget{
        margin:8% 4%;
        width:calc(92% - 40px)
    }
}
.square-video-widget{
    margin:0!important;
    padding:4% 4% 8%
}
.square-video-widget video{
    width:100%;
    height:auto;
    background:var(--grey-two)
}
#homepage-best-stories{
    margin-top:2em
}
#homepage-best-stories .entry-content{
    background-color:var(--blue);
    padding:50px 0;
    box-shadow:0 1px 4px 0 rgba(0,0,0,.08)
}

#homepage-best-stories .best-stories-container > div {
    display: flex;
    justify-content: space-between;
}

#homepage-best-stories .widget{
    display:block;
    width:30.333%;
    margin:0 1.5%;
}
#homepage-best-stories .old{
    padding-bottom:0;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 660px) {
    #homepage-best-stories .old {
        padding-bottom: 100%;
        height: 0;
    }
}

.best-stories-container{
    padding:0 1.5%
}
.grid-item a.best-story,.best-story,.best-story .grid-item{
    position: relative;
}

.block-h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: .875em;
    font-weight: 600;
    margin: 0 0 30px;
    letter-spacing: .05em;
}

.block-h3.white {
    color: var(--white);
}

/* Follow Us Block */

.follow-us-block {
    position: relative;
    text-align: center;
    padding: 30px 0;
}

.follow-us-block:after {
    content: "";
    display: block;
    background-color: var(--grey-two);
    width: calc(100% - 30px);
    height: 1px;
    position: absolute;
    top: 0;
    top: .5px;
    left: 15px;
    right: 15px;
}

.follow-us-block h3 {
    font-size: 1.75em;
    margin-top: 0;
}

.follow-us-block .flex {
    justify-content: center;
}

.follow-us-block a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: var(--blue);
    border-radius: 100%;
    margin: 0 7.5px;
}

.follow-us-block a:active {
    opacity: .75;
} 


.single #homepage-categories .full-width-section{
    margin-top:0;
    margin-bottom:0
}

@media screen and (max-width: 660px) {
    .single #homepage-categories .full-width-section{
        padding: 3% 0;
    }
}
.single #homepage-categories.entry-content{
    padding-bottom:30px
}
#homepage-categories{
    padding-top:0;
    max-width:970px
}
.full-width-section{
    position:relative;
    padding:30px 1.5%;
    margin:30px 0
}
.full-width-section:last-of-type::after{
    display:none
}
.equal-columns{
    display:flex
}
.one-third-column{
    float:left;
    width:30.333%;
    margin:0 1.5%;
    position:relative;
    display:flex;
    justify-content:flex-start;
    flex-direction:column
}
.one-third-column h2{
    font-size:1.65em;
    line-height:1.05em;
    margin:15px 0
}
.two-third-column{
    float:left;
    width:63.666%;
    margin:0 1.5%
}
.two-third-column .comments-counter .speech-bubble{
    top:43px;
    right:43px
}
@media screen and (min-width:661px)and (max-width:1024px){
    .single #homepage-categories.entry-content{
        padding:0 0 3%!important
    }
    #btn-subscribe{
        display:none
    }

    
}

/*!Pages*/

.page-title h1 {
    position: relative;
    font-size: 2.25em;
    margin-bottom: 50px;
    text-align: center;
}

.no-image-header{
    padding:0;
    margin:0
}
.no-image-header h1{
    margin-bottom:45px!important;
    margin-top:100px!important;
}

.entry-content.col-wrapper {
    padding: 2% 3% 3%;
}

.column-left {
    position:relative;
    width:66%;
}

.column-left #grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cat-divider {
    opacity: 0;
    display: none;
}
.cat-col-wrapper {
    margin-top: .5%;
}

.cat-col-wrapper .small{
    margin:2.25% 1.3333%;
    height: auto;
    padding-bottom: 0;
}
.cat-col-wrapper .small.grid-item a {
    position: relative;
}
@media screen and (max-width:660px){ 
    .column-left #grid, .entry-content.flex, .is-hidden-on-preload.flex,
    .cat-col-wrapper.flex  {
        display: block;
    }

    .cat-col-wrapper {
        margin-top: -15px;
    }

    #grid .small,
    .column-right .small {
        float: none;
    }

    .col-wrapper.flex {
        padding: 0;
    }

    .cat-divider {
        display: block;
    }
}

.column-right{
    position:relative;
    width:31%;
    margin:1px 0 0 0;
}
.sidebar li{
    list-style:none
}
.sidebar br{
    display:none!important
}
.sidebar p{
    margin:0 0 4.5%!important
}
.grid-item{
    display:block;
    position:relative;
    z-index: 1;
}
.grid-item a{
    display:block;
    position:absolute;
    inset:0
}
.toptitle{
    display:inline-block;
    text-transform:uppercase;
    font-weight:500;
    font-size:.8125em;
    letter-spacing:.05em;
    line-height:1.25;
    margin-bottom:.25rem
}
.square{
    box-sizing:border-box;
    overflow:hidden;
    width:100%;
    height:0;
    margin:2.25% 0;
    padding-bottom:100%;
    background:var(--grey-two);
    color:var(--white)
}
.square h2{
    font-size:2em;
    display:block;
    
    line-height:1;
    margin:5px 0 .375em
}
.square .excerpt p{
    margin:0;
    line-height:1.25
}
.square .grid-item-img{
    position:absolute;
    inset: 0;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center center
}
.square:hover .grid-item-img{
    inset:0;
    opacity:.95
}
.square a{
    display:flex
}
.small{
    float:left;
    box-sizing:border-box;
    width:47.5%;
    height:0;
    margin:2.25% 0;
    padding-bottom:53%
}
.small .grid-item-img{
    width:100%;
    height:0;
    padding-bottom:63%;
    position:absolute;
    inset: 0;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center center
}
.small .grid-item-post-details{
    bottom:auto!important;
    padding:1em 0 0
}
.small .toptitle{
    display:inline-block;
    font-size:.75em;
    letter-spacing:.0625em;
    line-height:1.25;
    margin-bottom:.25rem;
    opacity:.6
}
.small h2{
    font-size:1.125em;
    line-height:1.15;
    margin:5px 0 .5em
}
.small .author{
    display:none
}
.small .excerpt p{
    font-size:.85em;
    line-height:1.45;
    margin:0
}
.small .grid-item-img-container{
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.25%;
    overflow:hidden;
    z-index: 1;
}
.small .grid-item-img-container>div:first-of-type{
    position:absolute;
    inset:0
}
.small .grid-item-img-container>div img{
    width:100%;
}
.small .large .grid-item-img{
    width:100%;
    height:100%;
    position:absolute;
    inset: 0;
}
.small:hover .grid-item-img{
    width:100%;
    height:0;
    inset:0;
    opacity:.95
}
.small .grid-item-post-details.title-container{
    position:relative;
    padding:1em 0 0
}
.small .grid-item-post-details.excerpt-container{
    position:relative;
    padding:0 0 2.25em
}
.one-third-column .toptitle{
    font-size:.75em;
    line-height:1.25;
    margin-bottom:.25rem;
    opacity:.6;
}
.one-third-column h3{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    display:block;
    line-height:1.45em;
    font-size:1.25em;
    margin-top:0;
    margin-bottom:25px;
}
.one-third-column .excerpt p{
    font-size:.85em;
    line-height:1.45;
    margin:0
}
.grid .toptitle{
    display:inline-block;
    font-size:.75em;
    letter-spacing:.0625em;
    line-height:1.25;
    margin-bottom:.25rem;
    opacity:.6
}
.grid h3{
    font-size:1.125em;
    line-height:1.15;
    margin:7px 0 .5em
}
.grid .grid-item-img{
    position:absolute;
    inset: 0;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center center
}
.grid .grid-item:hover .grid-item-img{
    inset:0;
    opacity:.95
}
.large {
    float:none;
    box-sizing:border-box;
    overflow:hidden;
    width: 100%;
    height:auto;
    margin:5% 0 5%;
    padding-bottom:0
}
.grid-item.large a {
    position: relative;
}

.large .grid-item-img{
    width:100%;
    height:0;
    padding-bottom:63%;
    -webkit-background-size:cover!important;
    -moz-background-size:cover!important;
    -o-background-size:cover!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center center
}
.large .grid-item-post-details{
    bottom:auto!important;
    padding:1em 0 0
}
.large h2{
    font-size:1.5em;
    line-height:1.15em;
    margin:5px 0 .5em
}
.large .author{
    display:none
}
.large .excerpt p{
    font-size:.85em;
    margin:0
}
.old{
    box-sizing:border-box;
    overflow:hidden;
    width:100%;
    height:0;
    margin:4.5% 0 10%;
    padding-bottom:125%;
    background:var(--grey-two);
    color:var(--white)
}
.old h2{
    font-size:1.125em;
    margin-bottom:0;
    margin-top:5px;
    line-height:1.15
}
.old .excerpt{
    display:none
}
.old .grid-item-img{
    position:absolute;
    inset: 0;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center center
}
.old:hover .grid-item-img{
    inset:0;
    opacity:.95
}
.old .grid-item-post-details{
    padding:.375rem 1.25rem 1.25rem
}
.old.Quadrat{
    padding-bottom:100%!important
}
.single .article-content .article-teaser h2{
    font-size:1.25em;
    margin-bottom:0;
    margin-top:7px;
    line-height:1.15
}
.float-adlabel{
    font-size:.65em;
    
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:#494949;
    line-height:1;
    margin-bottom:5px
}
.grid-item-img-container{
    background:var(--grey-two)
}
.grid-item-post-details{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    z-index:11;
    overflow:hidden;
    padding:.5em 1.75em 1.75em;
    text-shadow:0 0 4px rgba(0,0,0,.05)
}
.comments-counter .speech-bubble{
    position:absolute;
    font-size:.85em;
    
    font-weight:600;
    top:20px;
    right:20px;
    width:36px;
    height:30px;
    background:url(../../img/speach-bubble.svg) center no-repeat;
    text-align:center;
    color:var(--white)
}
.comments-counter .hidden{
    display:none
}
.article-teaser a:after,.grid-item.old a::after,.grid-item.square a::after,
.portrait a:after, .portrait:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:50%;
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    z-index: 1;
}
.Quadrat a::after,.single-old a:after{
    opacity:.75
}
.small.large.video .grid-item-img-container::after,.square.video .grid-item-img-container::after{
    font-size:3em;
    opacity:.9
}
.video.small .grid-item-img-container::after{
    font-size:2em;
    opacity:.9;
    text-shadow:0 0 4px rgba(0,0,0,.05)
}
.old.video .grid-item-img::after{
    font-size:2.5em;
    opacity:.9
}
@media screen and (max-width:660px){
    main{
        padding-top: 35px;
    }
    .no-image-header h1{
        margin-bottom:45px!important;
        margin-top:45px!important
    }
    .old.Quadrat{
        padding-bottom:0!important
    }
}
#homepage .small .grid-item-post-details.excerpt-container{
    padding-bottom:0
}
#homepage .grid-item.small.xsmall{
    padding:4%
}
@media screen and (max-width:660px){

    #homepage .grid-item.small.xsmall h2 {
        font-size: 1.25em;
    }
}
#homepage .grid-item.small.xsmall .grid-item-img-container{
    float:right;
    width:33.3333%;
    padding-bottom:19%;
    margin-top:.5em
}
#homepage .grid-item.small.xsmall .grid-item-img-container .grid-item-img{
    padding-bottom:80%!important
}
#homepage .grid-item.small.xsmall .grid-item-post-details.title-container{
    float:left;
    width:65%;
    padding-top:0;
    padding-bottom:0
}
#homepage .grid-item.small.xsmall .comments-counter .speech-bubble{
    top:10px;
    right:10px
}
#homepage .grid-item.small.xsmall .grid-item-post-details.excerpt-container{
    padding-top:.5em;
    clear:both
}
#homepage .homepage-cat--teaser.small.small-three-columns.xsmall{
    padding:4%
}
#homepage .homepage-cat--teaser.small.small-three-columns.xsmall .grid-item-img-container{
    float:right;
    width:33.3333%;
    padding-bottom:19%;
    margin-top:.5em
}
#homepage .homepage-cat--teaser.small.small-three-columns.xsmall .comments-counter .speech-bubble{
    top:10px;
    right:10px
}
#homepage .two-third-column{
    width:64%;
}

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

    #homepage .one-third-column .grid-item-title-container{
        background:var(--white);
        margin-top:-5em;
        z-index:1
    }
    
    #homepage .two-third-column{
        padding:0
    }

    .cat-section-title {
        border: none !important;
        padding: 0 !important;
    }

    #homepage .one-third-column .grid-item-title-container{
        padding:0 3%;
    }
}

.grid-item.small.small-square .grid-item-img-container,.grid-item.small.small-square .grid-item-img-container .grid-item-img{
    padding-bottom:100%!important
}
.fallback-169{
    max-width:none;
    width:110%
}
.homepage-cat--teaser.large{
    width:100%;
    margin:0;
    height:auto;
    padding:0
}
.homepage-cat--teaser.large p{
    font-size:.85em;
    line-height:1.45;
    margin:15px 0 0
}
.homepage-cat--teaser a{
    position:relative
}
.small.small-three-columns{
    position:relative;
    width:30.333%;
    margin:30px 1.5% 0;
    padding-bottom:0;
    height:auto
}
.small.small-three-columns .comments-counter .speech-bubble{
    top:10px;
    right:40px
}
.cat-section-title{
    font-size:1.5em;
    margin: 0 1.5% 25px;
    border-bottom: 1px solid var(--grey-two);  
    padding: 0 0 10px; 
}

.cat-section-title svg {
    width: 7px;
    height: 14px;
    margin-left: 5px;
}

/* Extra Small */

.extra-small {
    margin: 0 4%;
}

.extra-small a {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 4% 0 !important;
	border-bottom: 1px solid var(--grey-two)
}

.cat-col-wrapper .extra-small:last-of-type {
	border-bottom: none;
}

.extra-small .title-container {
	width: calc(100% - 110px);
}

.extra-small .toptitle {
    display: inline-block;
    font-size: .75em;
    letter-spacing: .0625em;
    line-height: 1.25;
    opacity: .6;
}

.extra-small h2 {
	margin: 0;
	font-size: 1.25em; /* 20px */
    margin: 5px 0 .375em;
}

.extra-small .grid-item-img-container,
.extra-small .grid-item-img-container img {
	min-width: 80px;
	width: 80px;
	height: 80px;
}


@media screen and (max-width:660px){
    
    .cat-section-title{ 
        font-size: 1.75em;
        font-weight: 800;
        padding: 0;
        margin: 0 3%;
    }

    .same-cat-headline {
        padding: 0 4%;
    }

    .small.small-three-columns{
        position:relative;
        float:none;
        width:100%;
        margin:0;
        display:block
    }
    .small.small-three-columns .comments-counter .speech-bubble{
        right:10px
    }
    #homepage-categories{
        width:100%;
        padding:0;
        background:var(--white)
    }
    .single #homepage-categories.entry-content {
        padding-bottom: 0;
    }
    #homepage-best-stories .widget{
        display: inline-block;
        float: none;
        width:66.6666vw;
        margin: 0 0 0 15px;
        white-space: normal;
    }

    #homepage-best-stories .widget:last-of-type {
        margin-right: 15px;
    }

    .full-width-section{
        padding:0
    }
    .two-third-column{
        position:relative;
        float:none;
        margin:0;
        overflow:hidden;
        width:92%;
        padding:8% 4% 0
    }
    .two-third-column .grid-item-img-container{
        position:relative;
        width:100%;
        height:0;
        overflow:hidden;
        padding-bottom:56%
    }
    .homepage-cat--teaser.large{
        border-top:none
    }
    .equal-columns{
        display:flex;
        flex-direction:column-reverse
    }
    .one-third-column{
        width:92%;
        margin:0 4% 8%;
        display:block
    }
    .one-third-column .toptitle{
        padding-top: 20px;
    }
    .one-third-column .grid-item-title-container{
        margin-top:0
    }
    .one-third-column h3{
        display:none
    }
    .toggle-trigger{
        display:block;
        position:absolute;
        right:0;
        top:-1px
    }
    .toggle-block{
        display:none;
        clear:both;
        margin:3em 0 0
    }
    #homepage .article .entry-content.single-ads-section,.article .entry-content.single-ads-section,.home .entry-content.single-ads-section,.single-ads-section{
        padding:0!important
    }
    .single-ads-section ul{
        margin-bottom:-30px!important
    }
    .single-ads-section ul li{
        width:100%!important
    }
    .single-ads-section ul li.last{
        margin-bottom:0!important
    }
}
.article-header .toptitle{
    display:inline-block;
    margin-top:3em;
    color:#494949
}
.article-header h1{
    font-size:3em;
    margin:.25em 0 .5em
}
.article-header .hero-text p {
    font-size:1.25em;
    line-height:1.45em
}
.article-header.default-header{
    margin-bottom:2em
}
.article-header.default-header .toptitle{
    margin-top:1em
}
.smallimage-header{
    text-align:center
}
.smallimage-header .article-header-thumbnail{
    max-width:320px;
    width:auto;
    margin:0 auto
}
.article .entry-header{
    margin-left:auto;
    margin-right:auto;
    width:90%;
    max-width:660px;
    padding:3% 8.25% 0
}
.article .entry-content{
    margin-left:auto;
    margin-right:auto;
    width:90%;
    max-width:660px;
    padding:0 8.25% 3%
}
.article .entry-content.videos-cat{
    margin-bottom:30px
}
.content_sixteen-by-eight-header{
    margin-left:auto;
    margin-right:auto;
    width:90%;
    max-width:660px
}
.sixteen-by-eight-header .article-header-thumbnail{
    padding:30px 0 0;
    margin:0 30px;
    width:calc(100% - 60px)
}
.sixteen-by-eight-header .article-header-thumbnail img{
    width:100%
}
.single .page-wrapper{
    margin-bottom:30px
}
.single .article-content p,
.single .article-content ul,
.single .article-content ol {
    font-family: 'merriweather', georgia, serif;
    line-height:1.5em;
}

.single .article-content h2,.single .article-content h3,.single .article-content h4{
    font-size:1.55em;
    margin:2em 0 1em
}

@media screen and (max-width: 660px) {
    .single .article-content h2,.single .article-content h3,.single .article-content h4{
        line-height: 1.25em;
    }
}

.single .article-content a{
    color:#494949;
    border-bottom:1px solid var(--dark);
    transition:.2s ease-in-out
}
.single .article-content a:hover{
    color:var(--dark)
}
.single .article-content b,.single .article-content strong{
    font-family: 'merriweather', georgia, serif;
    font-weight:600
}
.single .article-content em{
    font-family: 'merriweather', georgia, serif;
    font-weight:400;
    font-style:italic
}
.single .article-content ul{
    padding:0;
    margin:0
}
.single .article-content ul.slides{
    padding-left:0!important;
    border-left:0!important;
    line-height:0!important;
    margin:0!important
}
.single .article-content ul.slides li::after{
    display:none!important
}
.single .article-content ul.flex-direction-nav li{
    position:inherit
}
.single .article-content ul.flex-direction-nav li:after{
    display:none!important
}
.responsive-table{
    margin-bottom:60px
}
.responsive-table br{
    display:none
}
.responsive-table table{
    width:100%;
    background:#f8f8f8;
    font-size:.85em;
    border-collapse:collapse
}
.responsive-table table tr{
    border-collapse:collapse
}
.responsive-table table tr:nth-child(odd){
    background:#f3f3f3
}
.responsive-table table td{
    border-collapse:collapse;
    border-bottom:1px solid var(--white);
    padding:1.25% 2%
}
.td-left{
    color:#666
}
.flex.flex-two .td-left,.flex.flex-two .td-right{
    width:50%
}
.td-middle,.td-right{
    
    font-weight:500
}
#post-share ul{
    border-left:none;
    padding-left:0;
    margin-bottom:0
}
#post-share ul li::after{
    display:none
}
@media screen and (max-width:1024px){
    .article .entry-content{
        padding:0 0 3%;
        width:100%
    }
}
.article .entry-content.margin-top{
    padding-top:70px
}
@media screen and (max-width:660px){
    .article .entry-content{
        padding:0 0 3%;
        width:90%
    }
}
.post-frame{
    background:#fafafa;
    padding:1% 5%;
    font-size:90%;
    color:#333;
    margin:40px 0;
    border-left:5px solid #e9e9e9
}
.post-footer{
    padding:1% 0;
    font-size:90%;
    color:#333;
    margin:40px 0;
    border-top:5px solid #e9e9e9
}
.post-footer a{
    color:#494949;
    border-bottom:1px solid #101010;
    transition:.2s ease-in-out
}
.post-footer a:hover{
    color:#101010
}
.sharing-footer{
    display:none
}

.fotostrecke-link{
    position:absolute;
    display:block;
    width:82px;
    text-align:center;
    top:15px;
    left:15px;
    background:var(--dark);
    color:var(--white)!important;
    font-size:1em!important;
    padding:5px 0;
    border-radius:3px
}
.fotostrecke-link span{
    letter-spacing:-.015em
}
.category-page .column-left{
    margin-bottom:3%!important
}
.more-section{
    padding:3% 0 0!important;
    border-top:1px solid var(--grey-two)
}
.more-section .container{
    padding:0 1.5%
}
.more-section .grid{
    display:flex;
    flex-wrap:wrap
}
.more-section h2.section-title{
    text-align:center;
    font-size:2.25em
}

.special-article-page-header{
    margin:1em
}
.text-over-image{
    position:absolute;
    top:50%;
    right:0;
    bottom:0;
    left:0;
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    color:var(--white)
}
.text-over-image .text-container{
    position:absolute;
    left:0;
    bottom:0;
    padding:.5em 2.5% 2.25em
}
.text-over-image .toptitle{
    display:inline-block;
    text-transform:uppercase;
    
    font-weight:500;
    font-size:.85em;
    letter-spacing:.0625em;
    line-height:1.25;
    margin-bottom:.25rem;
    color:var(--white)!important
}
.text-over-image h1{
    position:relative!important;
    text-shadow:0 0 5px rgba(0,0,0,.5);
    font-size:2.15em!important;
    display:block;
    
    text-align:left!important;
    line-height:1;
    margin:5px 0 .375em!important
}
.text-over-image .excerpt{
    max-width:550px
}
.text-over-image .excerpt p{
    margin:0;
    line-height:1.25
}
.archive-page .entry-content{
    max-width:970px;
    padding:0
}
.archive-page .container{
    padding:15px 1.5% 0
}

.archive-page h1 {
    text-transform: none;
}

a.article-header-thumbnail img {
    transition: opacity .2s ease-in-out 0s !important;
}

a.article-header-thumbnail:hover img {
    opacity: .9;
}

@media screen and (max-width: 660px) {
    .grid.flex.flex-wrap {
        padding: 1em 0.4em;
    }

    .archive-page .container{
        padding:0 1.5%;
    }
}

.archive-page h1{
    text-align:center;
    font-size:2.25em;
    text-transform:capitalize;
    margin-bottom:40px
}
.archives-button{
    text-align:center;
    padding:15px 0 60px!important;
    position:relative
}
.archives-button a{
    display:inline-block;
    width:70px;
    height:70px;
    line-height:70px;
    font-weight:100;
    border:1px solid #777;
    color:#444;
    font-size:2.25em;
    opacity:.4;
    border-radius:100%;
    text-transform:uppercase;
    letter-spacing:1px
}
.archives-button a:hover{
    opacity:.6!important;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.ui-group{
    max-width:850px;
    width:100%;
    margin:15px auto 0
}
.month-year-header{
    display:block;
    clear:both;
    width:97%;
    margin:1.5%;
    border-bottom:1px solid var(--grey-two)
}
.month-year-header:first-of-type{
    display:none
}
.page-template-template-archives .month-year-header:first-of-type{
    display:block
}
.page-template-template-archives .grid img{
    width:100%;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.archive .grid{
    display:flex;
    flex-wrap:wrap
}
.archive .grid img{
    width:100%;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.search .grid{
    display:flex;
    flex-wrap:wrap
}
.search .grid img{
    width:100%;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.more-articles{
    width:100%;
    text-align:center;
    padding:30px 0 60px
}
.en-more.more-articles {
    padding:60px 0 30px
}
@media screen and (max-width:660px){
    .en-more.more-articles {
        padding:0
    }
}
.more-articles .btn{
    display:inline-block;
    background:var(--grey-light);
    
    font-weight:600;
    padding:17px 35px;
    font-size:1.15em;
    border-radius:3px;
    transition:.2s ease-in-out;
    line-height:1
}
.more-articles .btn:hover{
    background:var(--grey-two)
}
.more-articles .btn img{
    margin-left:3px;
    vertical-align:middle
}
.grid .month-year-header h2{
    font-size:1.5em;
    margin:1.5em 0 .5em
}
.toolbox{
    position:absolute;
    top:-13px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    transition:.2s ease-in-out;
    opacity:0;
    visibility:hidden;
    text-transform:uppercase;
    font-size:.85em;
    letter-spacing:.05em;    
    font-weight:500
}
.toolbox.is-visible{
    opacity:1;
    visibility:visible;
    top:-15px
}
.button-group{
    margin-bottom:15px;
    text-align:center
}
.category-filter-button{
    display:inline-block;
    border:1px solid #777;
    padding:5px 13px;
    background:var(--white);
    cursor:pointer;    
    font-weight:600;
    transition:.2s ease-in-out;
    font-size:.85em;
    margin-right:5px;
    margin-bottom:10px;
    color:var(--dark);
    opacity:.5;
    border-radius:3px
}
.category-filter-button.is-checked,.category-filter-button:hover{
    opacity:1
}
@media screen and (max-width:660px){
    .special-article-page-header{
        margin:0;
    }
    .text-over-image .excerpt{
        display:none
    }
    .text-over-image .text-container{
        padding:.5em 5%
    }
    .more-articles .btn{
        font-size:1.25em;
    }
}
.pagination{
    margin:1.5em 0;
    text-align:center
}
.pagination ul{
    display:inline-block;
    background-color:var(--white);
    white-space:nowrap;
    padding:0;
    clear:both;
    border-radius:3px
}
.pagination li{
    padding:0;
    margin:0;
    float:left;
    display:inline;
    overflow:hidden;
    border-right:1px solid var(--grey-two)
}
.pagination a{
    margin:0;
    text-decoration:none;
    padding:.75em;
    line-height:1em;
    font-size:1em;
    font-weight:400;
    min-width:1em;
    display:block;
    color:#494949;
    transition:.2s ease-in-out
}
.pagination a:focus,.pagination a:hover{
    background-color:var(--dark);
    color:#ddd
}
.pagination span{
    margin:0;
    text-decoration:none;
    padding:.75em;
    line-height:1em;
    font-size:1em;
    font-weight:400;
    min-width:1em;
    display:block;
    color:#494949;
    transition:.2s ease-in-out
}
.pagination span:focus,.pagination span:hover{
    background-color:var(--dark);
    color:#ddd
}
.pagination .current{
    cursor:default;
    color:var(--dark)
}
.pagination .current:focus,.pagination .current:hover{
    background-color:var(--white);
    color:#5c6b80
}

#top-article .update-btn {
    color: var(--dark) !important;
}

.grid .grid-item{
    box-sizing:border-box;
    float:left;
    height:auto;
    margin:1.5%;
    width:30.3333%;
    background:0 0
}
.grid .grid-item-img-container{
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.25%;
    overflow:hidden
}
.grid .grid-item-post-details{
    position:relative;
    text-shadow:none;
    padding:1em 0
}
.grid .excerpt p{
    font-size:.85em;
    line-height:1.45;
    margin:0
}
.page-template-template-podcast .more-section.entry-content.bg-white {
    padding-top: 1% !important
  }
.author-header{
    margin-top:15px
}
.template-page .entry-content{
    max-width:760px
}
.template-page .entry-content.bg-white{
    padding: 1px 104px 60px;
}

@media screen and (max-width:660px){
    .template-page .entry-content.bg-white{
        padding: 1px 0 30px;
    }
}

.template-page h1{
    position:relative;
    font-size:3em;
    margin-bottom:50px;
    text-align:center
}

.template-page h2 {
    font-size: 1.25em;
    margin: 2em 0 1em;
}
.page-template-default p {
    font-size: 1em;
    line-height: 1.5em;
}
.page-template-default ul {
    font-size: 1em;
    line-height: 1.5em;
    padding-left: 15px;
    list-style-position: outside;
    list-style-type: disc;
}
.page-template-template-newsletter .template-page .entry-content{
    max-width:560px
}
#datenschutz .entry-content p,#impressum .entry-content p{
    font-size:.95em
}
.page-template-template-newsletter #btn-subscribe{
    display:none
}
#newsletter-page,#newsletter-page.template-page .entry-content{
    min-height:560px;
    position:relative
}
#newsletter-page.template-page .entry-content .container{
    position:absolute;
    top:48%;
    left:50%;
    width:86%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.single .page-wrapper .newsletter-form{
    margin:100px 0 150px
}
@media screen and (max-width:860px){
    #homepage .two-third-column{
        width:100%
    }
    .teaser-same-topic{
        margin-left:0
    }
}
@media only screen and (min-device-width:661px)and (max-device-width:1024px)and (-webkit-min-device-pixel-ratio:1){
    #btn-subscribe{
        display:none
    }
}
@media only screen and (min-device-width:768px)and (max-device-width:1024px){
    nav .category-nav {
        display:none
    }
    .entry-content{
        padding:12px 0
    }
    .small{
        padding-bottom:56%
    }
    .large{
        padding-bottom:100%
    }
    .mobile-authors-detail{
        display:block
    }
    .grid .grid-item{
        width:47%;
        padding-bottom:47%
    }
    .flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{
        display:none
    }
    .flex-control-nav{
        display:block
    }
}
@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:landscape){
    .flex-control-nav,.mobile-authors-detail{
        display:block
    }
}
@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:portrait){
    nav .category-nav {
        display:none
    }
    .entry-content{
        padding:12px 0
    }
    .small{
        padding-bottom:56%
    }
    .large{
        padding-bottom:100%
    }
    .mobile-authors-detail{
        display:block
    }
    .grid .grid-item{
        width:47%;
        padding-bottom:47%
    }
    .flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{
        display:none
    }
    .flex-control-nav{
        display:block
    }
}
@media screen and (max-width:660px){
    .podcast-grid{
        width:97%!important
    }
    body{
        font-size:90%;
    }
    .mobile-only{
        display:block!important
    }
    .sharing-footer{
        display:block
    }
    .column-left{
        width:100%;
        margin:0
    }
    .update-btn.mobile-only{
        display:inline-block!important
    }
    .desktop-only{
        display:none
    }
    .home .entry-content{
        padding-top:0
    }
    .single .toptitle{
        font-size:.75em;
        color:#494949
    }
    .single .article-content p,
    .single .article-content li {
        font-size:1.135em;
        font-size:18px;
    }
    .single .article-content ul{
        padding-left:34px
    }
    nav .category-nav {
        display:none
    }
    .article .entry-content{
        padding:3% 0 20px
    }
    .article .entry-content.margin-top{
        padding:30px 0 3%
    }
    .article .entry-header{
        padding:3% 0 20px
    }
    .article .entry-content.single-ads-section.zone-1{
        margin-bottom:30px;
        display:block
    }
    .article .entry-content.single-ads-section.zone-1:before{
        content:" ";
        display:table
    }
    .article .entry-content.single-ads-section.zone-1:after{
        content:" ";
        display:table;
        clear:both
    }
    .article .single-ads-section.zone-2{
        margin:30px auto
    }
    .article .single-ads-section{
        width:90%
    }
    .abonnieren{
        float:right
    }
    .column-right{
        width:100%;
        margin:0
    }
    .square{
        margin-left:auto;
        margin-right:auto;
        width:92%;
        padding-bottom:92%;
        margin-bottom:8%
    }
    .square:first-of-type{
        margin-top:4.5%
    }
    .square .toptitle{
        opacity:.5;
        font-size:.75em
    }
    .sidebar{
        margin:0
    }
    .toptitle{ 
        font-weight:400
    }
    .grid-item:not(.old) a {
        position:relative
    }
    .square .grid-item-post-details,
    .portrait .grid-item-post-details {
        padding: .5em 4% 4%;
    }
    .square .grid-item-post-details h2,
    .portrait .grid-item-post-details h2 {
        font-size: 1.5em;
        margin-bottom: 0.5em;
    }
    .portrait .grid-item-post-details .update-btn {
        color: #1a1a1a !important;
    }
    .small{
        box-sizing:border-box;
        overflow:hidden;
        height:auto;
        width:100%;
        margin:0!important;
        padding:8% 4%;
        /* border-top:1px solid #999 */
    }
    .small:after {
        content: "";
        display: block;
        background-color: var(--grey-two);
        width: calc(100% - 30px);
        height: 1px;
        position: absolute;
        top: 0;
        top: .5px;
        left: 15px;
        right: 15px;
    }
    .small h2{
        font-size:1.5em;
        display:block;
        line-height:1.1;
        letter-spacing:-.015em;
        margin:5px 0 .375em
    }
    .small .grid-item-img-container{
        position:relative;
        width:100%;
        height:0;
        overflow:hidden;
        padding-bottom:56%
    }
    .small .excerpt p{
        margin:0!important;
        line-height:1.5em!important;
        font-size:1.05em!important
    }
    .small .grid-item-img{
        position:absolute;
        inset: 0;
        padding-bottom:56%!important
    }
    .small .grid-item-post-details{
        position:relative;
        right:0;
        left:0;
        z-index:1;
        overflow:hidden;
        padding:1em 0 0;
        color:var(--dark)
    }
    .small .toptitle{
        margin-bottom:0
    }
    .large{
        box-sizing:border-box;
        overflow:hidden;
        height:auto;
        width:100%;
        margin:0!important;
        padding:8% 4%;
        border-top:1px solid #999
    }
    .large h2{
        font-size:1.5em;
        display:block;
        
        line-height:1.1;
        letter-spacing:-.015em;
        margin:5px 0 .375em
    }
    .large .excerpt p{
        margin:0!important;
        line-height:1.4em!important;
        font-size:1.05em!important
    }
    .large .grid-item-img{
        position:absolute;
        inset: 0;
        width:110%;
        padding-bottom:56%!important
    }
    .large .grid-item-post-details{
        position:relative;
        right:0;
        left:0;
        z-index:1;
        overflow:hidden;
        padding:1em 0 0;
        color:var(--dark)
    }
    .sixteen-by-eight-header .article-header-thumbnail{
        padding:0;
        margin:0;
        width:100%
    }
    .mobile-authors-detail{
        margin-bottom:0;
        display:block
    }
    .grid-item-post-details h2,
    .old h2,
    #homepage .one-third-column h2,
    .single-portrait h2,
    .grid h3{
        display:block;
        font-size:1.5em;        
        line-height:1.15;
        letter-spacing:-.015em;
        margin:5px 0 .375em
    }
    .old h2 {
        margin:5px 0 0
    }
    .old .grid-item-post-details {
        padding: .375rem 1rem 1rem;
    }
    .grid-item-post-details .excerpt{
        display:block
    }
    .home-cat .grid-item-post-details.excerpt-container {
        display:none
    }
    .grid-item-post-details p{
        margin:0!important;
        line-height:1.4em!important;
        font-size:1.1em!important
    }
    .grid .grid-item-img{
        position:absolute;
        inset: 0;
    }
    .grid .grid-item-img-container{
        padding-bottom:56%!important
    }
    .grid .grid-item{
        width:97%
    }
    .best-stories-container{
        padding-left:0!important
    }
    .best-stories-container .grid-item.single-old a{
        position:absolute
    }
    .best-stories-container .flex-control-nav{
        bottom:24px
    }
    .best-stories-container .flex-control-paging li a{
        background:rgba(255,255,255,.35)
    }
    .best-stories-container .flex-control-paging li a.flex-active{
        background:var(--white)
    }
    .one-third-column .excerpt p{
        margin:0!important;
        line-height:1.45em!important;
        font-size:1.05em!important
    }
    #grid .small .grid-item-post-details.excerpt-container{
        padding:0
    }
    .entry-content .caption p{
        font-size:.75em!important
    }
    .grid-item-title-container{
        position:relative;
        margin-top:100%
    }
    #top-article{
        border-top:none!important;
        padding: 0 0 8% !important
    }
    #top-article.small .grid-item-post-details.title-container{
        padding:1em 15px 0;
        background:var(--white);
        margin-left:4%;
        margin-right:4%;
        margin-top:-3em
    }
    #top-article.small .grid-item-post-details.title-container h2,
    #top-article.portrait .grid-item-post-details.title-container h2{
        font-size:2em
    }
    .grid.video .grid-item-img-container::after,.old.video .grid-item-img::after,.small.large.video .grid-item-img-container::after,.video.small .grid-item-img-container::after{
        top:30%
    }
    .newsletter-widget{
        width:calc(92% - 40px);
        margin:0 4% 8%!important;
        border:none!important
    }
    #homepage-best-stories .entry-content{
        padding:30px 0!important
    }
    .top-page-links{
        margin:0 0 20px!important
    }
    .comment-author-name-date cite{
        display:block
    }
    .one-third-img{
        width:99%!important;
        margin:0 0 2em!important
    }
    .one-third-img img{
        width:100%
    }
    .one-third-img p{
        font-size:.85em!important
    }
    .one-half-img{
        width:99%!important;
        margin:0 0 2em!important
    }
    .one-half-img img{
        width:100%
    }
    .one-half-img p{
        font-size:.85em!important
    }
    .two-third-text{
        width:99%!important;
        margin:0 0 2em!important
    }
    .two-third-text img{
        width:100%
    }
    #NextPrevPosts{
        display:none
    }
    .article-header .toptitle{
        margin-top:1.5em
    }
    .article-header h1{
        font-size:2em;
        line-height:1.1;
        letter-spacing:-.015em;
        margin:.2em 0 .5em
    }
    .article-header .hero-text p{
        font-size:1.25em;
        line-height:1.5em;
        font-weight:400;
        margin-top:-.15em
    }
    .page-wrapper{
        border:none
    }
    .comment-link{
        float:none!important
    }
    .comment-link a{
        padding:11px!important
    }
    .mobile-go-back{
        display:block;
        position:relative
    }
    .teaser-same-topic{
        width:calc(100% - 60px)
    }
    .article-teaser a{
        padding-bottom:70%
    }
    .article-teaser a .grid-item-post-details{
        padding:.5em 5% 1em
    }
    #comments{
        width:100%;
        max-width:100%
    }
    .single-ads-section .one-half{
        margin:0 4%;
        width:92%
    }
    .single-ads-section .one-half:before{
        content:" ";
        display:table
    }
    .single-ads-section .one-half:after{
        content:" ";
        display:table;
        clear:both
    }
    .single-ads-section .one-half:first-of-type{
        margin-bottom:4%
    }
    .single-ads-section .one-half:last-of-type .float-adlabel{
        display:none
    }
    .single-ads-section .one-third{
        width:100%;
        margin-bottom:30px
    }
    .single-ads-section .one-third:before{
        content:" ";
        display:table
    }
    .single-ads-section .one-third:after{
        content:" ";
        display:table;
        clear:both
    }
    .page-template-default .single-ads-section .full-width{
        width:90%
    }
    .filters{
        margin-bottom:15px
    }
    .archive .grid,.search .grid{
        margin-bottom:30px
    }
    .category-filter-button{
        margin-bottom:10px
    }
    .flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{
        display:none
    }
    .flex-control-nav{
        display:block
    }
    .comments{
        margin-bottom:0
    }
    footer .part-grid{
        padding:10px 0 60px
    }
    footer .part-grid li{
        margin:2%;
        width:28%
    }
    .footer-menu{
        margin:40px 0
    }
    .footer-top{
        top:30px;
        right:15px
    }
    .page-links{
        margin:40px 0;
        font-size:1em
    }
    .newsletter-form-small input[type=email]{
        float:none!important;
        width:calc(100% - 36px)!important
    }
    .newsletter-form-small input[type=submit]{
        float:none!important;
        width:100%!important
    }
    .newsletter-form-small p{
        margin:-5px 20px 7px 0
    }
    .superteaser .col-right{
        width:100%;
        min-height:auto;
        max-height:auto;
        padding:15px 0 20px;
        border-top:none
    }
    .superteaser .col-left{
        width:100%
    }
    .superteaser-footer-logos{
        text-align:center;
        margin:15px 0 5px
    }
    .superteaser-footer-logos img{
        display:inline-block;
        margin:5px 10px
    }
    .single-page-view{
        margin-left:0
    }
    .column-left #grid .grid-item.square .grid-item-img-container{
        padding-bottom:100%
    }
}
@media only screen and (max-device-width:896px)and (orientation:landscape){
    #grid{
        display:flex;
        flex-wrap:wrap
    }
    #grid .small .green-audio-player{
        top:33.5%!important
    }
    .grid-item.one.small.small-square .grid-item-img-container,.one.small.small-square{
        padding-bottom:56.25%!important
    }
    .column-right{
        margin:.8% 1.5% 0 0
    }
    .sidebar{
        margin:0
    }
    .sidebar .grid-item.small.small-square .grid-item-img-container{
        padding-bottom:100%!important
    }
    .sidebar figure.small{
        width:91.75%;
        margin:2.25% 4% 2.25% 4.25%;
        height:auto;
        padding-bottom:inherit
    }
    .sidebar .grid-item-img-container{
        background:0 0
    }
    .sidebar .grid-item a,.sidebar .grid-item-post-details{
        position:relative
    }
    .sidebar .small .green-audio-player{
        top:49.5%!important;
        bottom:0;
        z-index:100
    }
    #homepage .homepage-cat--teaser.small.small-three-columns.xsmall{
        padding:0
    }
    #homepage .homepage-cat--teaser.small.small-three-columns.xsmall .grid-item-img-container{
        width:100%;
        padding-bottom:56.25%;
        margin-top:0
    }
    #homepage-categories .single-ads-section .full-width{
        margin-bottom:30px;
        width:94%;
        left:0;
        right:0;
        transform:none
    }
    #sidebar{
        width:65%;
        max-width:600px
    }
}
@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (-webkit-min-device-pixel-ratio:1){
    nav .category-nav {
        display:none
    }
    .entry-content{
        padding:12px 0
    }
    .small{
        padding-bottom:60%
    }
    .large{
        padding-bottom:100%
    }
    .mobile-authors-detail{
        display:block
    }
    .grid .grid-item{
        width:47%;
        padding-bottom:47%
    }
    .flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{
        display:none
    }
    .flex-control-nav{
        display:block
    
    }
}
@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2){
    .flex-control-nav,.mobile-authors-detail{
        display:block
    }
}
@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:2){
    nav .category-nav {
        display:none
    }
    .entry-content{
        padding:12px 0
    }
    .small{
        padding-bottom:56%
    }
    .large{
        padding-bottom:100%
    }
    .mobile-authors-detail{
        display:block
    }
    .grid .grid-item{
        width:47%;
        padding-bottom:47%
    }
    .flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{
        display:none
    }
    .flex-control-nav{
        display:block
    }
}
@media print{
    @page{
        margin:1cm
    }
    .single .article-content p{
        font-size:.85em
    }
}
.amp-abonnieren-btn{
    display:none
}
/* #container{
    overflow-x:hidden!important
} */
body,footer,header,main,section{
    position:relative
}
.is-hidden,.mobile-only{
    display:none
}
img{
    max-width:100%;
    height:auto
}
.embed-container{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    max-width:100%
}
.embed-container embed,.embed-container iframe,.embed-container object{
    position:absolute;
    width:100%;
    height:100%;
    inset:0
}
.embed-container.portrait-container{
    padding-bottom:125%
}
.embed-container.portrait-container>div{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0
}
.portrait-container-wrapper{
    display:block;
    max-width:330px;
    margin:1em auto
}
.transition{
    transition:.2s ease-in-out
}
.container{
    max-width:1280px;
    padding:0 6%;
    margin:0 auto
}
.bg-white{
    background:var(--white);
    box-shadow:0 1px 4px 0 rgba(0,0,0,.075)
}
.page-wrapper{
    position:relative;
    width:100%;
    max-width:970px;
    margin:0 auto
}
.entry-content{
    max-width:970px;
    margin:0 auto
}
.entry-content .bg-white {
    padding: 3%;
}
.entry-content p a{
    color:#494949;
    border-bottom:1px solid var(--dark);
    transition:.2s ease-in-out
}
.entry-content p a:hover{
    color:var(--dark)
}

#homepage-categories.entry-content .bg-white {
    padding: 30px 1.5%;
}

@media screen and (max-width: 660px) {
    .vertical-scroll {
        position: relative;
        display: flex;
        overflow-x: auto;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none;
        white-space: nowrap;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
        z-index: 1;
    }
  }

  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .single-portrait {
    display: inline-block;
    width: 66.6666vw;
    height: auto;
    margin: 0 0 -3px 15px;
    white-space: normal;
    overflow: hidden;
    background: var(--grey-two);
		color: var(--white);
  }

  @media screen and (max-width: 660px) {
      .single-portrait:last-of-type {
          margin-right: 15px;
      }
  }

  .more-categories .bg-white {
    padding: 30px 0;
  }

  .more-categories h3 {
    padding: 0 3% !important;
  }

  .more-categories .toptitle {
    color: #fff;
  }


/* WPML Custom Language Switcher */

.wpml-ls-legacy-list-horizontal {
    border: none;
    padding: 0;
}

.wpml-ls-legacy-list-horizontal a {
    padding: 2px 0;
}

.searchbar-social .wpml-ls-legacy-list-horizontal a {
    padding: 0;
}

/* Vimeo Ads with Link 
Class is "haslink" */

.video {
    text-align: center;
}

.video a {
    font-family: worksans,helvetica,sans-serif;
    font-size: .8em;
    border: none !important;
}

@media screen and (max-width: 660px) {
    .column-left .video,
    .column-right .video,
    .float-sidebar-video-ads .float-target {
        width: 92% !important;
    }
}

@media screen and (max-width: 660px) {
    .column-right .float-sidebar-ads-1,
    .column-right .float-sidebar-ads-2,
    .column-right .float-sidebar-ads-3,
    .column-right .float-sidebar-ads-4,
    .column-right .float-sidebar-ads-5 {
        width: 96%;
        margin: 0 auto 34px;
    }
}

/* Breadcrumbs */

#breadcrumbs {
    color: #494949;
    margin-top: 1em;
    font-size: .85em;
}

#breadcrumbs span {
    margin-right: 5px;
}