:root {
    --m1: #191b1c;
    --ctab: #B67630;
    --m2: #d7edf4;
    --dc: #AABDC2;
    --lc :#E7EEF0;
    --lightblue:rgba(214, 236, 244, 0.34);

}

@font-face {
    font-family:'WorkSans-Light.woff';
    src: url('/public/deutrik/skins/lesering/font/WorkSans-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'WorkSans-Regular.woff';
    src: url('/public/deutrik/skins/lesering/font/WorkSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'Poppins-Regular.woff';
    src: url('/public/deutrik/skins/lesering/font/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'Nunito-Light.woff';
    src: url('/public/deutrik/skins/lesering/font/Nunito-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family:'Nunito-Regular.woff';
    src: url('/public/deutrik/skins/lesering/font/Nunito-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{margin:0;padding:0;font-size: 14px;width:100vw;color:var(--m1);font-family:'Nunito-Light.woff';text-align: center;display: block;}

*{box-sizing: border-box;}

.ccm-settings-summoner.ccm-show{right: 15px!important;left: initial!important;bottom: 55px!important;width: 35px!important;
    height: 35px!important;}

#magazine_place_book-of-week .tile-design.layout_one .mod_blog_newslist article.position_1 .fad_blog_article_figure img{padding:0!important;}

.freeze .logo-freeze {opacity:1!important;visibility:visible!important;}

.freeze .rotating_logo {opacity:0!important;visibility:hidden!important;}

.tile-design.layout_one article.position_1 a{
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    height: auto!important;
}

.tile-design.layout_one article.position_1 .fad_blog_article_figure{grid-column: 1;grid-row: 1}
.tile-design.layout_one article.position_1 .text_container{grid-column: 1;grid-row: 1;z-index: 10;}


.post_content li span{font-size: 100% !important;}

h3.newslist_caption {
    width: 100%;
}

a.newslist_caption{text-decoration: initial;color:#3D6E7B;display: inline-block;}
a.newslist_caption:hover{text-decoration: underline}

a.newslist_caption::after{content:"";background-image:url("/next.svg");float:right;margin-left: 0.5em;display: block;height:26px;width:26px;background-size: contain;background-repeat: no-repeat;}

/* COOKIES (::) */

.fad_cookieconsent_wrapper  .page_box_text,
.fad_cookieconsent_wrapper
{font-size: 14px;}

.fad_cookieconsent_wrapper h3{font-size: 16px;}

.fad_cookieconsent_wrapper {    max-width: 600px;
    margin: auto;
    left: 0;
    bottom: 10px;
    right: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);}

.fad_cookieconsent_wrapper button{
    background-color: blue;
    color: white;
    font-size: 14px;
    border: none;
    border-radius: 20;
    padding: 5px 10px;
    margin: 1em 0em;
    width: 100%;
    float: left;
    border-radius: 20px;
    padding: 5px;
}


#magazine_place_navigation_menu .mod_social_fanpage span.fad-image-wrapper,
#magazine_place_navigation_menu .mod_social_fanpage img{
    width: 35px!important;
    float: left;
}

.fad_cookieconsent_wrapper .page_box_read_more{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    width: 100%;
    background-color: rgba(0, 0, 255, 0.05);
    border-radius: 20px;
    padding: 10px;
    margin: 1em 0em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fad_cookieconsent_wrapper input[type='checkbox']{width: auto;
    float: left;
    margin: 1em 0;}

.fad_cookieconsent_wrapper label{
    display: inline-block;
    text-align: right;
    float: left;
    margin: 1em 1em;}



.page_box_text p:last-child{margin-bottom: 0;}

img.post-image {
    max-width: 600px;
}

/* cartoon */

.magazine_bottom_content .cartoon{
    max-width: 400px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    float: initial;
    border: 1px solid white;
    -ms-flex-item-align: center;
    align-self: center;
}

.cartoon a{text-decoration:none!important;}

.cartoon h3,
.cartoon{
    color: initial;
    text-decoration: none;
    color: initial;
    text-decoration: none;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    display: block;
    float: left;
    box-shadow: initial;
    padding: 5;
    margin: 1em;
    border-radius: 20px;
    transition:200ms all linear;
    width: calc(100% - 2em);
}

.cartoon:hover{transform: scale(.9);box-shadow: 0 0 20px rgba(0, 0, 0, 0.17);}

.cartoon h3{
    color: #3D6E7B;
    text-decoration: none;
    display: inline-block;
    margin: 0.5em 0;
    font-size: 22px;
    width: 100%;
    text-align: center;
}

div.highlight {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 20px 0;
}


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



    #magazine_header{position:absolute;}



/* .visible #cover_page_lesering{
    display: block!important;
    width: 100%;
    height: 100%;
    position: fixed;
    height: 100vh;
    background-color: rgba(61, 109, 122, 0.82);
    z-index: 10;
} */

    .stroke_container{transition:200ms linear all;}


    .stroke_container:hover .stroke::after {
        width: 100%!important;
    }
    .stroke_container:hover .stroke::before {
        width: 100%!important;
    }

    .stroke_container:hover .stroke::before {
        width: 100%;
    }

    body .fad_cookieconsent_wrapper{height: 100%!important;overflow: scroll!important;z-index: 100000000000!important;}

    .fad_cookieconsent_wrapper  .page_box_text,
    .fad_cookieconsent_wrapper
    {font-size: 12px;}

    .fad_cookieconsent_wrapper h3{font-size: 14px;}

}



.mod_blog_newslist{float:left;width:100%;}

img.vgwort{
    display: inline-block;
    height: 0px;
}


.place {float:left;width: 100%;margin: 0.5em 0em;text-align: center;display: block;}

h1.tag{font-size: 1.33em;
    opacity: .5;
    text-align: left;}

h1,
h2,
h3,
h4{    font-family:'Nunito-Regular.woff';
}

.layout_site{
    font-size: 16px;
}


.news_nav label,
.nav_hamburger {float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}


.layout_news_freetext .news_nav .navigation_news_container,
.layout_rezension .news_nav .navigation_news_container{opacity:0;
   height:0;padding:0;}

.navigation_news li ::after{content: 'Seite: ' attr(data-chapter);float:left;margin-right: 0.5em;opacity: .8;}

.navigation_news li{margin:0.5em;}


.news_nav label span{font-size: 16px;line-height: 25px;}
.news_nav label:hover{background-color: rgba(61, 109, 122, 0.07);}
.news_nav label{border-radius: 20px;}

.navigation_news_container,
.news_nav label,
.news_nav{cursor: pointer;
    padding: 0.5em;
    min-width: 100%;
    flex: 1 auto;
    display: inline-flex;}

.news_nav{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 400px;}

.news_nav label,
.news_nav{}


.layout_news_freetext  input[type="checkbox"],
.layout_rezension input[type="checkbox"]{width:0;height:0;opacity: 0;visibility: hidden}

.nav_hamburger:checked  ~ .navigation_news_container,
.nav_hamburger:checked + div{opacity: 1!important;
    height: auto!important;
    margin: .5em 0em;}

.date {
    text-align: center;
    width: 100%;
}

.nav_hamburger:checked + label svg{transform: rotate(180deg);}

.sticky_container{transition: 400ms all linear;}

h3.WebBox_caption_content{margin:0;}

#footer h3.mod_sitemap_caption{display:none;}

#footer #magazine_place_footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

#footer #magazine_place_footer .mod_sitemap{
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#footer #magazine_place_footer .mod_sitemap:nth-child(2){-webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;}

#footer .mod_sitemap ul {padding: 0;
    list-style: none;
    text-align: right;
    margin: 10px 0px;
    color: var(--m1);}

#footer .mod_sitemap ul li a{text-decoration: initial;color: var(--m1);}

#footer{
    float: left;
    width: 99%;
    margin: 0.5% 0.5%;
    background-color: var(--m2);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}


#footer #magazine_place_footer-formular a{
    color: white;
    text-decoration: none;
    background-color: var(--m1);
    border-radius: 20px;
    padding: 10px;
    display: inline-block;
    margin: 15px 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    transition: 400ms all;
    margin: 0;
}

#footer mod_social_fanpage a {

    border-radius: 20px;
}

#footer #magazine_place_footer-formular a:hover{ box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09);}

#magazine_place_footer-formular{width:100%;}
#magazine_place_footer-formular a{padding: 10px;}

.ControlGroup_description{
    font-size: 12px;
    margin: 10px 0px;
    text-align: left;
}

input[type='checkbox']{
    width: auto;
}

#audio_player {
    display:none;
}

div.speaker_icon{
    width: 45px;
    height: 45px;
    background-color: white;
    border-radius: 45px;
    top: 20px;
    margin: 20px 0px 0px;
    position: initial;
    padding: 5px;
    display: initial;
    cursor: pointer;
    float: left;
    margin: 10px 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}



.form_sicherheitscode{
    float: left;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.34);
    border-radius: 20px;
    padding: 10px;
    margin: 0px 0px 20px 0px;
}

#magazine_place_footer-formular .fad_button_cancel {display:none!important;}

.ControlGroup_content{float:left;width:100%;}

#content #magazine_inner {
    max-width: 100rem;
    display: inline-block;
    margin: auto;
    float: initial;
    margin-top: 120px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;}

#magazine_place_footer-formular  .ControlGroup .ControlGroup_content {
    display: block;
    background-color: rgba(255, 255, 255, 0.34);
    border-radius: 20px;
    padding: 20px;
    margin: 0px 0px 20px 0px;
}

.button {
    position: relative;
    /*width:100%;
    */overflow:hidden;
}
#magazine_place_footer-formular h3.WebBox_caption_content {
    margin: 10px 0px;
    float: left;
    width: 100%;
    font-size: 1.5em;
}

.message_text{
    background-color: #ffb1b1;
    border-radius: 20px;
    padding: 5px;
}



.button{
    background-color: white;
    padding: 10px;
    display: inline-block;
    font-size: 16px;
    margin: auto;
    border: initial;
    background-color: rgb(218, 218, 218);
    width: 100%;
    border-radius: 5px;
}


input:autofill{background-color:white;}

input[type="checkbox"] {
    border-radius: 100%;
    border: initial;
    /*-webkit-appearance: none;*/
    /*background-color: #fafafa;*/
    background-color: rgba(61, 109, 122, 0.32);
    display: inline-block;
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    line-height: 23px;
    vertical-align: middle;
    text-align: center;
    font-size: 1.25em;
    padding: 0;
    box-shadow: initial;
}


#fad_cookieconsent_content input[type="checkbox"]:checked::before {
display: none;}

input[type="checkbox"]:checked::before {
    content: '\2714';
    font-size: 1.25em!important;
    position: absolute;
    top: 0px;
    color: var(--m1);
    left: 0;
    text-align: center;
    margin: auto;
    width: 100%;
}

.checkbox_label{
    line-height: 30px;
    vertical-align: middle;
}

#content #magazine_inner.site-newsreader #magazine_place_sidebar_site{
    float: left;
    max-height: 100%;
    width: calc(300px - 2em);
    float: left;
    margin: 1em;
    text-align: left;
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    display: inline-block;
    padding: 0.25em;
    background-color: white;
    border-radius: 20px;
    text-align: center;
}


.space{width:100%;height:80px;display:block;}




a{ user-select: none;
    -webkit-user-drag: none;}

#magazine_inner{float:left;width: 100%;position: relative;z-index: 1;}
#content #magazine_inner.concept{padding:0;}

#content #magazine_inner{min-height: calc(100vh - 264px);}

/* Scrollbars */

.mod_blog_newslist.vertical-scroll-box::-webkit-scrollbar,
.mod_blog_newslist.horizontal-scroll-box::-webkit-scrollbar{
    display: none;
}

.toggle{
    scrollbar-color: #f1f1f1 #f1f1f1!important;
    scrollbar-width: thin!important;
}



#magazine_header .toggle ul::-webkit-scrollbar {
    display: none;
}

.navigation_news,
.amazone_container .heading_head,
.mod_blog_newslist.freetext .mod_blog_newslistcontainer{
    overflow-x: auto;
    scrollbar-color: #f1f1f1 #f1f1f1!important;
    scrollbar-width: thin!important;
}

.mod_blog_newslist.vertical-scroll-box,
.mod_blog_newslist.horizontal-scroll-box{    overflow-x: scroll;
    scrollbar-color:  var(--m2) #f1f1f1!important;
    scrollbar-width: thin;!important;}


.mod_blog_newslist.vertical-scroll-box .mod_blog_newslistcontainer::-webkit-scrollbar-thumb:hover,
.mod_blog_newslist.horizontal-scroll-box .mod_blog_newslistcontainer::-webkit-scrollbar-thumb:hover,
.mod_blog_newslist.freetext::-webkit-scrollbar-thumb:hover {
    scrollbar-color:  var(--m1) #f1f1f1!important;
   }


.navigation_news::-webkit-scrollbar-button,
.amazone_container .heading_head::-webkit-scrollbar-button,
.mod_blog_newslist.vertical-scroll-box .mod_blog_newslistcontainer::-webkit-scrollbar-button,
.mod_blog_newslist.horizontal-scroll-box .mod_blog_newslistcontainer::-webkit-scrollbar-button,
.mod_blog_newslist.freetext::-webkit-scrollbar-button{display: none!important;}


.navigation_news::-webkit-scrollbar-corner,
.amazone_container .heading_head::-webkit-scrollbar-corner,
.mod_blog_newslist.vertical-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar-corner,
.mod_blog_newslist.horizontal-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar-corner,
.mod_blog_newslist.freetext::-webkit-scrollbar-corner{display: none!important;}

.navigation_news::-webkit-scrollbar,
.amazone_container .heading_head::-webkit-scrollbar,
.mod_blog_newslist.vertical-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar,
.mod_blog_newslist.horizontal-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar,
.mod_blog_newslist.freetext::-webkit-scrollbar {
    width: 10px;
    border-right: 20px;
    height:10px;
}

.amazone_container .heading_head::-webkit-scrollbar-track,
.amazone_container .heading_head::-webkit-scrollbar-track-piece ,
.mod_blog_newslist.vertical-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar-track,
.mod_blog_newslist.vertical-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar-track-piece ,
.mod_blog_newslist.horizontal-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar-track,
.mod_blog_newslist.horizontal-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar-track-piece ,
.mod_blog_newslist.freetext::-webkit-scrollbar-track,
.mod_blog_newslist.freetext::-webkit-scrollbar-track-piece  {
    background: #f1f1f1;
    border-radius: 20px;
}

.horizontal-scroll-box article:hover .fad_blog_article_figure  img{
    transform: scale(1.1);
}

.horizontal-scroll-box article .fad_blog_article_figure  img{
    transition: 4s linear all;
}

.mod_blog_newslist.horizontal-scroll-box article .text_container {
    transition: 400ms all linear;
}

article .fad_blog_article_figure::after{transition: 400ms all linear;}
.horizontal-scroll-box article:hover .fad_blog_article_figure::after{content:"";background-color: rgba(0, 0, 0, 0.0);}

.navigation_news::-webkit-scrollbar-track {
    background: white;
    border-radius: 20px;
}

.navigation_news::-webkit-scrollbar-thumb,
.navigation_news::-webkit-scrollbar-thumb:horizontal,
.mod_blog_newslistcontainer::-webkit-scrollbar-thumb:horizontal,
.amazone_container .heading_head::-webkit-scrollbar-thumb,
.amazone_container .heading_head::-webkit-scrollbar-thumb:horizontal,
.mod_blog_newslist.freetext::-webkit-scrollbar-thumb,
.mod_blog_newslist.freetext::-webkit-scrollbar-thumb:horizontal {
    background: white;
    transition: 400ms all;
    border-radius: 20px;
    border: 1px solid;}


.mod_blog_newslist.horizontal-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar-thumb,
.mod_blog_newslist.horizontal-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar-thumb:horizontal,
.mod_blog_newslist.vertical-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar-thumb:horizontal,
.mod_blog_newslist.vertical-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar-thumb:horizontal {
    background: #63909e;
    transition: 400ms all;
    border-radius: 20px;
    border: 0;}

.mod_blog_newslist.vertical-scroll-box  .mod_blog_newslistcontainer::-webkit-scrollbar-thumb:hover,
.mod_blog_newslist.vertical-scroll-box .mod_blog_newslistcontainer::-webkit-scrollbar-thumb:horizontal:hover,
.mod_blog_newslist.horizontal-scroll-box .mod_blog_newslistcontainer::-webkit-scrollbar-thumb:hover,
.mod_blog_newslist.horizontal-scroll-box .mod_blog_newslistcontainer::-webkit-scrollbar-thumb:horizontal:hover,
.mod_blog_newslist.freetext::-webkit-scrollbar-thumb:hover,
.mod_blog_newslist.freetext::-webkit-scrollbar-thumb:horizontal {
    background: var(--m1);
}


/* Ende */

/* Galerie */


h2.image-meta-title{
    font-size: 1.5em;
}

.gallery_buttons{display: block;
    text-align: center;border-radius: 100%;}


.fad_gallery_image{
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    max-width: 800px;
    float: initial;
    display: inline-block;
    z-index: 100;
}

.fad_gallery_image_wrapper {float:left;width:100%;}

a.gallery_t:hover svg{transition: 400ms all linear;}
a.gallery_t:hover svg:hover{transform: scale(.9)}
a.gallery_t:hover svg .path{fill:var(--m1)!important;}

a.gallery_t:hover svg.ranking{transform: translateX(10px)!important;}
a.gallery_t:hover svg.ranking.prev{transform: translateX(-10px)!important;}
a.gallery_t:hover svg.next{transform: translateX(10px)!important;}

.img_amount{line-height: 35px;
    padding: 0px 5px;
    margin: 0;
    vertical-align: middle;}

.img_amount::before{content:"";    background: url("/public/deutrik/skins/lesering/lesering-two/img/trophy.svg");width:35px;height: 35px;float:left;display:block;background-size: contain;background-repeat: no-repeat;
}

.layout_news .post-image{position: relative;}

.post-image .button_container {
display: block;;
}


body .fad_gallery_image_container svg.ranking{z-index: 100000;
    top: 0;
    margin: 0;
    width: 100px;
    height: 100px;
    left: 0;
    right: initial;
    position: absolute;}

body.buy_link .fad_gallery_image_container  a.basket_icon {
    display: none;
    position: absolute;
    left: 26px;
    top: 100px;
}



.fad_gallery_image_container svg.ranking{width: 100px!important;
    height: auto!important;
    padding: 2px;
    position: absolute;
    padding: 5px;
    width: auto;
    margin: auto;
    display: inline-block;
    float: initial;
    margin-bottom: 10px;
    right: -42.5px;
    top: -42.5px;}

.post-image .button_container  svg.ranking{width: 35px!important;
    height: 35px!important;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-right: 10px;}


a.gallery_t svg{border-radius: 35px;
    background-color: transparent;
    padding: 5px;}

.post-image-wrapper{
    position: relative;
    width: 100%;
    float: left;
}

.close_container{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 30%;
}

.fad_gallery_image a.gallery_t.next{box-shadow: 3px 1px 8px rgba(0, 0, 0, 0.09);}

.fad_gallery_image a.gallery_t.next,
.fad_gallery_image a.gallery_t.last{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 55px;
    background-color: white;
    z-index: 10;
    border-radius: 20px;
    margin: auto;
    width: 100px!important;
    padding: 0;
    text-decoration: initial;
}

h1.image-meta-title{
    font-size: 1.25em;
}

figure.post-image  .image-meta-source {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    font-size: 12px!important;
}

a.gallery_t.next{left: initial!important;right:0;}

figure.post-image img{padding-top: 30px}

.fad_gallery_image .img_amount{
    float: left;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.fad_gallery_image a.gallery_t.next svg,
.fad_gallery_image a.gallery_t.last svg{position: initial;
    float: initial;
    height: 35px;
    width: 35px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;}

.fad_gallery_image .close_container{
    position: initial;
    float: left;
    width: 100%;
}

.gallery h1.fad_news_caption{margin-bottom: 40px;}

.fad_gallery_image a.gallery_t.last svg.ranking,
.fad_gallery_image a.gallery_t.next svg.ranking{transform: initial;
    float: initial;
    position: initial;
    width: 55px;
    height: 55px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;}

.fad_gallery_image_wrapper h1{
    font-size: 1.25em!important;
}

.fad_gallery_image .close_container svg{top: -40px;
    margin: auto;
    left: 0;
    display: inline-block;
    height: 40px;
    right: 0;
    padding: 8px;
    width: 40px;
    border-radius: 40px;
    bottom: 0;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);}

a.gallery_t svg{
    width: 35px;
    height: 35px;
    position: initial;
    top: 0;
    float: right;
    bottom: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

a.gallery_t.next{display: block;
    top: 0;
    width: 100%!important;
    margin-bottom: 10px;
    height: 55px;
    background-color: var(--m2);
    border-radius: 20px;
    width: 80px;
    text-decoration: initial;
    box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.09);
    padding: 10px 0px;}


a.gallery_t.next span{
    float: left;
    line-height: 35px;
    color: #3D6E7B;
    padding-left: 10px;
    color: initial;
}




.fad_gallery_image  a.gallery_t.next{right:0!important;}

a.gallery_t.last{
    position: absolute;
    left: -45px;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 50%;
    background-color: white;
    border-radius: 20px;
    width: 35px;
    box-shadow: -2px -2px 8px rgba(0, 0, 0, 0.09);
transition: 400ms all linear;}

a.gallery_t.next:hover{    box-shadow: 3px 1px 8px rgba(0, 0, 0, 0.09);
}

a.gallery_t.last:hover{
    box-shadow: -3px 1px 8px rgba(0, 0, 0, 0.09);
}

.fad_gallery_image_img{
    border-radius: 20px;
    height: 100%;
    width: 100%;
    float: left;
    flex: auto 0;
    display: block;
    position: relative;
}

.fad_gallery_image_img .image-meta-source{position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    padding: 5px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.29);}

.fad_gallery_image_img img{border-radius: 20px;
    margin: auto;
    max-width: 300px;}

figcaption.image-meta{
    float: left;
    width: 100%;
    padding: 0 25%;
    text-align: left;
}

.fad_gallery_image_container{
    display: block;
    padding: 0 120px;
    position: relative;
    float: left;
    width: 100%;}

.fad_gallery_image_container p.img_amount{
    float: left;
    width: 100%;
    position: initial;
    text-align: center;
    opacity: 1;
    text-align: left;
    margin-bottom: 10px;
}


figcaption .image-meta{
    flex: 2 1;
    padding: 0px 0px 0px 20px;
}

/* */


/* Sharing Container */

#magazine_place_sharing::before{content:"Diesen Artikel teilen";font-size: 22px;float:left;width: 100%;text-align: left}
#magazine_place_sharing .close-sharing{display: block;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    transition: 400ms all linear;
    height: 30px;
    background-color: white;
    box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.09);
    border-radius: 20px;}

#magazine_place_sharing .close-sharing:hover{transform: scale(.9);}

#magazine_place_sharing .close-sharing::after{content: "";
    background: url("/public/deutrik/skins/lesering/img/close.svg");
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: center;
    width: 100%;
    height: 100%;
    position: initial;
    float: left;
    display: inline-block;
transition: 400ms all linear;}

#magazine_place_sharing{opacity: 0;
    visibility: hidden;
    height: 0;
    margin: 0;
    display: none;}


.opensharebox .overlay{position: fixed;
    background: rgba(255, 255, 255, 0.72);
    width: 100%;
    height: 100vh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000000;
    display: block;}

.opensharebox #magazine_place_sharing{
    overflow: hidden;
    position: fixed;
    opacity: 1;
    visibility: visible;
    width: 300px;
    display: block;
    height: auto;
    padding: 20px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000000000;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.09) inset, -2px 13px 8px rgba(0, 0, 0, 0.09);
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    top: 50%;
    transform: translate(0%,-50%);
    border: 10px solid white;
}

.mod_social_share img {
    border-radius: 20px;
}

/* Ende */


/* Navigation */

.top_bar{display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid rgba(61, 109, 122, 0.25);
    background-color: rgba(241, 252, 255, 0.83);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);}

#magazine_place_navigation_menu{padding-top: 45px;}

.top_bar span{
    flex: 10;
    line-height: calc(40px + .25em);
    font-size: 16px;
    text-align: left;
    padding: 0 1em;
}

#magazine_place_navigation_menu fieldset{
    display: flex;
    flex-wrap: nowrap;
}

.toggle .place{margin:0;}

#magazine_place_navigation_menu .mod_search_form form{margin: 0.25em 0;}

#magazine_place_navigation_menu   fieldset:hover input#fad_search_form_field{    opacity: 1;
    transform: translate(0px, 0px);
    width: 100%;}

#magazine_place_navigation_menu  input#fad_search_form_field{
    opacity: 1;
    transform: translate(0px, 0px);
    width: 100%;
}

.navigation_main ul li a {transition: 400ms all}
.navigation_main ul li a:hover{background-color: rgba(214, 236, 244, 0.5);}

.menu_container{float:left;width:100%;}

.toggle_menu{
    max-width: 300px;
    width: 100%;
    z-index: 100000;
    background-color: #f1fcff;
    border: solid 1px rgba(128, 128, 128, 0.32);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
 transform: translateX(-400px);
    z-index: 100000;
    overflow: hidden;
    height: 90vh;
    position:fixed;
    top: 0;
    margin: auto;
    left: 0.25em;
    transition: 200ms transform ease-in-out;
    border-radius: 20px;
    opacity: 0;
    padding: 5px 2px;
}

.menu_container{height:100%;overflow: scroll}

.menu_container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

#magazine_place_navigation_menu h1,
#magazine_place_navigation_menu h2,
#magazine_place_navigation_menu h3,
#magazine_place_navigation_menu h4 {
    font-family: 'Nunito-Regular.woff';
    text-align: left;
}

.menu_container::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(61, 109, 122, 0.25);
}

#magazine_header .toggle ul li{border-radius: 20px;}
#magazine_header .toggle ul li:hover{background-color: rgba(61, 110, 123, 0.1);}

.toggle h3.mod_sitemap_caption{line-height: 30px;}


.icon_main_page h3.mod_sitemap_caption::before{content:"";background-image:url("/main_pages.svg");width:30px;height:30px;float:left;margin-right: 0.25em;background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_home_page a::before{content:"";background-image:url("/home.svg");
    width:30px;
    height:30px;
    float:left;
    margin-right: 0.25em;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

#magazine_header .social_fanpage_caption,
.icon_home_page a.fad_contentlink {
    background-color: initial;
    background-color: initial!important;
    width: 100%;
    border: none!important;
    text-align: left;
    font-size: 1em;
    color: var(--m1)!important;
    font-size: 18px!important;
    float: left;
    width: 100% !important;
    line-height: 30px;
    padding: 0!important;
    text-align: left;
    margin: 0px;
    font-weight: normal;
    font-family: 'Nunito-Light.woff';
}

.icon_about h3.mod_sitemap_caption::before{content:"";background-image:url("/about.svg");width:30px;height:30px;float:left;margin-right: 0.25em;background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;}

#magazine_place_navigation_menu .mod_blog_tags h3::before{content:"";background-image:url("/tags.svg");width:30px;height:30px;float:left;margin-right: 0.25em;background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;}

#magazine_place_navigation_menu .social_fanpage_caption::before{content:"";background-image:url("/follow.svg");width:30px;height:30px;float:left;margin-right: 0.25em;background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;}

.icon_frei-text h3.mod_sitemap_caption::before{content:"";background-image:url("/frei-text.svg");width:30px;height:30px;float:left;margin-right: 0.25em;background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;}

#magazine_place_navigation_menu > div:not(.mod_social_fanpage){
    border-bottom: 1px solid rgba(61, 109, 122, 0.25);}

#magazine_place_navigation_menu > div{width: 100%;
    padding: 0.25em;}

.navigation_main #magazine_place_navigation_assets{
    position: absolute;
    right: 10px;
    z-index: 10;
    bottom: 0;
    width: auto;
    margin: auto;
    top: 0;
    display: flex;
    accent-color: ;
    align-items: center;
}

#home_middle_layout .mod_html.freetext_ad {position: initial;
    margin: 10px 10px;
    max-width: 200px;
    float: initial;
    display: inline-block;
    white-space: initial;}

#magazine_header .toggle .mod_blog_tags ul a::before{content:"#";margin-right: 5px;}

.toggle .navigation_main{display: none;}

#magazine_place_navigation_ad{
    background-color: transparent;
    box-shadow: initial;
    margin: 0;
    padding: 0;
}

.toggle .logo{display:none;}


.toggle .mod_html a.fad_contentlink {background-color: initial;color:initial;background-color:initial;}

.toggle{
    width: auto;
    position: relative;
    left: 0px;
    z-index: 1;
    float: left;
    min-width: 33px;
    min-height: 80px;
    display: inline-block;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    left: .25em;
}

.visible .toggle_menu{transform: translateX(0);opacity: 1;}

.toggle #magazine_place_navigation .mod_search_form{display:none;}

.stroke_container{
    position: relative;
    width:40px;
    border-radius: 20px;
    height:40px;
}

.stroke_container.close .stroke{background-color: transparent;}

.stroke_container.close {height: 40px;
    float: right;
    margin: .25em .25em 0 0;;}


.stroke_container.close .stroke::before {
    transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
}



.stroke_container.close .stroke::after {
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
}


.stroke_container{cursor: pointer;}
.stroke_container:hover{cursor: pointer;background-color:#d7edf4;}

.stroke {
    height: 2px;
    background-color: var(--m1);
    width: 50%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;}


.stroke::before {content: "";
    position: absolute;
    top: 5px;
    height: 2px;
    background-color: var(--m1);
    width: 100%;
    left: 0;
    right: 0;
    transition: 400ms all linear;
    margin: auto;
    border-radius: 2px;}

.stroke::after {content: "";
    position: absolute;
    bottom: 5px;
    height: 2px;
    background-color: var(--m1);
    width: 100%;
    left: 0;
    right: 0;
    transition: 400ms all linear;
    margin: auto;
    border-radius: 2px;}

#magazine_header{
    border-radius: 20px;
}

.navigation_main{
    display: block;
}

.navigation_main ul{
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
    line-height: 80px;}

.navigation_main ul li{
    float: left;
    display: inline-block;
    margin-left: 20px;
}

.navigation_main .logo a {
    display: inline-block;
}

.navigation_main .logo{background-color: white;
    width: 90px;
    height: 90px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 90px;
    transform: scale(1.1);
    margin: 0px 10px 0px 20px;}

.navigation_main .logo,
#magazine_place_navigation_main{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    margin: auto;
    display: block;
    text-align: center;
}

.navigation_main .logo{z-index: 10;}

#magazine_place_navigation_main .mod_sitemap h3{display:none;}


#magazine_place_navigation_main .mod_sitemap ul li{text-align: left;}

#magazine_place_navigation_main .mod_sitemap ul li:nth-child(3)::after{content: "";
    display: block;
    width: 110px;
    float: right;}

#magazine_place_navigation_main .mod_sitemap{
    display: inline-block;
    margin: auto;
}

#magazine_place_navigation_menu .mod_html h3,
#magazine_place_navigation_menu .mod_blog_tags h3,
#magazine_place_navigation_menu .mod_blog_tags h3,
#magazine_place_navigation_menu h3.mod_sitemap_caption {
    font-size: 18px;
    float: left;
    width: 100%;
    text-align: left;
    margin: 0px;
    line-height: 30px;
    font-weight: normal;
    font-family: 'Nunito-Light.woff';
}


.navigation_main ul li a{color: var(--m1);
    transition: 400ms linear all;
    display: inline-block;
    padding: 0 5px;}

.navigation_main  img{
    width: 90px;
    height: auto;
}


#magazine_header .toggle ul {list-style: none;
    float: left;
    width: 100%;
    display: block;
    padding: 0;
    text-align: left;
  margin:0;
    -ms-overflow-style: none;
    scrollbar-width: none;}

.toggle .place{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}


.toggle .place .mod_blog_tags{
    width: 100%;
}

#magazine_header .mod_html a.fad_contentlink:hover{transform: scale(1);}


#magazine_header  .toggle ul li{list-style: none;
    width: 100%;
    border-radius: 20px;
    margin: 5px 0px;
    transition: 200ms all;
    float: left;
    padding: 5px 10px;
    line-height: 10px;
    vertical-align: middle;
    text-align: left;}

#magazine_header .toggle ul a{float: left;
    width: 100%;
    text-decoration: none;
    color: var(--m1);
    background-color: initial;
    box-shadow: initial;
    border: none;
    font-size: 1em;
    padding: 10px;}


#magazine_header{
    width: calc(100% - 20px);
    left: 0;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    position: sticky;
    position: -webkit-sticky;
    height: 100%;
    top: 10px;
    border-radius: 20px;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.94);
    height: 80px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    margin: 10px;
    position: absolute;
}

#magazine_place_navigation p{margin:0;}

.mod_html.menu_right{
    transform: translate(-150px,0);
}

.mod_html.menu_left{
    transform: translate(130px,0);
}

fieldset {
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.mod_search_form form {
    background-color: transparent;
}

fieldset input#fad_search_form_field::placeholder{font-size: 12px!important;opacity:1;}

fieldset input#fad_search_form_field{font-size: 12px!important;opacity: .5;}

fieldset input#fad_search_form_field:focus{font-size: 14px!important;opacity:1;}

fieldset input#fad_search_form_field{outline: none;
    border: none;
    width: 0px;
    transition: 400ms all;
    border-radius: 10px;
    margin: 0;
    line-height: 33px;
    padding-left: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .05);
    transform: translate(33px, 0px);
    opacity: 0;
    transition: 400ms all;
    border: 1px solid var(--m1);
    color: var(--m1);
    padding: .25em;}

fieldset:hover input#fad_search_form_field{
    opacity: 1;    transform: translate(0px, 0px);width:150px;}

fieldset input#fad_search_form_field:focus{width:200px;}

input#fad_search_form_submit{
    padding: 10px;
    box-shadow: none;
    border: none;
    background-color: white;
    border-radius: 33px;
    margin: 0;
}



input#fad_search_form_submit{background-image: url("/public/deutrik/skins/lesering/img/lupe.svg");
    width: 33px;
    height: 40px;
    background-position: center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    transition: 400ms all;
    overflow: hidden;
    box-shadow: initial;
    background-color: initial;}


input#fad_search_form_submit:hover{transform: scale(1.1);}


#magazine_place_navigation .mod_html {
    display: block;
    width: 100%;
    float: left;
    justify-content: center;
    -webkit-justify-content: center;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: absolute;
    top: 0;
}

#magazine_place_navigation .mod_html.logo,
.reached #magazine_place_navigation .mod_html.logo,
.reachedagain #magazine_place_navigation .mod_html.logo{
    position: absolute;
    height: auto;
    display: block;
    left: 0;
}

#magazine_place_navigation img{
    height: 80px;
    display: inline-block;
    transition: 1ms all;
    width: 80px;
    background-color: white;
    transform: scale(1.2);
    border-radius: 80px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

#magazine_place_navigation  li a{text-decoration:none;color:var(--m1);}

#magazine_place_navigation ul {list-style: none;
    line-height: 80px;
    vertical-align: middle;
    display: block;
    float: left;
    margin: 0;
    padding: 0;}

#magazine_place_navigation  li {
    float: left;
    margin:0px 10px 0px 10px;}

#magazine_place_navigation .mod_search_form{
    position: absolute;
    right: 20px;
    display: inline-block;
    bottom: 0;
    margin: auto;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 1;
    height: 33px;
}

/* Navigation */



/* Slider */

#fad_slider .mod_blog_newslist .fad_blog_article_figure img {
    margin-bottom: 1rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: auto;
    height: 50vh;
}

.fad_slider_prev::before{display: none!important;}

a.lightbox{
    display:none;}

#fad_slider{position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

#fad_slider article{background-color:initial!important;}

#fad_slider .fad_slider_wrapper {
    height: 50vh;
    position: relative;
    width: 80%;
    margin: 0 10%;
    overflow: hidden;
    padding: 0px 20px 20px 20px;
    max-height: 300px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#fad_slider:hover .circle.active .loading_circle{ -webkit-animation-play-state: paused;}

#fad_slider .circle{transition: 400ms all;}
#fad_slider .circle:hover{transform: scale(1);background-color:var(--m1)}

.img_2, .container_2 {
    width: 100%;
    text-align: center;
    position: absolute;
    height: 100%;
    transform: translateX(100%) scale(1);
    z-index: 1;
    opacity: .8;
    left: 0;
    top: 0;
    border-radius: 20px;
    margin: 0;
    overflow:hidden;
    opacity: 0;
}

.textmove {
    transition: all 800ms;
}

.img_0, .container_0 {
    width: 100%;
    text-align: center;
    position: absolute;
    transform: translateX(-100%) scale(1);
    height: 100%;
    z-index: 1;
    opacity: .8;
    left: 0;
    top: 0;
    border-radius: 20px;
    margin: 0;
    overflow:hidden;
    opacity: 0;
}

.img_1, .container_1 {
    width: 100%;
    text-align: center;
    position: absolute;
    transform: translateX(0%) scale(1);
    height: 100%;
    z-index: 2;
    opacity: 1;
    border-radius: 20px;
    left: 0;
    top: 0;
    overflow:hidden;
    opacity: 1;
}

.second_container{float: left;
    padding: 20px;
    position: relative;
    height: 100%;
    width: 90%;
    margin: 0 5%;
    border-radius: 20px;
    background-color: white;
    box-shadow: -1px 6px 8px rgba(0, 0, 0, 0.09);
    border: 10px solid white;
    overflow: hidden;
    z-index: 10;}

.second_container::after{left:0!important;background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 99.58%)!important;}

.second_container::after,
.second_container::before{content:"";position: absolute;width:50px;height:100%;right: 0;top:0;z-index: 100;content: "";
    position: absolute;
    width: 50px;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 100;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));}

/* .pauseslidedown #fad_slider a{pointer-events:none;} */

.fad_slider_prev, .fad_slider_next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    display: block;
    height: 27px;
}

.fad_slider_next{right:0}
.fad_slider_prev{left:0}

#fad_slider .fad_slider_next::before {
    content: "";
    background: url("/public/deutrik/skins/lesering/img/next-slide.svg")!important;
    background-size: 50%!important;
    float: left;
    background-repeat: no-repeat!important;
    transition: 400ms all;
    width: 40px;
    height: 40px;
    right: 0;
    border-radius: 40px;
    background-color: var(--m2)!important;
    display: block;
    background-position: center!important;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.fad_slider_prev::after {
    content: "";
    background: url("/public/deutrik/skins/lesering/img/prev-slide.svg");
    background-size: 50%;
    float: left;
    background-repeat: no-repeat;
    width: 40px;
    left:0;
    height: 40px;
    transition: 400ms all;
    display: block;
    border-radius: 40px;
    background-color: var(--m2)!important;
    background-position: center;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

body .fad_slider_next:hover::before,
body .fad_slider_prev:hover::after{
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.09)!important;
    background-color:white!important;
}

.fad_slider_addition {
    float: left;
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
    margin: 10px 0px;
}

.fad_slider_length_wrapper{
    position: absolute;
    top: 0;
    left: 0;
}

.circle_nav {
    display: inline-block!important;
    margin: auto!important;
}

#fad_slider .circle.active{background-color: var(--m1);}

#fad_slider .circle {
    width: 60px;
    position: relative;
    height: 10px;
    background-color:var(--m2);
    float: left;
    display: block;
    border-radius: 20px;
    margin: 0px 5px 0px 5px;
    transition: 600ms all;
    transform: scale(1);
}

.circle.active .loading_circle {
    animation: loading 2500ms ease-in;
    background-color:var(--dc);
    width: 0%;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    display: inline-block;
    opacity: 0;
    transition: 1ms all;
    border-radius: 12px;
}

@keyframes loading{

    0%{width: 0%;opacity: .5;}

    100%{width: 100%;opacity: 1;}
}
.mod_blog_newslist #fad_slider .fad_blog_article a{
    height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;

}

#fad_slider .fad_blog_article_figure{    position: relative;
    height: 44vh;}

#fad_slider .landscape .text_container,
#fad_slider .landscape .fad_blog_article_figure{width:100%;}

#fad_slider .text_container,
#fad_slider .fad_blog_article_figure {
    width: 100%;
    height:100%;
    float: left;
    color: var(--m1);
    height: 100%;
    flex: 1 1;
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    bottom:0;
}

#fad_slider .text_container{
    display: block;
    overflow: hidden;
    text-align: left;
    padding: 0 10px;
}


#fad_slider .text_container .fad_blog_article_text{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0px 10px;
    float: left;
    font-size: 16px;
}

#fad_slider .text_container,
#fad_slider .text_container.landscape{backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.67);
    border-radius: 20px;
    color: var(--m1);
    width: auto;}

body #fad_slider .text_container{flex: 1;position: initial;color:var(--m1);overflow: visible}

#fad_slider article{margin:0;}

#fad_slider .fad_blog_article_figure .bg_lazy {background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center;}

#fad_slider article {
    float: left;
    height: 100%;
    width: 100%;
    position: relative;
    box-shadow: -1px 5px 8px rgba(0, 0, 0, 0.16);
    padding: 5px;
    background-color: white;
    overflow: visible;}

body #fad_slider .text_container .fad_blog_article_topic{position: absolute;
    top: 10px;
    right: 10px;
    color: var(--m1);
    display: block;
    font-size: 12px;}

.fad_slider_wrapper > div{padding:10px 0px;
    z-index: 0;
    margin: 2%;
    width: 96%!important;
    height: 96%!important;
    overflow: visible;}

#fad_slider .lazy_img{height:100%;}

.fad_slider_length {display:none;}

.mod_blog_newslist #fad_slider .fad_blog_article_figure img {
    margin: 0;
    max-height: 100%;
    width: auto;
    border-radius: 20px;
    height: 100%;
    padding: 0px;
}

#fad_slider .fad_blog_article_title,
#fad_slider  .landscape .fad_blog_article_title{text-align: center;
    float: left;
    font-size: 16px;
    width: 100%;
    padding: 0;
    font-family: 'Nunito-Regular.woff';
    margin: 1em;}

#fad_slider .fad_blog_article_figure.landscape {height: 100%;
    float: left;
    border-radius: 20px;
    position: absolute;
    width: 100%;
    z-index: -1;}

#fad_slider .text_container,
#fad_slider .text_container.landscape {padding: 0px;
    position: initial;
    width: 50%;
    float: left;
    height: auto;
    text-align: left;
    max-width: 600px;
    margin: auto;
}

#fad_slider .fad_blog_article_text,
#fad_slider .landscape .fad_blog_article_text,
#fad_slider .landscape .fad_blog_article_teaser{
    text-align: center;
    margin: 0 0 1em 0;}

#fad_slider .fad_blog_article_figure.landscape h3{
    margin: 0;
    margin-bottom: 20px;
}
#fad_slider .fad_blog_article_figure .bg_lazy.landscape {background-size: cover;
    z-index: 1;
    height: 100%;
    background-repeat: no-repeat;}

/* Ende */




/* News */


.fad_blog_article_figure .image-meta-description,
.fad_blog_article_figure .image-meta-source{display: none;}
.tag_list_container .fad_blog_article_figure .fad_blog_article_text{
    display: none;
}

#magazine_content_head{
    float: left;
    width: 100%;
    position: relative;
}
.layout_news a.prev_chapter_nav,
.layout_news a.next_chapter_nav{top:0;bottom: initial}

.newslist_link{float: left;
    width: 100%;
    align-self: center;
    margin: 20px 0px;}

.fad_news_caption .chapter_title::before{display: none;}
.chapter_title{font-size: 12px;}
.newslist_link a{
    display: inline-block;
    color: initial;
    text-decoration: none;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.09);
    transition: 400ms all;
    border: 1px solid white;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    overflow: hidden;
}

.newslist_link a .newslist_link_icon::after{content: "";
    background: url("/public/deutrik/skins/lesering/img/link-icon.svg");
    width: 30px;
    height: 30px;
    float: right;
    display: block;
    background-color: white;
    border-radius: 30px;}

.newslist_link a span{flex:2;display: inline-flex;padding: 10px;}

.newslist_link a .newslist_link_icon{
    flex: 1;
    display: inline-flex;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;

    background-color: var(--m2);
}


.newslist_link a:hover{transform: scale(0.9);}

#magazine_place_current-news .mod_blog_newslist_box{float: left;
    width: 100%;
    background-color: white;
    min-width: 100px;
    border: 1px solid white;
    border-radius: 20px;
    padding: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);}


.mod_blog_newslist  #fad_slider .fad_blog_article:hover{
    border: initial;
    transform: initial;
}

.mod_blog_newslist .fad_blog_article {
    width: 100%;
    border-radius: 20px;
    background-color:white;
    overflow: hidden;
    transition: 400ms all;
    float: left;
    z-index: 1;
    position: relative;
}

.fad_news_caption .chapter_title::before {
    font-size: 14px;
    float: left;
    width: 100%;
    text-align: center;
}

.newslist_link{float:left;width:100%;margin:20px 0px;}

.mod_blog_newslist.freetext,
.mod_blog_newslist.freetext .fad_blog_article{position: relative;position: relative;
    box-shadow: -9px 0 8px rgba(0, 0, 0, 0.09);}

.freetext .mod_blog_newslistcontainer{
    overflow-y: hidden;
    margin: auto;
    display: block;
    margin: 10px 10px;
    padding: 10px 10px;
    white-space: nowrap;
    overflow-x: auto;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 0px;
}


.site-landingpage-news .landing-page-text{
    padding: 0% 15%;
}

.freetext .fad_blog_article .text_container::before{content: "";
    position: absolute;
    bottom: 0px;
    display: block;
    left: 0;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(245, 245, 245, 1));
    z-index: 10;
    height: 200px;}


.fad_blog_article span.fixsize{padding: 10px;
    float: left;
    width: 100%;
    height: 220px;
    white-space: normal;
    overflow: hidden;
    display: inline-block;
    position: relative;}


article .text_container {float:left;width:100%;}

#content #magazine_inner.site-landingpage-news {
    padding: 0;
    display: block;
}

.tile-design.layout_two .layout_news_freetext{padding:0.5em;}

#magazine_place_bottom .mod_blog_newslist_box.tile-design.layout_two {
    margin: 10px 0px;
    flex-wrap: wrap;
    width: 100%;
    flex: 1 auto;
    float: left;
    justify-content: center;
    border-radius: 20px;
    padding: 0.5em;
}

html.layout_site-landingpage-news  #content #magazine_inner,
html.layout_site-landingpage-news-freetext #content #magazine_inner{padding: 0;}


html.layout_site-landingpage-news-freetext .mod_blog_newslistcontainer{float: left;
    text-align: left;
    margin: 10px 0px;}

html.layout_site-landingpage-news .tile-design .mod_blog_newslistcontainer article{display: inline-block!important;
    float: initial!important;
    vertical-align: top!important;}

.layout_site_freetext .item{width: 150px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 10px;}

.layout_site_freetext .gallery{
    display: block;
    text-align: center;
}

.layout_site_freetext .fad_gallery img {
    width: 100px;
    height: auto;
    margin: auto;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    border-radius: 100px;
}

.layout_site_freetext  .image-meta-title {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0px;
    display: inline-block;
}


.layout_site_freetext .opener .opener_text,
.layout_site_freetext .opener .place{
    position: relative;
    padding: 10px;
    border: 1px solid;
    border-radius: 20px;
    margin: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.layout_site_freetext h2{font-size: 1.3em;}

.layout_site_freetext #content_landingpage{width: 70%;
    float: left;
    padding: 0px 20px;}

.chapter_container{float:left;width:100%;}

.layout_site_freetext .chapter{border-radius: 20px;
    padding: 10px;
    margin: 10px 0px;
    max-width: 600px;
    margin: auto;}

.content_landingpage #magazine_place_content_landingpage{max-width: 600px;
    margin: auto;
    float: initial;}


.layout_site_freetext .opener h1.fad_caption{padding-top: 120px;  -webkit-box-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;width: 100%;text-align: center;position: relative;}

.layout_site_freetext  #content #magazine_inner {
    padding: 0px!important;}

.layout_site_freetext #magazine_header{position: fixed}

.layout_site_freetext  .bg_lazy{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    background-position: center;
    top: 0;
    left: 0;
}

.layout_site_freetext .insert_module{
    background-color: rgba(255, 255, 255, 0.61);
}


html.layout_site_freetext #magazine_place_contact button.fad_button_cancel{
    display: none;
}


div.fad-realp-table {
    background-color: white;
    border-radius: 20px;
    padding: 10px;
    display: inline-block;
}

html.layout_site_freetext #magazine_place_contact,
html.layout_site-landingpage-news #magazine_place_landingpage-news,
html.layout_site-landingpage-news-freetext #magazine_place_landingpage-news {padding: 0;
    width: 100%;
    float: left;
    padding: 20px;
    max-width: 800px;}

#magazine_place_landingpage-news .mod_blog_newslist_box {
    float: left;
    width: 100%;
    margin: 20px 0px;
    background-color: rgba(61, 109, 122, 0.02);
    border-radius: 20px;
    padding: 10px;
}

html.layout_site-landingpage-news #magazine_place_landingpage-news {position:relative;}

html.layout_site-landingpage-news .modul_container{width:80%;float:left;}

html.layout_site-landingpage-news  .header-links-navigation{width:20%;
    float:left;
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    text-align: left;}

.header-links-navigation a:hover{text-decoration: underline}

html.layout_site-landingpage-news .mod_blog_newslist .fad_blog_article:hover{transform:initial!important;}

html.layout_site-landingpage-news-freetext h1{text-align: center}

html.layout_site-landingpage-news-freetext #magazine_place_landingpage-sidebar .mod_html{
    background-color: rgba(255, 255, 255, 0.32);
    border-radius: 20px;
    display: inline-block;
    padding: 10px;
    border: 1px solid white;
}

.html_text{
    float: left;
    width: 100%;
}

html.layout_site-landingpage-news-freetext #magazine_place_landingpage-sidebar .html_text{    margin: 10px 0px 0px 0px;}

html.layout_site_freetext #magazine_place_sidebar_freetext,
html.layout_site-landingpage-news #magazine_place_landingpage-sidebar,
html.layout_site-landingpage-news-freetext #magazine_place_landingpage-sidebar{
    width: 26%;
    margin: 2%;
    float: left;
    padding: 20px;
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
}

body .mod_html.freetext_ad a.fad_weblink{padding: 5px 10px;
    border: rgba(61, 109, 122, 0.27) solid 1px;
    margin: 0;}

.mod_html.freetext_ad a.fad_weblink,
.mod_html a.fad_contentlink {
    text-decoration: none;
    color: var(--m1);
    border: var(--m1) solid 1px;
    background-color: white;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    transition: 400ms all;
}

.mod_html a.fad_contentlink:hover{transform: scale(.9);}

#magazine_site_content{float:left;width:100%;text-align: initial;min-height: 80vh;}

.layout_news_freetext .fad_blog_article_author,
.freetext .fad_blog_article_author{
    float: left;
    display:none!important;
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin: 15px 0px 0px 0px;
    background-color: var(--m1);
    color: white;
    z-index: 10;
    position: relative;
}


.mod_blog_newslist.freetext .fad_blog_article {
    width: 150px;}

.mod_blog_newslist.freetext{
    width: 100%;
    height: 275px;
    overflow: hidden;
    border-radius: 20px;
    overflow-x: auto;
    background-color: rgba(255, 255, 255, 0.36);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    padding: 0px 10px;
    position: relative;
}

/*.mod_blog_newslist.freetext::before{content: "";
    height: 100%;
    width: 60px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(109, 109, 109, 0.18));
    right: 0;
    top: 0;
    z-index: 2;
    display: block;
    position: absolute;
    left: initial;
    border-radius: 20px;}*/

#magazine_place_bottom .mod_blog_newslist_box{
    margin: 10px 0px;
    flex-wrap: wrap;
    width: 100%;
    flex: 1 auto;
    float: left;
    justify-content: center;
}

.mod_blog_newslist.horizontal-scroll-box .mod_blog_newslistcontainer{
    scrollbar-color: #666 #201c29;
    scrollbar-gutter: always;
    padding: 1em 1em;
    margin: 0;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    max-width: 800px;
    background-color: rgba(61, 109, 122, 0.03);
    border-radius: 20px;
    position: relative;}

.scrolled-last .short_nav .next{display: none;}
.scrolled-last .short_nav .prev{display: block;}
.scrolled-first .short_nav .prev{display: none;}
.scrolled-first .short_nav .next{display: block;}

.short_nav .next{
    position: absolute;
    right: 0px;
    width: 45px;
    height: 45px;
    z-index: 10;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    top: 0;
}

.grabbing-container article a{pointer-events: none!important;}


.short_nav .prev{
    position: absolute;
    left: 0px;
    cursor: pointer;
    width: 45px;
    height: 45px;
    z-index: 10;
    bottom: 0;
    display: none;
    margin: auto;
    top: 0;
}

.short_nav span{transition: 400ms linear;}

.short_nav span:hover{opacity: .8;}

.short_nav{
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
}

.no_overflow .short_nav{
    display: block;
}

.mod_blog_newslist.horizontal-scroll-box .fad_blog_article h3 .fad_blog_article_title {
    font-size: 14px;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mod_blog_newslist.horizontal-scroll-box article .text_container {
    float: left;
    width: 100%;
    padding: 10px;
    background: rgb(255,255,255);
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
    margin: 0;
    align-self: flex-end;
}

.mod_blog_newslist.horizontal-scroll-box article .text_container .fad_blog_article_text{display: none;}

.mod_blog_newslist.horizontal-scroll-box .fad_blog_article {
    float: initial;
    display: inline-block;
    vertical-align: top;
    min-height: 280px;
    max-height: 300px;
    width: 200px;
    min-width: 200px;
    margin: 0 0.5em;
    background-color: white;
}

.mod_blog_newslist.horizontal-scroll-box .fad_blog_article_figure {
    margin: 0 auto;
}

.mod_blog_newslist.horizontal-scroll-box .fad_blog_article_figure img {
    width: auto;
    display: inline-block;
    border-radius: 10px;
    margin: auto;
    height: auto;
    min-width: 200px;
    margin-top: 20px;
    min-height: 100%;
    padding: 0;
    margin: 0;
    max-height: 100%;
    margin: 0;
}

.mod_blog_newslist.horizontal-scroll-box .fad_blog_article_figure::after{content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;}

.mod_blog_newslist.horizontal-scroll-box .text_container{
color: white;
align-self: flex-end;
}

.mod_blog_newslist.horizontal-scroll-box .fad_blog_article_figure {
    position: absolute;
    top: 0;
    width: 200px;
    height: 100%;
    left: 0;
    z-index: -10;
}


.mod_blog_newslist.horizontal-scroll-box span.fad-image-wrapper {
    height: 100%;
    margin:0;
}

.mod_blog_newslist.horizontal-scroll-box  img{
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    height: 300px;
}

#fad_slider article a:hover .fad_blog_article_figure img{    transform: scale(.8);}
#fad_slider .fad_blog_article_figure:hover .bg_lazy.landscape {
    transform: scale(1.2);
}

#fad_slider .fad_blog_article_figure .bg_lazy.landscape{transition: 4s all;}

#fad_slider .fad_blog_article_figure img{transition: 4s all;}

.mod_blog_newslist.teaser-news .fad_blog_article a{background-color:initial;}

.mod_blog_newslist .fad_blog_article a{
    color: var(--m1);
    text-decoration: none;
    float: left;
    width: 100%;
    transition: 400ms all;
    position: relative;
    display: flex;
    flex-wrap:wrap;
    overflow: hidden;
}

.mod_blog_newslist.freetext .fad_blog_article{backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);}

.mod_blog_newslist #fad_slider .fad_blog_article h3{float:initial;    background-color: initial;}

.mod_blog_newslist .fad_blog_article h3{
    margin: 0;
    float: left;
    display: block;
    width: 100%;
    white-space: initial;
}

.mod_blog_newslist .fad_blog_article h3 .fad_blog_article_teaser{
    font-size: 12px;
    margin:0;
    padding: 0 0px;
}

.fad_blog_article_topic{
    font-size: 12px;
    color: rgb(255, 103, 0);
    text-align: left;
}

.mod_blog_newslist article:not(.position_1) h3 .fad_blog_article_title{font-size: 16px;text-align: left}
.mod_blog_newslist article h3 .fad_blog_article_title{font-size: 18px;}

article .fad_blog_article_text{
    float: left;
    width: 100%;
}


.full-width .text_container{max-width: 700px;}


.full-width,
.full_width{max-width: 1200px;position: relative;
    z-index: 5;margin:auto;width:100%;padding:0.5em;}

.wide_width{max-width: 900px;position: relative;
    z-index: 5;margin: auto;text-align: initial;min-width: 50%;margin:auto;padding:0.5em;}

#magazine_place_bottom .wide_width{min-width: 100%;}

.slim_width{max-width: 300px;min-width: 300px;
    position: relative;
    padding:0.5em;
    z-index: 5;margin: auto;text-align: initial}

.ultra-width{max-width:100%;min-width: 100%;
    position: relative;
    z-index: 5;
    margin: 1em 0;margin: auto;text-align: initial;float:left;}

article.load_lazy{display:none!important;}

.position_1 article.load_lazy{display:block!important;}

.multi_box .open {display:block;}

.multi_box > div {display:none;}

.multi_box_navigation .open{
    background: rgba(61, 110, 123, 0.20);
}

.multi_box{display: flex;flex-wrap:wrap;}

.multi_box_navigation{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.94);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    padding: 1em;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    overflow-x: auto;
}

.multi_box_navigation span{transition: 400ms all linear;padding: 0.5em 1em;
    border-radius: 20px;
}

.scroll_up_news_button .news_list_button span::after{content:"";    background-image: url("/public/deutrik/skins/lesering/img/scroll-up.svg");
width:18px;height:18px;float:right;display: block;}

.news_list_button{
    background-color: #3D6E7B;
    color: white;
    transition: 400ms all linear;
    box-shadow: initial;
    border: initial;
    font-size: 1rem;
    padding: 1em 2em;
    min-width: 300px;
    border-radius: 20px;
    margin: 1em auto;
    cursor: pointer;
}

.news_list_button:hover{background-color: rgba(61, 109, 122, 0.5);}

article.load_lazy.loadedlazy{display:block!important;}

.ultra-width .mod_blog_newslist .fad_blog_article{margin:0;}
.ultra-width .mod_blog_newslist .fad_blog_article{margin:0;}

.ultra-width  .mod_blog_newslist .fad_blog_article{position: relative;overflow: hidden;border-radius: 20px;    /*box-shadow: 0.0078125px 11.026046752929688px 20px rgba(0, 0, 0, 0.12) */;}

article:hover{background-color: rgba(235, 235, 235, 0.38)!important;}

.ultra-width .mod_blog_newslist .fad_blog_article a,
.ultra-width  .mod_blog_newslist .fad_blog_article,
.ultra-width .fad_blog_article.landscape .bg_lazy{border-radius: 20px;
    flex-wrap: wrap;
    justify-content: center;
    background-size: cover;
    transition: 400ms all linear;
    align-items: center;
    border-radius: 20px;
    min-height: 100%;
}

.ultra-width .mod_blog_newslist .fad_blog_article::after{content:"";position: absolute;top:0;right:0;width:100%;height:100%;    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);background-color: rgba(255, 255, 255, 0.75);z-index: 0;border-radius: 20px;}


.extra_container{max-width:300px;position: relative!important;z-index: 10!important;top:initial!important;left:initial!important;right:initial!important;bottom: initial!important}

.mod_blog_newslist.swipebox .fad_blog_article h3 .fad_blog_article_teaser{padding:10px;}

.fad_blog_article_teaser,
.fad_blog_article_title {float:left;width: 100%;float: left;
    white-space: normal;margin:0.5em 0em;text-align: left}

.teaser-news .fad_blog_article_title{
    font-size: 14px;
    opacity: .8;
    padding: 0;
}

.mod_blog_newslist.tile-design .fad_blog_article_figure img{
    height: 100%;
    object-fit: cover;
    width: 100%;
    min-height: 100%;}

#magazine_place_book-of-week .mod_blog_newslist .fad_blog_article_figure img {
    margin: 0;
    max-width: 100%;
    padding: 10px;
    border-radius: 20px;}

h3.newslist_caption{
    font-size: 1.33em;
    opacity: 1;
    text-align: left;
    color: #3D6E7B;
}

#magazine_place_book-of-week .mod_code.slim_width > div{
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 0;}

#magazine_place_book-of-week {
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
max-width: 1200px}

.layout_three article {height: auto;min-height: 300px;}

.layout_three .fad_blog_article_title{font-size: 3rem!important;margin:0;line-height: 3rem;}

.mod_blog_newslist .fad_blog_article {
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.layout_three .mod_blog_newslist .fad_blog_article h3{margin:1em 0em;}

.layout_three article .text_container{
    width: calc(100% / 1.618);
    align-self: center;
    margin: .5em;
    padding: .5em;
    z-index: 10;
    border-radius: 15px;
    max-width: 600px;
    min-width: 300px;
}

 .layout_one .mod_blog_newslistcontainer{
    display: -ms-grid;
    display: grid;
    width: 100%;
    height: 100%;
    max-width: 100%;
    grid-template-areas: "article_1 article_2"
"article_1 article_3"
"article_1 article_4";
    margin: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    float: initial;
    -ms-grid-column-align: start;
    justify-items: start;
    grid-gap: 1em;
}

.layout_two .mod_blog_newslistcontainer{
display: flex;
    flex-wrap: wrap;
}

.layout_two .fad_blog_article_figure{
    max-width: 150px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 150px;
    flex: 1;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    overflow: hidden;}

.layout_two .text_container{flex: 1;}

.layout_two article {margin: 0.5em 0!important;}

.layout_two .mod_blog_newslistcontainer a{display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.25em;
    justify-content: stretch;
    align-content: stretch;}

.bg_avtive .text_container{color:white;align-self: flex-end;padding:0.5em;
    background: rgb(255,255,255);
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
    margin:initial;}

.mod_blog_newslist .bg_lazy,
.mod_blog_newslist .bg_lazy.landscape {
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    background-position: center;
    z-index: -2;
    background-repeat: no-repeat;
}

.fad_blog_article.landscape .bg_lazy{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    margin: 0px 0px 10px 0px;}

.bg_lazy::after{content:"";background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(255, 255, 255, 0));position:absolute;bottom:0;left:0;width:100%;height:60%;z-index: -1;}

.layout_three .bg_lazy::after{display: none;}

.mod_blog_newslist .fad_blog_article a{height:100%;}

.layout_one .mod_blog_newslistcontainer article:not(.position_1) a{display:flex;flex-wrap: wrap;}

.layout_one .mod_blog_newslistcontainer article:not(.position_1) a .fad_blog_article_figure{flex:1;width: 150px;min-width: 150px;max-width: 150px;}
.layout_one .mod_blog_newslistcontainer article:not(.position_1) a .text_container{flex: 1;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;}

#magazine_place_current-news {float: left;
    width: 60%;
    display: grid;
    -webkit-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 40px;
    padding: 0px 20px;
    align-items: flex-start;}

#home_middle_layout{
    position: relative;
    float: left;
    width: 100%;
}

#magazine_place_sidebar{
    width: 40%;
    display: grid;
    -webkit-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    align-items: baseline;
}


/* Landingpage AUthor */


.hero_section_top { display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}


html.layout_page_author{background-color: rgb(247, 247, 247);}

.mod_pagelist_wrapper{max-width:700px;margin:auto;}

.hero_section_top  .top-img{
    max-width: 300px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    border-radius: 100%;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 20px;
    margin:auto;
    flex: 1;
}

.mod_pagelist .fad_page_pagelist_event_element a{text-decoration: initial;color:initial;display:flex;flex-wrap: wrap;width: 100%;background-color: initial;align-content: center;}

#magazine_place_bottom .mod_addressbox {min-width: 100%;flex:1 auto;}

.schema_Place{text-align: center;}

.mod_pagelist .info_box{padding:0.5em;}

.fad_page_pagelist_event_element a span.fad-image-wrapper,
.fad_page_pagelist_event_element a > *{flex: 1;
    min-width: 300px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    align-content: center;}

.fad_page_pagelist_event_element a .info_box > *{min-width: 100%;flex:1 auto;}

.fad_page_pagelist_event_element .fad_page_pagelist_time{display:none;}

.fad_page_pagelist_event_element span.fad-image-wrapper{overflow: hidden;border-radius: 20px;}

.fad_page_pagelist_event_element img{
    object-fit: cover;
    height: 100%;
}

.layout_site-event  #magazine-content-container{
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
}

.layout_site-event  #magazine-content-container #magazine_site_content{
    flex: 1;
    max-width: 700px;
}

.layout_site-event  #magazine-content-container #magazine_place_landingpage-sidebar {flex:1;max-width:300px;   position: sticky;
    position: -webkit-sticky;
    top: 10px;
    align-items: flex-start;}

h2.pagelist_caption{font-size: 1.5em;text-align: center;}

.fad_page_pagelist_event_element{
    display: flex;
    margin: 1em;
    background-color: white;
    border-radius: 20px;
    border: 1px solid gray;
    padding: 10px;
    cursor: pointer;
    transition: 400ms all linear;
    border-radius: 10px;
}

.fad_page_pagelist_event_element:hover{background-color: rgb(244, 244, 244);}

.fad_page_pagelist_entry_topic{color: rgb(255, 103, 0);}

.fad_page_pagelist_event_element .info_box h3{margin:0;}

.text.event{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: 700px;
}

.properties{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding:0.5em;
    border-radius: 10px;
}

.fad_date_info{line-height: 45px;}

.fad_date_info,
.fad_location{position: relative}

.site-event .fad_location_name{
    line-height: 45px;
    margin: 0;
}

.fad_date_info::before,
.fad_location::before{content:"";position: absolute;top:0;bottom:0;left:0;width:45px;height:45px;background-size: 35px 35px;background-position: top;background-repeat: no-repeat;outline:none;}

.fad_page_pagelist_time::after,
.fad_page_pagelist_startDate::before,
.fad_startDate::before{display: none;}

.fad_date_info::before{background-image: url("/public/deutrik/skins/lesering/icons/time.svg")}
.fad_location::before{background-image: url("/public/deutrik/skins/lesering/icons/place.svg")}

.fad_date_info{padding-left:45px;}
.fad_location{padding-left:45px;}

.landing-page-event{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.layout_site-event{background-color: rgb(247, 247, 247);}

.fad_location_name{font-weight:bold;margin:0.5em 0em;display:inline-block;}

.text.event .description_text{
    flex: 1;
    padding: 0em 1em;
}

.hero_section_top.event h1 {
    text-align: center;
    flex: 1 auto;
    font-size: 1.5em;
    max-width: 100%;
    text-align: center;
    padding: 0;
    width: 100%;
}

.hero_section_top.event{box-shadow: initial;box-shadow: initial;
    max-width: 700px;background-color:initial;}

.hero_section_top.event .top-img{border-radius: 20px;box-shadow: initial;padding:0;}

.layout_page_author  #content #magazine_inner {
    padding: 0% 0px!important;
}
.layout_page_author .site-landingpage .place, .landing-page-text {
    padding: 0 20px;
}

.layout_page_author .text,
.text {max-width: 600px;
    margin: auto;
    outline: none;
text-align: initial}

.layout_page_author .count_one article{
    max-width: 400px !important;
    width: 100% !important;
    margin: 0!important;
    margin: auto;
    min-width: 400px!important;
}

.layout_page_author .count_two article{
    max-width: 300px !important;
    width: 100% !important;
    margin: 0!important;
    margin: auto;
    min-width: 300px!important;
}

.layout_page_author .count_three article{
    max-width: 250px !important;
    width: 100% !important;
    margin: 0!important;
    margin: auto;
    min-width: 250px!important;
}




.layout_page_author  .mod_blog_newslist.horizontal-scroll-box .mod_blog_newslistcontainer{-webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    max-width: 600px;
    margin: auto;}




.layout_page_author  .mod_blog_newslist.horizontal-scroll-box.count_one .mod_blog_newslistcontainer {-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 600px;
    margin: auto;
}





input[type="checkbox"].chapter_toggle {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.text label{
    padding: 10px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid rgba(128, 128, 128, 0.62);
}

.chapter_container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.chapter{padding: 10px;}

.layout_page_author  #magazine-content-container > div {
    text-align: center;
    display: block;
}

.layout_page_author .bg_lazy{
    display: block;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.layout_page_author .text_chapter{
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    flex: 1 auto;
    min-width: 100%;
    padding: 0 20%;}

.text label h3{
    display: inline-block;
    outline: none;
    margin: 0;
    opacity: .5;
    cursor: pointer;
    width:100%;
}

.text label{width:100%;}

.text label h3::before{content:"";
    background-image: url("/public/deutrik/skins/lesering/img/select.svg");width:30px;height:30px;display:block;float:right;
}

.chapter{visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    height:0;
    transition: 200ms all linear;
    box-shadow: -1px 4px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: white;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;}

.chapter_toggle:checked + .chapter {
height:auto;
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
}

.layout_page_author  .mod_blog_newslist.count_one .fad_blog_article_figure {
    padding: 10px;
}

.layout_page_author  .place > div {display: inline-block;margin:auto;}

.mod_blog_newslist.count_one .fad_blog_article {
    max-height: auto!important;}

.hero_section_top.page_author .top-img {
    border-radius: 20px;
    max-width: 600px;
    box-shadow: 0 6px 7px rgba(0, 0, 0, 0.16);
    padding:0;
}

.hero_section_top  .fad_caption{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    text-align: center;
    flex: 1;
}

.layout_landingpage_author #magazine_place_landingpage-sidebar {width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: sticky;
    position: -webkit-sticky;
    top: 100px;}


.layout_landingpage_author #magazine_place_landingpage-sidebar > div{
    max-width: 250px;
}

.layout_landingpage_author #magazine_place_landingpage-news {width: 70%;}

/* ADS */

#magazine_place_head-top {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 5px;
    transition: 400ms all linear;
    overflow:hidden;
    height: 270px;
}


.shrink #magazine_place_head-top {opacity: 0;transform: scale(.8);}

ul.checkmark {
    list-style: none;
}

.magazine_place_inside2 .mod_page_preview{position: relative}

.magazine_place_inside2 .mod_page_preview,
.mod_page_preview.deutrik_ad::before{content:"*Anzeige";position: absolute;top:0;left:0;}

ul.checkmark li::before{
    content: "";
    background-image: url("/public/deutrik/skins/lesering/img/check.svg");
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;}

.mod_page_preview.deutrik_ad ul{padding: 0;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}

.mod_page_preview.deutrik_ad a.page_box_link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: initial;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: initial;
    text-align: initial;
}

.mod_page_preview.deutrik_ad{
    background-color: #e5e5e5;
    border-radius: 20px;
    max-width: 1200px;
    position: relative;
    margin: auto;
}

.mod_page_preview.deutrik_ad.deutrik {
    background-color: rgba(255, 165, 0, 0.81);}
.mod_page_preview.deutrik_ad.deutrik .mod_page_preview_container{color:white;}
.mod_page_preview.deutrik_ad.deutrik span.ctab_mod_page_preview{background-color: white;
    color: orange;}


.mod_page_preview.deutrik_ad p{    font-family:'WorkSans-Light.woff';
}

.mod_page_preview.deutrik_ad .page_box_image img{
    max-height: 300px;
    width: auto;
    min-height: 300px;
}

.mod_page_preview.deutrik_ad .mod_page_preview_container,
.mod_page_preview.deutrik_ad .page_box_image{   -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    min-width: 300px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}

.mod_page_preview.deutrik_ad span.ctab_mod_page_preview{
    background-color: rgb(181, 156, 255);
    border: 1px solid white;
    color: white;
    padding: 10px;
    border-radius: 20px;
    margin: auto;
    display: inline-block;
    font-family: 'Poppins-Regular.woff';
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0px 10px;
}


.mod_page_preview.deutrik_ad span.ctab_mod_page_preview{  -webkit-animation: animateHeart infinite 3s linear;
    animation: animateHeart infinite 3s linear;
    width: 100%;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}

@keyframes animateHeart {
    0% {
        transform: scale(0.8);
    }
    5% {
        transform:scale(0.9);
    }
    10% {
        transform:scale(0.8);
    }
    15% {
        transform:  scale(1);
    }
    50% {
        transform:  scale(0.8);
    }
    100% {
        transform: scale(0.8);
    }
}

.mod_page_preview.deutrik_ad h3.page_box_caption{
    font-size: 2em;
    text-align: left;
    font-family:'WorkSans-Regular.woff';
    margin: 0;
}



.mod_page_preview.deutrik_ad h2{
    font-size: 1.25em;
    text-align: left;
    font-family:'WorkSans-Regular.woff';

}


.mod_html.landhaus {width: 100%;
    height: auto;
    margin: auto;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.61);
    border-radius: initial;
    padding: 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    background-color: rgba(34, 152, 84, 0.14);
    border-radius: 8px;
    border: 2px solid white;
    display: flex;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: baseline;
    align-items: baseline;}

.mod_html.landhaus h3{
    flex: 1 1;
    align-self: center;
}

.mod_html.landhaus  .html_text {
    flex: 1 1;
}

.mod_html.landhaus span.fad-image-wrapper img{
    border-radius: initial;
    border-radius: 8px;
    box-shadow: initial;
    background-color: initial;
    border: initial;
    padding: 0;
    width: 100%;
}


#magazine_place_oben .mod_html.freetext_ad{  width: 26%;
    margin: 0 2%;}




.mod_html.freetext_ad{float: left;
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 30px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.13);
    border-radius: 20px;
    padding: 10px;
    border: 10px solid white;
    background-color: white;
}


.mod_html.freetext_ad  a.fad_contentlink:hover{transform: initial;}
.mod_html.freetext_ad a.fad_contentlink{position: relative;background-color: #7B0FD4;
    color: white;}

.freetext_ad img{border-radius: 20px;}

#magazine_place_current-news a.newslist_caption:hover{text-decoration:underline;}


/* FAQ */

.fad_question > input:checked ~ div {
    display: block;
    float: left;
    padding-left: 20px;
    text-align: left;
}

.fad_question > input:checked+h4::before{display:none}
.fad_question > input+h4::before{display:noner}

.fad_question > input:checked+h4 label::before {
    content: "-";
    text-align: left;
}
.fad_question > input+h4::before{display: none;}

.fad_question > input+h4 label::before {
    content: "+";
    text-align: left;
    padding: 0px 5px;
}


.fad_question.active div[itemprop='acceotedAnswer'] {display: block!important;}
.fad_question  h4{margin: 0;}
.fad_question  label{
    float: left;
    width: calc(100% - 1em);
    border-radius: 0;
    padding: 10px;
    margin: 0.5em;
    background-color: white;
    border-bottom: 1px solid;
    padding-bottom: 1em;
}

section.fad_question label{
    cursor: pointer;
}

.insert_module h3.html_caption{
    margin: 0.5em;
}


.insert_module .html_text {display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    flex-grow: 0;
    flex-shrink: 0;
    align-content: baseline;
    width: 100%;}

.fad_question input[type="checkbox"]:checked::before{display:none;}


.fad_question > input{
    display: none;
}

fad_question > input ~ div {
    display: block;
}

section.fad_question {float:left;width: 100%;}


.fad_question > input > div{
    display: none;
}

/* Pattern-Design */

.swipebox h3.newslist_caption::before,
#magazine_place_current-news .newslist_caption::before{content: "";
    background-image: url("/public/deutrik/skins/lesering/img/pattern.svg");
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: .1;
    background-size: 15px auto;
    background-position: center;}


.swipebox h3.newslist_caption,
#magazine_place_current-news .newslist_caption {
    font-size: 1.33em;
    border: 1px solid white;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    opacity: 1;
    position: -webkit-sticky;
    position: sticky;
    text-align: center!important;
    top: 120px;
    background-color:white;
    text-align: left;
    z-index: 100;
    border-radius: 20px;
    margin: 0;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.16);
    margin: 0 0 20px 0;
    display: block;
    text-decoration: none;
    color: initial;
    font-weight: normal;
    font-family: 'Nunito-Regular.woff';
    overflow: hidden;
}

.mod_html.freetext_ad  h3{
    color: #616161;
}

a.newsfeed{
    background-color: white;
    border-radius: 20px;
    padding: 10px;
    color: var(--m1);
    display: inline-block;
    margin: 20px 0px;
    background-color: var(--m2);
    transition: 400ms all;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    text-decoration: none;
}

a.newsfeed:hover{    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}



.mod_blog_newslist.vertical-scroll-box{
    height: 56vh;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    overflow: hidden;
    overflow-y: scroll;
    background-color: rgba(214, 236, 244, 0.24);
}

.mod_blog_newslist.vertical-scroll-box .mod_blog_newslistcontainer {
    overflow-y: scroll;
    margin: auto;
    display: block;
    margin: 20px auto;
    columns: 3;
    column-gap: 40px;
    -webkit-column-gap: 20px;
    padding: 0px 20px;
    -webkit-columns: 3;
    -moz-column-gap: 20px;
    -moz-columns: 3;
}


.vertical-scroll-box .bg_lazy.landscape{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}

.mod_blog_newslist.vertical-scroll-box  .fad_blog_article_figure {
    height: 160px;
    position: relative;
}


/* Ende */

/*Fuss */

#footer .html_text ul{
    padding: 0;
    list-style: none;
    text-align: left;
}

#footer .html_text ul li a{
    background-color: initial;
    border: initial;
    box-shadow: initial;
    text-align: left;
    padding: 0;
    margin: 0;
    margin: 10px 0px;
}

.footer_down{
    background-color: var(--m2);
    float: left;
    width: 100%;
}
#magazine_place_footer,
.footer_down #magazine_place_footer-down {float:left;width:50%;padding:20px;}

html.layout_site_freetext #magazine_place_contact,
.footer_down #magazine_place_footer-down-social-media{display: flex;  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;justify-content: center;}

.footer_down ul{padding: 0;
    float: left;
    width: 100%;
    margin: 0;}

#footer #magazine_place_footer img{
    width: 80px;
    height: auto;
}

.footer_down ul li a{color: white!important;
    text-decoration: none;
    background-color: initial!important;
    box-shadow: initial!important;}

.footer_down ul li{float:left;text-align: left;margin:0px 10px;line-height: 30px;vertical-align: middle}

.footer_down  .mod_social_fanpage {
    display: inline-block;
    float: right;
    margin-right: 6px;
    max-width:45px;
}

.mod_social_fanpage a{border-radius: 100%;}

/*  */


/* Volltextsuche */

.search_item_title {
    clear: both;
    text-align: left;
    margin:0;
}

.search_item_type{color: rgb(255, 103, 0);font-size: 12px;}

.search_item_description{text-align:left;}

.page_search .webbox{
    display: inline-block;
    background-color: rgba(128, 128, 128, 0.04);
    padding: 20px;
    border-radius: 20px;
}

ul.fad_search_results {
    margin: 20px 0px 0px 0px;
    padding: 0px 20px;}

.page_search .webbox_cell{
    display: inline-block;
    border-radius: 20px;
    padding: 20px;
    margin: 10px 0px;
}

#fad-content-wrapper {
    padding-right: 0;
    padding: 0px .5em;
    padding-top: 0;
}

.webbox_cell {
    border-radius: 20px;
    padding: 1em;
    margin: auto;
}

textarea,
input{width: 100%;
    float: left;
    padding: 0.5em;
    margin:0.5em 0em;
    border-radius: 10px;
border:1px solid;
    box-shadow: initial;
outline:none;
transition: 400ms all;
font-size: 16px;}

select{width: 100%;
    padding: 20px;
    font-size: 16px;
    outline: none;}

.checkbox_label {
    line-height: 30px;
    vertical-align: middle;
    float: left;
}

input#fad_search_form_field{padding:0;}


.ControlElement_cell{
    float: left;
    width: 100%;
}

.form-group.form_filter_text.required{
    display: block;
}

span.help_element{display: none;}

input[type='submit']{
    background-color: var(--m2);
    border: none;
    cursor: pointer;
}

ul.fad_search_results li a{
    color: var(--m1);
    text-decoration: none;
}

ul.fad_search_results li {
    margin: 1rem 0;
    padding-bottom: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 10px;
}

input[type='submit']:hover{padding: 10px}

/* Ende */



/* News */
.news_content_wrapper .news_content_wrapper{padding:0;}
.news_content_wrapper,
.magazine_head,
.top-img_wrapper{padding: .5em;}

.magazine_head{width: 100%;
    position: relative;
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}

span.image-meta{
    font-size: 12px;
    margin: 5px 0px;
    display: inline-block;
}

.layout_news{
    font-size: 16px;
    line-height: 1.5;
}

a.author-name{
    color: var(--m1);
    text-decoration: none;
    margin-bottom: 0px;
    display: inline-block;
}

a.author-social-link{display:none;}

.top a{font-family: 'Nunito-Regular.woff';}

.author{
    float: left;
    margin: 0px 10px 0px 0px;
    font-size: 12px;
    border-radius: 20px;
    padding: 0px 10px;
}

.date a{
    font-size: 12px;
    color: var(--m1);
    text-decoration: initial;
}

h1.fad_news_caption{
    margin: 10px;
    float: left;
    width: 100%;
}

.head_p{
    text-align: initial;
}

.news_img img{
    border-radius: 10px;
}
.magazine_bottom_content{width: 100%;
    max-width: 1200px;
    margin: auto;
    display: flex;
    padding: 0.5em;
    flex-wrap: wrap;}

.tags{display: inline-block;
    border-radius: 20px;
    padding: 10px;
    width: 100%;
    opacity: .4;
    text-align: center;}

.tags ul{list-style: none;
    margin: auto;
    display: inline-block;
padding:0;}

.magazine_bottom_content .tags ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;}

.tags ul li{float:left;margin:5px 10px;transition: 400ms all;}
.tags ul li::before{content:"#";float:left;}
.tags ul li a{color:initial;text-decoration: none;}
.tags ul li:hover{text-decoration: underline}

.top_img_wrapper_inside .mod_amazonewidget ul{padding: 0;margin:0;list-style: none;}
.top_img_wrapper_inside .mod_amazonewidget ul iframe .amzn-ad-image-holder,
.top_img_wrapper_inside .mod_amazonewidget ul iframe .amzn-ad-image-holder img{display: none!important}
.top_img_wrapper_inside .mod_amazonewidget iframe{height: auto!important}


.amazone_container ul{
    list-style: none;
    padding: 0;
    text-align: center;
    display: inline-block;
    margin: 0 10px;
}

.amazone_container ul li{max-width: 120px;
    margin: auto;}

.amazone_container h3.caption::before{content: "";
    width: 100%;
    float: left;
    margin: 10px 0px;
    background: url("/public/deutrik/skins/lesering/img/basket.svg");
    height: 30px;
    background-position: center;
    display: block;
    background-size: 30px 30px;
    background-repeat: no-repeat;}

.amazone_container h3.caption {
    font-size: 1.25em;
    text-align: left;
    color: var(--m1);
    opacity: .5;
    font-family: 'Nunito-Regular.woff';
    margin: 0;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.amazone_container{
    margin: 20px 0px;
    float: left;
    width: 100%;
    background-color: rgb(249, 249, 249);
    padding: 10px;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.09);
    border-radius: 20px;
    overflow: hidden;
}

#magazine_place_beneath_top-img .amazone_container {
    margin: 0;
    float: left;
    width: 100%;
    background-color: initial;
    padding: 0;
    box-shadow: initial;
    border-radius: initial;
    overflow: hidden;
}

#magazine_place_beneath_top-img  .amazone_container .heading_head {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
}

.audio_buttons span.button{
    display: flex;
    cursor: pointer;
    flex-wrap: wrap;
    width: auto!important;
    padding: 0.5em;
    border: 1px solid rgba(115, 180, 169, 0.29);
    border-radius: 10px;
    background-color: transparent;
    box-shadow: initial;
    width:auto!important;
}

.audio_buttons{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-content: center;
    justify-content: center;
    margin:0.25em 0em;
}

.audio_buttons span span{
    line-height: 25px;
    vertical-align: middle;
}

.audio_buttons img{
    height: 25px;
    width: 25px;
}

.amazone_container ul {
    list-style: none;
    padding: 0;
    text-align: center;
    display: inline-block;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.dtrk_ad_book {
    background-color: #f0f0f0; padding: 10px; margin:10px;
}


/*#magazine_place_beneath_top-img .amazone_container ul li{
margin:0 .5em;
}*/

.amazone_container iframe{cursor: pointer;position: relative;z-index: 100;transition: 400ms all;
}


.amazone_container .heading_head{
    border-radius: 20px;
    overflow: hidden;
    overflow-y: hidden;
    margin: 10px 10px;
    padding: 10px 10px;
    white-space: nowrap;
    overflow-x: auto;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 0px;
    align-content: center;
    align-items: baseline;
}

.mod_amazonewidget, .mod_adbooks {
    display: inline-block;
    margin: auto;
    margin: auto;
    border-radius: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    margin: 10px 0px;
    overflow: hidden;}

.rating{
    display: inline-block;
    margin: 10px 0px;
}

.form-group.form_message_exist span{font-size: 12px;}





.fad_blog_article.landscape .bg_lazysecond{display: none;}




/* Ende */





/* Rating */



.mod_rating a{
    display: inline-block;
    margin: 20px auto;
    color: var(--orange);
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

.mod_rating .rating_deutrik {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin: 10px auto 10px auto;
    border-radius: 20px;
    width: auto;
    float: initial;
    background-color:white;}

.star{display: block;
    position: relative;
    width: 45px;
    height: 45px;
    float: left;
    margin: 10px;
    border-radius: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    background-color: white;
    transition: 400ms all;}

.mod_rating .star.full_star{background-color:var(--m2)!important;}
.mod_rating:hover .star.full_star{background-color:var(--m2)!important;}

.mod_rating:hover .star{background-color: white!important;}

.ratingvalue_5 .star.rating_value_1,
.ratingvalue_5 .star.rating_value_2,
.ratingvalue_5 .star.rating_value_3,
.ratingvalue_5 .star.rating_value_4,
.ratingvalue_5 .star.rating_value_5{background-color: rgb(255, 255, 96);
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.09);}

.ratingvalue_4 .star.rating_value_1,
.ratingvalue_4 .star.rating_value_2,
.ratingvalue_4 .star.rating_value_3,
.ratingvalue_4 .star.rating_value_4{background-color: rgb(255, 255, 96);
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.09);}

.ratingvalue_3 .star.rating_value_1,
.ratingvalue_3 .star.rating_value_2,
.ratingvalue_3 .star.rating_value_3{background-color: rgb(255, 255, 96);
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.09);}

.ratingvalue_2 .star.rating_value_1,
.ratingvalue_2 .star.rating_value_2{background-color: rgb(255, 255, 96);
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.09);}

.ratingvalue_1 .star.rating_value_1{background-color: rgb(255, 255, 96);
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.09);}

.star.full_star_active{background-color:var(--m2) ;}
.star.full_star_active::after{transform: scale(.8)}

.star::after {content:"";background-image:url("/public/deutrik/skins/lesering/img/rating.svg");width:100%;height:100%;position: absolute;top:0;left: 0;z-index: 1;transition: 400ms all;transition: 400ms all;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;}

.rating_aspect{width: 100%;font-size: 14px;}

.rating_rating_aspect img{
    width: 65px;
    height: auto;
    margin: 10px 0px;
    opacity: .5;
}

.rating_deutrik {
    float: left;
    width: 100%;
}

.count_value {
    font-size: 12px;
}

.mod_rating{margin: 20px 0px;
    padding: 10px;}

h3.rating_caption{
    margin: 0;
    font-family: 'Nunito-Regular.woff';
    font-weight: normal;
}

.mod_blog_newslist .fad_blog_article{transition: 400ms all}

.head_p {text-align: initial;
    display: inline-block;
    margin: auto;
    text-align: left;
    max-width: 700px;
    font-size: 1.1em;}

.mod_blog_newslist .fad_blog_article.teaser-news{margin: 0;
    text-align: center;
    padding: 10px 0px;}

.mod_blog_newslist.teaser-news .fad_blog_article_teaser{font-size: 16px;
    opacity: 16;
    padding: 0;}

#magazine_place_sidebar_top{width: 30%;float:left;padding: 20px;}

.mod_news_list_wrapper{display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    float:left;
    width:100%;
    flex-wrap: wrap;
    align-content: baseline;
    justify-content: baseline;
    align-items: center;}

#magazine_place_sidebar_top .mod_blog_newslist_box.teaser-news{width: 100%;
    float: left;

}

#magazine_place_sidebar_top .mod_blog_newslist_box.teaser-news .mod_blog_newslist{   background-color: white;
    border-radius: 20px;
    float: left;
    box-shadow: -1px 6px 8px rgba(0, 0, 0, 0.09);}

.mod_blog_newslist_box.teaser-news .fad_blog_article_figure {
    margin: 0 0 0 0;
    width: 20%;
    float: left;
}

.mod_blog_newslist_box.teaser-news .fad_blog_article_figure img{padding: 0;}

.mod_blog_newslist_box.teaser-news article .text_container {
    float: left;
    text-align: center;
    padding: 0px 10px;
}

.mod_blog_newslist_box.teaser-news articl .fad_blog_article_title {
    font-size: 14px;
    padding: 0;
}

/* Ende */


.mod_blog_newslist .bg_lazy.landscape{
    background-size: cover;}


.mod_social_fanpage .social_icon a {
    height: auto;
    width: auto;
    background: none;
    display: inline-block;
    float: left;
}

.layout_three .mod_blog_newslist .layout_rezension .bg_lazy{
    background-size: cover}

.layout_three .mod_blog_newslist .fad_blog_article_figure{
    width: 100%;
    height: 100%;
    overflow: auto;
    position: absolute;
    top: 0;
    display: flex;
    z-index: -1;
    justify-content: center;
    flex-wrap: wrap;
    left: 0;
    align-content: center;
    clip: rect(auto,auto,auto,auto);
}

.layout_three .mod_blog_newslist .bg_lazy{background-image: url("/content.4908106.images.qqfih.youtube_QpCR2sYuN5Y.1200x675.jpg");
    position: fixed;
    top: 0px;
    bottom: 0;
    height: 100vh;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0 auto;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;}

.mod_blog_newslist .bg_lazy{
    background-size: cover;}

/* Layout Rezennsion */

.head_p,
.post_content{text-align: initial;
    font-size: 20px;}

.ads_headline{
    margin: 0;
    font-size: 12px;
}

.layout_rezension .post_chapter,
.layout_rezension .top_paragraph{float: left;
    width: 100%;}

.header_section{width: 100%;
    display: flex;
    margin: 1em auto;
    flex-wrap: wrap;
    max-width: 700px;}

.layout_rezension .news_nav .sticky_container{
    position: initial;
    display: inline-block;
    margin: auto;
    float: initial;
    width: auto;
}

.layout_rezension .news_nav {
    position: initial;
    float: left;
    width: 100%;
    display: block;
    margin: 10px auto;
    text-align: center;
}

.layout_rezension  .text_wrapper {
    padding: 0 0;
}

.layout_rezension  .sticky {
    position: initial;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
}

.layout_rezension .news_nav ul{
    list-style: none;
    float: left;
    text-align: left;
    padding: 0px;
    margin: 0;
}

.layout_rezension  h1.fad_news_caption {
    margin: 0;
    float: left;
    width: 100%;
}

#magazine-content-container > div{position: relative;width: 100%;}

.layout_rezension .image-meta{float: left;
    width: 100%;
    margin: 0;
    padding: 0px 0px;
    font-size: 16px;
    text-align: left;
    line-height: 1.5;}

.page_blogreader{grid-template-columns:auto;}

.layout_rezension .page_blogreader{
    display: -ms-grid;
    display: grid;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    grid-template-areas: "top-img header"
    "top-img  text"
    "top-img text";
    margin: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    float: initial;
    -ms-grid-column-align: center;
    justify-items: center;
}

.layout_news_freetext .top-img-portrait .page_blogreader .news_img,
.layout_top-news .top-img-portrait .page_blogreader .news_img,
.layout_news .top-img-portrait .page_blogreader .news_img{
    max-width: 400px;
    margin:auto;
    display: inline-block;
}

.siderbar_missing .news_content_wrapper {
    float:initial;
    margin: auto;
}

.layout_news_freetext .page_blogreader,
.layout_top-news .page_blogreader,
.layout_news .page_blogreader{
    display: -ms-grid;
    display: grid;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    grid-template-areas: "header sidebar"
"top-img  sidebar"
"text sidebar";
    margin: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    float: initial;
    -ms-grid-column-align: left;
    justify-items: left;
}


#content #magazine_inner {
    padding: 0px 0.25em;
}

.layout_home #content #magazine_inner {
    padding: 0em 0em;
}


.top-img_wrapper{width:100%;}

.layout_rezension .top-img_wrapper{max-width:300px;}

.layout_rezension .magazine_head{
    display: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;}

.layout_rezension .top_img_wrapper_inside{
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    height: auto;
    display: inline-block;
    width:100%;
}

.layout_rezension a.next_chapter_nav {bottom: initial;top:10px;}

.layout_rezension span.post-image{float: initial;
    width: 100%;
    display: inline-block;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    border-radius: 20px;
    margin: 0px;
    margin: auto;
    overflow: hidden;
    height: auto;
    position: relative;}


.layout_rezension span.image-meta-description {
    display: block;
    font-family: 'Nunito-Light.woff';
    font-size: 12px;
    line-height: 1.5;
}

.image-meta-source{font-size:12px;text-align: left}

.post_content .image-meta-source{font-size:12px;float: left;
    width: 100%;}

.layout_rezension .image-meta-source {float: left;
    width: 100%;}

.image-meta-title{
    font-family: 'Nunito-Regular.woff';
    font-size: 12px;
    line-height: 1.5;
}

.author-name{font-weight: bold;}

.image-meta-source::before{content:"© ";float:left;font-size: 12px;margin-right:10px;}

.layout_rezension  .news_img {float:left;width:100%;}


.magazine_news_text {
    width: 100%;
    position: relative;
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.magazine_news_text .text_wrapper{text-align: initial;}

.layout_news_freetext  .sharing-container {
    height: 100%;
    min-width: 100%;
    z-index: 1;
    flex: 1 auto;
    margin: auto;
    max-width: 300px;
    top: 120px;
    float: left;
    width: 100%;
}

.layout_news_freetext  .sharing-container  .navigation_news_container{max-width: 300px;
    margin: auto;
    float: initial;}

.sharing-container{
    height: 100%;
    min-width: 300px;
    z-index: 1;
    flex: 1;
    margin:auto;
    max-width: 300px;
    top: 120px;
    float: left;
    width: 100%;
}

.layout_rezension .sharing-container {  position: -webkit-sticky;
    position: sticky;}

#magazine_place_sidebar_news_ad{
    max-width: 300px;
    position: sticky;
    padding: 1em;
    position: -webkit-sticky;
    top: 120px;
}
.topic a {
    text-decoration: initial;
    color: rgb(255, 103, 0);}


.date,
author,
.topic,
.chapter_teaser{margin: 0.5em 0;
    width: 100%;
    text-align: center;}

.key_data{
    display: block;
    float:left;
    width: 100%;
    margin: 10px 0px;
}

.key-data-container{display: inline-block;margin: auto;}

.chapter_teaser{
    float: left;
    width: 100%;
    font-size: 12px;
}

.sharing-container img{width: 100%;
    height: auto;
    pointer-events: none;
    border-radius: 45px;
    padding: 0;}

#comments::before{content:"";
    width: 100%;
    float: left;
    margin: 10px 0px;
    background: url("/public/deutrik/skins/lesering/img/chatbubble.svg");
    height: 30px;
    background-position: center;
    display: block;
    background-size: 30px 30px;
    background-repeat: no-repeat;}

.comment-write {font-family: 'Nunito-Regular.woff';}

body a.basket_icon{display: none}
body.buy_link a.basket_icon{display: none;
    margin: auto;
    right: 0;
    border: 1px solid rgb(255, 230, 0);
    border-radius: 8px;
    flex-wrap: wrap;
    width: auto;
    justify-content: center;
    min-width: initial;
    align-items: center;
    max-width: 200px;}

body.buy_link a.basket_icon::before{content:"Jetzt Kaufen";float:left;line-height: 25px;}
body.buy_link a.basket_icon img{width:25px;height: 25px;}

a.basket_icon,
a.comment_icon{display: inline-block;
    width: 45px;
    height: 45px;
    background-color: white;
    border-radius: 45px;
    margin: 20px 0px 0px;
    position: initial;
    padding: 5px;
    display: initial;
    float: left;
    margin: 10px 5px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    position: relative;}

.sticky{position: -webkit-sticky;
    position: sticky;
    top: 120px;
    float: left;
width: 100%;}

.sharing-container div.sharing_icon{
    width: 45px;
    height: 45px;
    background-color: white;
    border-radius: 45px;
    top: 20px;
    margin: 20px 0px 0px;
    position: initial;
    padding: 5px;
    display: initial;
    cursor: pointer;
    float: left;
    margin: 10px 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.sharing-container div.sharing_icon #magazine_place_sharing{opacity: 0;transform: scaleY(0);visibility: hidden;transition: all linear 400ms;transform-origin: top}
.sharing-container div.sharing_icon:hover #magazine_place_sharing{opacity:1;transform: scaleY(1);visibility: visible;}

.mod_social_share {
    transition: 400ms all linear;
    margin: 10px 10px;
    cursor: pointer;
    width: 45px;
}
.mod_social_share:hover{transform: scale(1.05);}

.mod_social_share a{display: block}

    /* Ende */


/* Newsfeed */

.i_content_wrapper {float: left;
    width:100%;
    max-width:800px;}

.tag_list .fad_blog_article_figure img, .date_list .fad_blog_article_figure img {
    margin-bottom: 0;
}

.loaded_ajax .tag_list .lds-ripple{
display: none;
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ripple div {
    position: absolute;
    border: 4px solid var(--m1);
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

.loading_ajax .tag_list::before{content:"";}

.tag_list_content .fad_blog_article,
.tag_list .fad_blog_article,
.date_list .fad_blog_article {
    max-width: calc(400px - 2em);
    display: flex;
    flex-wrap: wrap;
    margin: 1em;
    border-radius: 20px;
    max-height: 300px;
    min-height: 300px;
}

.tag_list span.image-meta {
    font-size: 12px;
    display: inline-block;
    text-align: left;
    min-width: 100%;
    margin: 0!important;
}

.tag_list .fad_blog_article img{border-radius: 20px;
    height: 300px;
    width: auto;
    object-fit: cover;}

.tag_list .fad_blog_article.landscape img{border-radius: 20px;}

.tag_list .fad_blog_article.landscape{   overflow: hidden;
    position: relative;}

.tag_list .fad_blog_article.landscape .fad_blog_article_figure{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;}

.tag_list .fad_blog_article:not(.landscape)  img{border-radius: 20px;
    height: auto;
    width: 100%;}

.tag_list .fad_blog_article:not(.landscape)  .text_article_box{padding:0.25em;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;}

.tag_list .fad_blog_article.landscape  .text_article_box{z-index: 10;
    color: white;
    align-self: flex-end;
    background: rgb(255,255,255);
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
    width: 100%;
    margin: 0;
    min-width: 100%;
padding: 0.25em;
}
.tag_list .fad_blog_article.landscape .fad_blog_article_figure::after{content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;}


.tag_list .fad_blog_article_figure,
.date_list .fad_blog_article_figure {
    flex: 1;
    max-width: 150px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
}

.tag_list_content  .image-meta-title,
.tag_list_content  .image-meta-description,
.tag_list_content  .image-meta-source{display: none!important;}

.shrink .scroll_up{transform: translateY(0);opacity: 1;}

.scroll_up:hover{cursor: pointer;    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09);}

.scroll_up{
    position: fixed;
    border-radius: 45px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    bottom: 10px;
    right: 0;
    transition: 400ms;
    transform: translateY(-100%);
    opacity: 0;
    width: 100%;
    left: 0;
    width: 45px;
    height: 45px;
    right: 0;
    margin: auto;
    background-color: white;
}

.tag_list_content .fad_blog_article a,
.tag_list .fad_blog_article a,
.date_list .fad_blog_article a{
    color: initial;
    text-decoration: none;
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.text_article_box{flex:1;}

.tag_list .fad_blog_article h3,
.date_list .fad_blog_article h3 {margin:0;}

.tag_list .fad_blog_article .fad_blog_article_teaser,
.date_list .fad_blog_article .fad_blog_article_teaser{font-size: 12px;}

.tag_list .fad_blog_article .fad_blog_article_title,
.date_list .fad_blog_article .fad_blog_article_title{margin:10px 0px;}

.tag_list_content{
    float:left;
width:100%;
}

.mod_blog_newslist.tile-design .fad_blog_article{transition: 200ms linear all;}


.tag_list .fad_blog_article .fad_blog_article_text,


.tag_list .fad_blog_article .fad_blog_article_teaser,
.date_list .fad_blog_article .fad_blog_article_teaser{font-size: 12px!important;margin:0!important;}

.tile-design article .fad_blog_article_text,
.tag_list_content .fad_blog_article .fad_blog_article_text,
.tag_list .fad_blog_article .fad_blog_article_text,
.date_list .fad_blog_article .fad_blog_article_text,
.tag_list .fad_blog_article .fad_blog_article_teaser,
.date_list .fad_blog_article .fad_blog_article_teaser,
.tag_list .fad_blog_article .fad_blog_article_title,
.date_list .fad_blog_article .fad_blog_article_title {
    display: -webkit-box;
    margin:0.25em 0em!important;
    -webkit-line-clamp: 4;
    text-align: left;
    -webkit-box-orient: vertical;
    overflow: hidden;
    float: left;
    max-width: 700px;
    white-space: initial;
    font-size: 14px;
}

/* Ende */



/* News_layout */


.layout_news h1.fad_news_caption{
    text-align: center;
    max-width: 800px;
    margin: auto;
    display: inline-block;
    float: initial;
    margin: 10px 0px;
    font-size: initial;
}

.layout_news h1.fad_news_caption .title {
    float: left;
    width: 100%;
    font-size: 2.25em!important;
}


.post_content a{font-size: 100%!important;}


.layout_news span.image-meta {
    font-size: 12px;
    display: inline-block;
    text-align: left;
    min-width:100%;
    min-width: 100%;
    height: 100%;
}

a.comment_icon {position: relative;}

.comment_icon.comments_empty::before{display: none}

.comment_icon::before{content: attr(commentnumber);
    float: left;
    position: absolute;
    right: -5px;
    top: -5px;
    background-color: var(--m2);
    border-radius: 100%;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    z-index: 10;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;}

.pause_animation::before {
    content: "";
    width: 8px;
    background-color: #8BA8B0;
    height: 60%;
    position: absolute;
    border-radius: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3px;
    animation: updown 2s infinite;
    animation-delay: 200ms;
}

.pause_animation::after{
    content: "";
    width: 8px;
    background-color: #8BA8B0;
    height: 60%;
    position: absolute;
    border-radius: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 3px;
    animation: updown 2s infinite;
}

@keyframes updown {

    50%{height: 30%;}
}


.pause_animation{
    position: relative;
    width: 25px;
    height: 25px;
}

#magazine_content_text p{font-size: 16px;}


.layout_news .magazine_news_text,
.layout_top-news  .magazine_news_text {
    width: 100%;
    position: relative;
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 700px;
    margin: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.layout_top-news .sharing-container,
.layout_news  .sharing-container{   position: -webkit-sticky;
    position: sticky;
    top: 120px;
    margin: initial;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;}

.layout_top-news .news_content_wrapper,
.layout_news .news_content_wrapper{max-width:700px;margin:auto;float:initial;}

.layout_top-news .news_content_wrapper .post_content,
.layout_news .news_content_wrapper .post_content{padding: 0;
    max-width: 700px;
    margin: auto;
    float: initial;}

.layout_news .post-image{width:100%;display:block;text-align: center;margin: auto;max-width: 600px;height:auto}
.layout_news .post-image .news_img{width:100%;display:inline-block;margin:auto;}
.layout_news .post-image.landscape{width:100%;display:inline-block;margin:auto;}

span.image-meta-description {
    display: block;
    max-width: 600px;
    margin: auto;
}

.image-meta-source {
    font-size: 12px;
    max-width: 600px;
    margin: auto;
    display: block;
}


ul.fad_cms_blog_reader_tag_steps{
    list-style:none;float:left;width: 100%;padding:0;}

ul.fad_cms_blog_reader_tag_steps li{
    float: left;
    margin: 0px 0.25em;
    display: inline-block;
    padding: 0.25em;
}

ul.fad_cms_blog_reader_tag_steps li.selected{
    border: 1px solid;
    border-radius: 2px;
}

ul.fad_cms_blog_reader_tag_steps li a{text-decoration: none;color:initial;}

/* Ende */

/* Concept-News Layout */

.bg_container.concept{position: relative;
    width: 96%;
    height: 80vh;
    margin: 0 2%;
    border-radius: 20px;
    float: left;
    overflow: hidden;}


.post-image.background .bg_lazy{
    width: 100%;
    position: absolute;
    height: 100%;
    background-size: 50px auto;
    background-repeat: repeat;
    background-attachment: fixed;
}

.post-image.background::before{content:"";width:100%;height:100%;position: absolute;background-color: rgba(255, 255, 255, 0.60);;top:0;left:0;z-index: 1;}

.bg_container.concept h1.fad_news_caption {
    margin: 10px;
    position: absolute;
    color: var(--m1);
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    top: 50%;
    margin: auto;
    transform: translate(0 ,-50%);
}

.magazine_header_wrapper{
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.teaser{
    float: left;
    width: 100%;
    font-size: 22px;
    font-size: 14px;
    opacity: .5;
}

.title {float: left;
    width: 100%;}

.bg_container.concept .topic{
    margin: 10px auto;
    position: absolute;
    top:10px;
    left:0;
    right: 0;
    z-index: 2;

}

.bg_container.concept .topic a{
    background-color: var(--m1);
    padding: 10px;
    color: white;
    text-decoration: none;
}

.layout_concept .magazine_news_text {
    float: left;
    width: 100%;
    padding: 0 25%;}

.layout_concept .magazine_bottom_content{
    padding: 0 20%;
    float: left;
    width: 100%;
}

.layout_concept {margin-top:20px;}

/* Ende */


/* Kommentar */

.mod_comment_list {
    float: left;
    width: 100%;
}

.mod_comment_list .comment{
    float: left;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: left;
    margin-top: 10px;
}
.mod_comment_list  .author,
.mod_comment_list  .date{
    font-size: 12px;
    opacity: .5;
}

.mod_comment_list  .author{float:right;}

.mod_comment_list a{color: initial;
    text-decoration: initial;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px;
    padding-right: 40px;
    height: 100%;
    float: left;}

.mod_comment_list li{
    margin: 4px 0px!important;
    float: left;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    background-color: white;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.mod_comment_list li a:hover::after{width:30px;}

.mod_comment_list li a::after{content: "";
    background: url("/public/deutrik/skins/lesering/img/link-icon.svg");
    width: 20px;
    height: 100%;
    float: right;
    display: block;
    position: absolute;
    transition: all linear 400ms;
    background-repeat: no-repeat;
    right: 0px;
    top: 0px;
    background-size: 20px 20px;
    opacity: .4;
    background-position: center;
    padding: 0px 10px;
    background-color: var(--m2);}

.mod_comment_list h3{
    text-align: left;
    font-size: 1.33em;
    opacity: .5;
}

.mod_comment_editor{
    margin: 20px 0px;
    box-shadow: -2.9921875px 9.0234375px 20px rgba(0, 0, 0, 0.12);
    border-radius: 20px;
    background-color: white;
    padding: 10px;
}

.mod_comment_editor .info-right a{background-color:#3D6E7B;
    border-radius: 20px;
    padding: 10px;
    display: inline-block;
    margin: 20px 0px 0px 0px;
    color: white;}

.mod_comment_editor .info-main {
    margin-bottom: 0px;
    padding:20px;
}

.ControlGroup .form-group {
    display: block;
}

.form-group {display: block;
    float: left;
    width: 100%;
    margin: 10px 0px;}

.form-group label.ControlElement_label {
    float: left;
    width: 100%;
    padding: 0;
    text-align: left;
    margin: 0;
    padding: 0;
}

.ControlGroup .ControlGroup_content {
    display: block;
}

.comment_write_ajax_box .webbox{width: 100%;
    display: inline-block;
    margin: auto;
    border-radius: 20px;
    background-color: white;
    margin: 20px 0px;
    padding: 20px;
    position: relative;
    max-width: 700px;}

.mod_comment_editor{position: relative;overflow: hidden;}


span.help_element{display: none!important;}

.comment-ajax-box{
    position: relative;
    z-index: 1;
    border-radius: 20px;
    border: 1px solid white;
}

.mod_search_form input{font-size:14px!important;}

input.error{  background-color: #ffb1b1; }

.error_message{
    width: 100%;
    float: left;
    color: #ff7373;
    text-align: left;
}

input.error:focus{  background-color:white; }

.error_control.error_message{
    font-size: 12px;
    text-align: left;
}

.ControlGroup .form-group > * {
    width: 100%;
    float: left;
}

.empty .ControlElement_cell{font-size: 12px;}

.comment-body{
    float: left;
    width: 100%;
    text-align: left;
    margin: 10px 0px;
}



textarea:focus{    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09);}

.comment_write_ajax_box .fad_button_cancel{
    position: absolute;
    top: 0;
    right: 0;
    color: transparent;
    width: 45px;
    height: 45px;
    transition: 400ms all;
}

.comment_write_ajax_box .fad_button_cancel::after{content: "";
    background-image: url("/public/deutrik/skins/lesering/img/close.svg");
    width: 45px;
    height: 45px;
    top: 0;
    left: 0;
    position: absolute;
    background-size: 50%;
    background-position: center;
    color: var(--m2);
    line-height: 45px;
    vertical-align: middle;
    display: block;
    transition: 400ms all;
    background-repeat: no-repeat;}

.comment_write_ajax_box .fad_button_cancel:hover{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09);}
.comment_write_ajax_box .fad_button_cancel:hover::after{background-size: 60%;}

.comment_write_ajax_box .button.fad_button_insert{background-color: #ff9328;
    color: white;
    min-width: 300px;}

.message_text{margin: 10px 0px;float:left;width:100%;}

.commentlist{
    margin: 20px 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    background-color: white;
    padding: 10px;
    float: left;
    width: 100%;
}

.mod_comment_editor #commentlist .info-right{display: inline-block;
    margin-left: 0px;
    opacity: 1;
    font-size: 85%;
    vertical-align: middle;
    line-height: 19px;
    float: right;}


.comment_text{float: left;
    width: 100%;
    text-align: left;
    margin: 20px 0px;}

.mod_comment_editor #commentlist .comment {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    margin: 10px 0px;
    border-bottom: 1px solid;
}

.next_chapter{float: left;
    width: 100%;
    text-align: center;
    margin: 1em;
    border-radius: 20px;
    padding: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}

.chapter_next{
    display: inline-block;
    margin: auto;
    float: left;
    width: 100%;
}

.chapter_next a{
    display: inline-block;
    text-decoration: none;
    color: initial;
    border-radius: 20px;
    transition: 400ms;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    background-color: var(--m1);
    color: white;
    padding: 10px 15px;
}

.chapter_next a:hover{transform: scale(0.9);}

#magazine_place_bottom{padding:0 15%;}

.sticky_container{
    position: -webkit-sticky;
    position: sticky;
    top: 250px;
    left: 0;
    margin: 0;
    width: 100%;
}

.bottom_news_container{
    float: left;
    width: 100%;
    padding: 0 15%;
}

.bottom_text_container{
    float: left;
    width: 100%;
}

.icon_bar{
    display: inline-flex;
    flex-wrap: wrap;
}

.news_content_wrapper{
    float: left;
    margin:auto;
    width: 100%;
    max-width: 700px;}

.navigation_news_container{
    float: left;
    padding:0.25em;
    background-color: white;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    float: left;
    padding: 10px;
    border-radius: 20px;
    overflow: hidden;
    max-height:100%;
    overflow-y: auto;
    overflow-x: hidden;
    transition: 400ms all linear;
    position: relative;
    width: calc(100% - 2em);
    margin: 1em em;
}


.navigation_news li a:hover{text-decoration:underline;}

.navigation_chapter{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin:1em 0em;
    min-width: 100%;}

.prev_chapter_nav{border-right: 1px solid;margin:0;}
.last_page.prev_chapter_nav{border-right:initial;}
.chapter_element{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    max-width: 150px;
    color: initial;
    text-decoration: initial;
    color: var(--m1);
    padding: 0.5em;
    margin: 0 0.5em;}
.chapter_element img{width:35px;height:auto;}
.chapter_element span{line-height: 35px;}

.navigation_news_container ul{
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

.navigation_news_container ul a{color: initial;
    text-decoration: initial;
    margin: 2.5px 0px;
    display: inline-block;}

.chapter_container {position: relative;width:100%;float:left;}

/* Ende */

/* Freie Texte */

.tile-design-freetext .fad_blog_article span.fixsize {
    height: auto;
}

.magazine_header_wrapper .rating_aspect{width:65px;height:65px;position: relative;}

html.layout_news_freetext .chapter_teaser{
    display: inline-block;
    margin: auto;
    float: initial;
}

html.layout_news_freetext,
.layout_site-landingpage-news #content{position: relative;float:left;width:100%;}

html.layout_news_freetext:before{z-index:-1!important;}

span.fad-image-wrapper {
    width: 100%!important;
    float: left;
}

/* .mod_html span.fad-image-wrapper  img{
    width: 50%;
    height: auto;
    margin: auto;
    display: block;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.61);
    border-radius: 100%;
    padding: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
} */

.site-landingpage-news h1.fad_caption{
    font-size: 2em;
    text-align: center;
    margin: 0;
    padding: 20px;
}

#magazine_place_bottom .form-ajax-box{
    border-radius: 20px;
    padding: 20px;
    position: relative;
    width: 100%;
    float:left;
}

#magazine_place_bottom button.fad_button_cancel {display: none!important;}

#magazine_place_bottom .mod_html {
    width: 100%;
    float: left;
    text-align: initial;
}

#magazine_place_bottom .mod_html p{margin: 0;}

#magazine_place_bottom .mod_html img{width: 100px;
    height: auto;
    display: inline-block;
    margin: auto;
    float: initial;}


#magazine_place_bottom .mod_html.partner img {
    width: 100%;
    margin: 10px 0px !important;
}

/* Ende */

.select {
    display: block;
    outline: none;
    color: var(--m1);
    font-weight: normal;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    box-shadow: initial;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid rgba(128, 128, 128, 0.21);
    border-radius: 20px;
    background-color: white!IMPORTANT;
    background-image: url("/public/deutrik/skins/lesering/img/select.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 30px 30px;
}

.select::-ms-expand {
    display: none;
}

.select:hover {
    border-color: #888;
    outline:none;
}

.select:focus {
    border-color: #aaa;
    box-shadow: initial;
    box-shadow:initial;
    color: var(--m1);
    outline: none;
}

/* Set options to normal weight */
.select option {
    font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select:disabled, .select-css[aria-disabled=true] {
    color: var(--m1);
}

.select:disabled:hover, .select-css[aria-disabled=true] {
    border-color: #aaa;
}


/* Lazy Img */

.lazy_img{position: relative;
    float: left;
    width: 100%;
transition: 400ms all;
min-height: 80px;}

/* Ende */

.tag_list_container,
.tag_list,
.tag_list_content{display: block;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: left;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    width: 100%!important;
    align-content: start;
    justify-content: start;
    -webkit-justify-content: start;
    -webkit-justify-items: start;
    justify-items: start;
    align-items: start;
    max-width: 100%;
    width: 100%;}

.tag_list .fad_blog_article h3,
.date_list .fad_blog_article h3{font-size:14px;}

    /* Datenschutz */

.cc_container .cc_message {
    font-size: 14px!important;
}

.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
    background-color: var(--m2) !important;
    color: #000!important;
    border-radius: 20px!important;
}
/* Ende */


/* Landing-Page Layout*/

.site-landingpage .ControlGroup .form-group {
    display: block;
    float: left;
    width: 100%;
    margin: 5px 0px;
}

.site-landingpage  .form-group.form_conditions.required.empty .ControlElement_cell,
.site-landingpage .form-group.form_privacy.required.empty .ControlElement_cell {
    font-size: 12px;
    background-color: var(--m2);
    border-radius: 20px;
    padding: 5px;
}

.site-landingpage .form-group.form_conditions .fad_control,
.site-landingpage .form-group.form_privacy .fad_control{
    font-size: 12px;
    background-color: rgb(255, 221, 221);
    border-radius: 20px;
    padding: 5px;
}

.site-landingpage  .fad_button_cancel{display: none;}

.site-landingpage  .webbox{
    border-radius: 20px;
    background-color: white;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    padding: 20px;
}

.site-landingpage  .button:hover{transform: scale(.9);}

.site-landingpage  .button {
    color: var(--m1);
    background-color: white;
    margin: 20px 0px;
    transition: 400ms all;
    cursor: pointer;
    border: 1px solid;
    width: 50%;}

.site-landingpage h1{
    font-size: 3em;
    text-align: center;
}

#content #magazine_inner.site-landingpage {
    padding: 0;
}

div.upload_multiple label.fad_has_advanced_upload {
    margin: 10px 0px;transition: 400ms all}

div.upload_multiple label.fad_has_advanced_upload:hover{background-color:var(--m2)}

/* */

/* Freie Texte News*/

.layout_news_freetext h1.fad_news_caption {text-align: center;
    float: left;
    width: 100%;}

#content #magazine_inner.news,
.layout_news_freetext #content #magazine_inner {
    padding: 0 0%;
    display: block;
}

.layout_news_freetext #magazine_content_text {
    position: relative;
    width: 100%!important;
    float: left;
    margin:0!important;
    background-color:initial!important;

 }

.text_wrapper{padding: 20px 20%;
    margin: 0 0%;
    width: 100%;}

.layout_news_freetext .info{
    float: left;
    width: 100%;
    text-align: center;
    margin: 1em;
    font-size: 1em;
}

.header_social{
    width: 100%;
    position: relative;
    margin:1em;
    background-color: rgba(255, 255, 255, 0.57);
    border-radius: 20px;
    padding:1em;
    overflow: hidden;
    margin: auto;
    float: initial;
    background-color: rgba(61, 109, 122, 0.09);
}

.header_social .social_links{   display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    display: -webkit-flex;
    margin-top: 20px;
    display: -ms-flexbox;float:left;width:100%;}

.header_social::before {
    width: 100%;
    float: left;
    text-align: center;
}

.header_social a{
    display: inline-block;
    width: 40px;
    height: auto;
    margin: 0px 10px;
    border-radius: 100%;
    border: 2px solid white;
}

/* ENde */

.post_chapter{text-align: initial;}

/* Personen Schema */

.page_page.schema_Person{text-align:center;display:block;}

.fad_schema_properties.fad_schema_Person{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    margin: 0.5em;
    text-align: right;
}

.author-speical{width: 100%;
    margin: 0;
    font-size: 14px;}

.page_page.schema_Person span.fad-image-wrapper {
    width: 300px!important;
    margin: auto;
    display: block;
    float: initial;
}

.page_page.schema_Person span.fad-image-wrapper img{
    border-radius:20px;
    width:100%;
    height:100%;
}

.page_page.schema_Person  .fad_schema_Person_description{
    padding: 0 15%;
    text-align: initial;
}
.page_page.schema_Person  h1.fad_caption{
    text-align: center;
}

.fad_birth_location::before{content: "";
    background-image: url(/place.svg);
    float: left;
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    margin: 0px 10px;}

.fad_person_birthday{
    margin: 10px 0px;
}

.fad_person_birthyear::before,
.fad_person_birthday::before{ content: "";   background-image: url(/birthday.svg);    float: left;
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    margin: 0px 10px;}


.fad_person_telephone::before{ content: "";   background-image: url(/telephone.svg);    float: left;
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    margin: 0px 10px;}

.fad_person_email::before{ content: "";   background-image: url(/email.svg);    float: left;
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    margin: 0px 10px;}


.fad_person_telephone a{
    color: #3D6E7B;
    text-decoration: initial;
}

.fad_worklocation::before{ content: "";   background-image: url(/worklocation.svg);    float: left;
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    margin: 0px 10px;}

.fad_schema_properties > div{
    margin: 10px 0px;
}

.layout_site h1{text-align:center;}

.layout_site #magazine_place_bottom {
    max-width: 700px;
    margin: auto;
    float: initial;
    padding:0;
}

.layout_site #content #magazine_inner {
    max-width: 700px;
}

.mod_page_preview {}

/* mod_pagelist */

.mod_pagelist a {
    display: block;
    padding: 0;
    text-decoration: initial;
    border-bottom: initial;
}

.fad_page_pagelist_content h3, .fad_job_joblist_content h3 {
    display: inline-block;
}

.fad_page_pagelist_content {
    text-align: center;
}

.fad_page_pagelist_person_element .info_box{flex:1.5!important;min-width:300px;}

.fad_page_pagelist_person_element{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 1em 0;
}

.layout_site .fad-attachment{
    border: 1px solid;
    display: inline-block;
    padding: 0.5em;
    text-decoration: initial;
    border-radius: 10px;
    color: #191b1c;
    line-height: 45px;
    display: inline-flex;
    flex-wrap: wrap;
}


.layout_site .fad-attachment::after{
    content: "";
    background-image: url('/public/deutrik/skins/lesering/img/basic-icons/download.svg');
    width: 45px;
    height: 45px;
    display: block;
    float: right;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
}

.fad_page_pagelist_person_element:nth-child(2n) a{flex-direction: row-reverse;}

.fad-attachment:hover,
.fad_page_pagelist_person_element a:hover{background-color: rgb(238, 238, 238);}

.fad_page_pagelist_person_element a{
    display: flex!important;
    flex-wrap: wrap;
    transition: 400ms all linear;
    align-items: center;
    border: 1px solid #191b1c;
    margin: 0;
    color: #191b1c;
    border-radius: 20px;
}

.fad_page_pagelist_content h3,
.fad_job_joblist_content h3 {
    color: initial;
    font-size: 14px;
}

.layout_site .magazine_inner{max-width:700px;}

.mod_pagelist .fad_page_pagelist_person_element span.fad-image-wrapper {
    width: 300px!important;
    float: left;
    width: 300px;
    height: 300px!important;
    border-radius: initial;
    padding: 0;
    margin: 0;
    flex:1;
    overflow: hidden;
    min-width: initial;
    position: relative;
}

.fad_page_pagelist_person_element:nth-child(2n) span.fad-image-wrapper img{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.fad_page_pagelist_person_element:nth-child(2n+1) span.fad-image-wrapper img{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.mod_pagelist .fad_page_pagelist_person_element span.fad-image-wrapper img{object-fit: cover;
    height: 100%;
    width:100%;
   }

.fad_page_pagelist_figure{
    width: 100%;
    margin: 0;
}

.person_email,
.person_telephone{font-size: 14px;}

.fad_page_pagelist_text{display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;}

.mod_pagelist a {
    display: block;
    padding: 0;
    text-decoration: initial;
}

.fad_page_pagelist_content{
    width: 100%;
    padding: 0px 10px;
}

.pagelist_caption {flex: 1 auto;
    width: 100%;
    text-align: left;
    font-size: 16px;}

.mod_pagelist{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width:100%;
    min-width: 100%;
}


/* paetner */

#magazine_place_bottom .mod_html.partner{width: auto;
    float: initial;
    margin: 10px;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    max-width: 260px;
    position: initial;
    text-align: center;
    min-width: 260px;
}


/* layout_site_free_text_new */


.layout_site_freetext .layout_site,
.layout_site_free_text_new  .layout_site {
    min-width: 100%;
}

.layout_site_free_text_new .mod_blog_newslist .fad_blog_article a {
    height: 100%;
    color: initial;
}

.layout_site_freetext .page_wrapper{border-radius: 20px;flex-direction: column;}

.layout_site_freetext .page_wrapper,
.layout_site_free_text_new .page_wrapper{display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    justify-items: center;
    align-items: center;
    background: rgb(197,58,254);
    background: linear-gradient(180deg, rgba(197,58,254,1) 0%, rgba(109,0,198,1) 100%);
    color: white;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;}

.layout_site_free_text_new .page_wrapper > div{min-width: 50%;flex:1;}
.layout_site_free_text_new .page_wrapper h1{text-align: left;line-height: 1}
.layout_site_free_text_new .page_wrapper .text{max-width: 100%;}
.layout_site_free_text_new .opener_text{padding:2em;}

.layout_site_freetext  #content #magazine_inner,
.layout_site_free_text_new #content #magazine_inner{margin-top:initial;max-width: initial;}
.layout_site_free_text_new .page_wrapper{padding-top:120px;}

.layout_site_free_text_new .error_control.error_message {
    font-size: 12px;
    text-align: left;
}

.layout_site_freetext .button {
    background-color: rgb(250, 246, 141);
    font-size: 14px;
    color: #7B0FD4;
    width: 100%;
    cursor: pointer;
    font-weight: bold;
}

.layout_site_freetext .checkbox_label a{color:white;}

input.error {
    background-color: #ff7373;
}

.required.empty label:not(.checkbox_label){display: none;}

.layout_site_free_text_new .mod_html{margin:1em 0em;display: inline-block;}

.layout_site_free_text_new .ultra-width{border-radius: 20px;}
.layout_site_free_text_new .magazine_place_bottom-landingpage .mod_html{margin:1em 0;}

.layout_site_freetext  div.upload_multiple label.fad_has_advanced_upload,
.layout_site_free_text_new #content_landingpage {color:initial;}

.layout_site_free_text_new  h3{
    font-size: 2.5em;
    text-align: center;
}

.layout_site_free_text_new .layout_site{min-width: 100%;}

.layout_site_free_text_new a.ctab_raised_mode {
    font-size: 16px;
    background-color: white;
    color: transparent;
    padding: 1em 2em;
    display: inline-block;
    margin: 1em 0em;
    color: initial;
    font-family: 'Nunito-Regular.woff';
    text-decoration: initial;
    width: 100%;
    font-weight: bold;
    border-radius: 20px;
    border: 1px solid;
    min-width: 300px;
    text-align: center;
    box-shadow: initial;
}


.layout_site_free_text_new h3.gallery_caption{text-align: center;}

.layout_site_freetext .background,
.layout_site_free_text_new .background{background-color:#7B0FD4;color:white;}



/* layout_offers */

.download{padding:0.25em;transition: 400ms all linear;}
.attachment_container:hover .download {background-color: rgba(255, 255, 255, 0.29);}

.layout_site_offers .ctab_ghosty_mode{
    border-radius: 10px;
    padding: 0.5em 1em;
    display: inline-block;
    color: black;
    border: 1px solid;
    min-width: 280px;
    text-align: center;
    transition: 400ms all linear;
}


.layout_site_offers .ctab_ghosty_mode:hover{background-color: rgb(238, 238, 238);}

.layout_site_offers  .top-img img{border-radius: 20px;}

.layout_site_offers h1{font-family: 'Poppins-Regular.woff';}

.layout_site_offers .form-ajax-box{
    margin: 1em auto;
    max-width: 700px;
}

.layout_site_offers #magazine_site_content {
    min-height: auto;
    padding:1em;
}

ul li span span,
ul li span{font-size: 100% !important}

.layout_site_offers  ul.checkmark li::before {
    content: "";
    background-image: url("/public/deutrik/skins/lesering/img/check.svg");
    width: 43px;
    height: 43px;
}
.layout_site_offers  ul.checkmark{padding:0;}

.layout_site_offers  ul.checkmark li{
    margin: 1em 0em;
    font-size: 2em;
}

.mod_addressbox .contact_data {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mod_addressbox{
    position: relative;
    max-width: 300px;
    float: left;
    border-radius: 20px;
    padding: 1em;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mod_addressbox .contact_data .adress_data {
    display: flex;
    min-width: 100%;
    flex-wrap: wrap;
}

.mod_addressbox .contact_data .adress_data > div{min-width: 100%;flex:1 auto;}


.mod_addressbox .contact_data .address_image {
    display: block;
    margin: 0.5em 0em;
    min-width: 100px;
    max-width: 100px;
    border-radius: 20px;
    align-self: center;
}

.button{cursor: pointer;}

.layout_site_offers  .button {
    min-width: calc(50% - 2em);
    margin: 1em 1em;
    background-color: rgb(77, 81, 82);
    box-shadow: initial;
    color: white;
}

.layout_site_offers  textarea,
.layout_site_offers  input {
    background-color: rgb(242, 242, 242);
}

.layout_site_offers  textarea:focus,
.layout_site_offers  input:focus {
    background-color: white;
}

.button.fad_button_cancel{display: none;}

.layout_site_offers .opener {
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    margin:auto;
}

.site_offers .opener_wrapper::before{    pointer-events: none;
}
.site_offers .opener_wrapper{padding-top: 80px;}

.site_offers .top-img_container,
.site_offers .opener_text{flex:1;}

.text_container{
    max-width: 700px;
    margin: auto;
}

.top-img_container{display: block;text-align: center;float: left;
    width: 100%;position: relative;
    border-radius: 20px;
    overflow: hidden;
z-index: 10;}

.top-img_container img,.social_icon img, img.post-image {
    width:100%;
    height:auto;
}

.layout_site_offers .background .top-img_container::before{content:"";background-image:url("/texture-offer.svg");position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: -1;background-size: cover;}

.layout_site_offers  span.fad-image-wrapper {
    width: 100%!important;
    max-width: 800px;
    margin: auto;
    float: initial;
    display: inline-block;
    align-self: center;
}

.layout_site_offers .filename{
    line-height: 40px;
    margin: 0 0.5em;
    font-size: 12px;
}

.contact_data a{
    color: var(--m1);
    text-decoration: none;
}

.attachment_unit{text-decoration: none;}

.attachment_unit {
    transition: 400ms all linear;
    text-decoration: none;
    display: inline-flex;
    flex-wrap: wrap;
    justify-items: center;
    align-items: center;
    color: initial;
    padding: .5em 1em;
    border-radius: 10px;
    width: auto;
    border: 1px solid;
    margin: auto;
    display: flex;
    justify-content: center;
}

.attachment_unit:hover{background-color: #d5d5d5;}

.layout_site_offers #magazine_inner .place{padding:1em;}

.layout_site_offers{background-color: rgb(242, 242, 242);}

.layout_site_offers .wide_width .text_container{display: flex;flex-wrap: wrap;align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;}

.layout_site_offers  #mod_html_4909203 .wide_width .text_container{}

.layout_site_offers .wide_width .text_container > *{min-width: 100%!important;flex:1;}


.layout_site_offers .wide_width.single_element > div{max-width: auto;
    flex: 1 auto;
    min-width: auto;
    margin: 0 auto;
    align-self: flex-start;
    justify-content: flex-start;}

.layout_site_offers .wide_width.single_element:not(.top-img) > .top-img_container{display: none;min-width: initial;
    flex: initial;
    max-width: initial;}

.card_raised { box-shadow: 0.0130615234375px 11.020835876464844px 18px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 1em;
    background-color: rgb(246, 246, 246);}

.layout_site_offers .wide_width > div{max-width: 50%;flex:1;}

.layout_site_offers #magazine_place_bottom .wide_width > div{max-width: 100%;}

.layout_site_offers .wide_width {display: flex;flex-wrap:wrap;}
.layout_site_offers  .place{display: flex;flex-wrap: wrap;}

.layout_site_offers .opener h1{
    flex: 1 auto;
    min-width: 100%;
}

.layout_site_offers h3.newslist_caption{min-width: 100%;}

.layout_site_offers h3{
    font-size: 2em;
    margin: 1em 0em;
    text-align: center;
}

.layout_site_offers .opener a.ghosty_mode{
    font-size: 1.25em;
    border: 1px solid white;
    padding: 0.5em 1em;
    border-radius: 20px;
}

.layout_site_offers #content #magazine_inner{margin:auto;}



.layout_site_offers .layout_site {
    min-width: 100%;
}

.layout-icons {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;}

.layout-icons .item .image-meta-title {
    font-family: 'Nunito-Regular.woff';
    font-size: 16px;
    line-height: 1.5;
}

.layout-icons .item{max-width:150px;max-width: 150px;
    text-align: center;
    font-size: 16px;}

.layout_site_offers  .background .text_container .html_text{opacity: .8;}
.layout_site_offers  .background .text_container > *{min-width: 100%;
    flex: 1;flex-wrap:wrap;text-align: initial;
    margin: 0;}


.background h2{font-size: 2.5em;}


    /* Werbeplätze */

#magazine_place_inside1,
#magazine_place_inside2{
    margin: 20px 0px;
    border-top: 1px solid rgba(61, 109, 122, 0.26);
    border-bottom: 1px solid rgba(61, 109, 122, 0.26);
    padding: 10px 0px;
}

.fad_birth_location::before
/* Personenseite */

.page_page.schema_Person {display: block;
    text-align: center;}

.page_page.schema_Person  .top-img {max-width: 300px;
    border-radius: 20px;
    display: inline-block;
    margin: auto;}

.page_page.schema_Person .top-img img{
    border-radius: 20px;
}

.page_page.schema_Person .description{
     text-align: initial;
 }


#fad_slider .image-meta-source,
#fad_slider .image-meta-title,
#fad_slider .image-meta-description,
.mod_blog_newslist .image-meta-source,
.mod_blog_newslist .image-meta-title,
.mod_blog_newslist .image-meta-description{display: none!important;}

.fad-attachment img{
    display: none;
}


.insert_module .fad_page_pagelist_text,
.insert_module .fad_page_pagelist_location,
.insert_module .image-meta-description,
.insert_module .image-meta-source {display: none;}

.layout_site .insert_module  {
    max-width: 800px;
    margin: 0;
    padding: 0;
}



h1.fad_caption{
    font-size: 3em;
}

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

    .layout_rezension .page_blogreader{
        display: grid;
        width: 100%;
        height: 100%;
        max-width: 1200px;
        grid-template-areas: "header header"
"top-img top-img"
"text text";
        margin: auto;
        grid-template-rows: auto;
        float: initial;
        justify-items: center;
        justify-content: center;
    }

    .layout_news_freetext .page_blogreader,
    .layout_news .page_blogreader{
        display: grid;
        width: 100%;
        height: 100%;
        max-width: 1200px;
        grid-template-areas: "header header"
            "top-img  top-img"
            "text  text"
        "sidebar sidebar";
        margin: auto;
        grid-template-rows: auto;
        float: initial;
        justify-items: left;
    }

}


@media only screen and  (max-width:600px){
.layout_three article .text_container{
    max-width: 300px;
}
}

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

    .mod_pagelist .fad_page_pagelist_event_element a{flex-direction: column-reverse;}

    #mod_html_4907473,
    #mod_html_4909203{border-top: 1px solid gray;}

    .layout_site_offers h2{
    font-size: 1.25em;
}

    .layout_site_offers #content #magazine_inner {
        padding: 0;
    }

    .layout_site_offers .opener h1 {
        font-size: 2em;
    }
    .layout_site_offers ul.checkmark li {
        margin: 0.5em 0em;
        font-size: 1.25em;
    }
    .layout_site_offers ul.checkmark li::before {
        content: "";
        width: 27px;
        height: 27px;
    }

    .layout_site_offers .ctab_ghosty_mode {
        margin: 1em 0em;
        width: 100%;
        text-align: center;
    }


.attachment_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    #magazine_site_content {
        min-height: auto;
    }

    .layout_site_offers  .top-img{
    max-width: 300px;
    margin: auto;
}

    .layout_site_offers .opener > div,
    .layout_site_offers .wide_width > div {
        max-width: 100%;
        flex: 1 auto;
    }

    .layout_three .mod_blog_newslist .bg_lazy {
        background-attachment: initial;
    }

    .layout_site_freetext #content #magazine_inner,
    .layout_site_free_text_new #content #magazine_inner {
        padding: 0;
        display: block;
    }

    .layout_site_freetext div.upload_multiple label.fad_has_advanced_upload,
    .layout_site_free_text_new #content_landingpage {
        color: #7B0FD4;
        padding: 0.5em;
    }

    .layout_site_freetext .page_wrapper {
        border-radius: initial;}


    .background .text_container > * {
        min-width: 100%;
        flex: 1;
        display: inline-flex;
        justify-content: left;
    }

    .layout_site_freetext h3,
    .layout_site_free_text_new h3 {
                             font-size: 1.5em;
                             text-align: center;
                         }

   .layout_site_free_text_new  h1.fad_caption {
        font-size: 2em;
        line-height: 1.25!important;
    }


    .layout_site_free_text_new .page_wrapper .opener_text{min-width: 100%;}

    .layout_one .position_1{padding-top:1em;}

    .visible .overlay{opacity: 1;
        visibility: visible;}

    .navigation_main .logo{ transition:400ms all linear;}

    .visible #magazine_header{background-color:initial;box-shadow: initial;}
    .overlay{
        position: fixed;
        top: 0;
        opacity: 0;
        visibility: hidden;
        transition:400ms all linear;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(61, 109, 122, 0.64);
        z-index: 10;
    }

    .short_nav{display: none!important;pointer-events: none!important;}

    #magazine_place_book-of-week .mod_code.slim_width > div > div{position: -webkit-sticky;
        top: 0px;
        z-index: 0;
        display: inline-block;}

    .mod_blog_newslist{padding:0.25em 0em;}

    #magazine_place_navigation_assets{display: none!important;}

    .visible #magazine_header{position: fixed;width:100%;top:0;margin:0;left: 0;}

    .visible .toggle_menu {
        max-width: 400px;
        height: 100vh;
        left: 0;
        border-radius: 0;
        margin:0;
    }

    .layout_one .mod_blog_newslistcontainer {
        grid-template-areas: "article_1 article_1"
            "article_2 article_2"
            "article_3 article_3"
            "article_4 article_4";
    }

    .layout_three .fad_blog_article_title {
        font-size: 2rem!important;
        margin: 0;
        line-height: 2rem;

    }

    .layout_one .mod_blog_newslistcontainer .position_1 a{
    height: 40vh;}

    .layout_rezension .page_blogreader{
        display: grid;
        width: 100%;
        height: 100%;
        max-width: 1200px;
        grid-template-areas: "header header"
"top-img  top-img"
"text text";
        margin: auto;
        grid-template-rows: auto;
        float: initial;
        justify-items: center;
    }


}

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

    .head_p,
    .post_content{font-size: 18px;}
    .page_blogreader{grid-template-columns: 1fr;}



}

@media only screen and   (min-width:801px) and (max-width:1050px) {

    #magazine_place_beneath_top-img .amazone_container ul li {
        margin: 0 .5em;
        min-width: 100%;
        margin: auto;
        display: inline-flex;
        justify-content: center;
    }


    .mod_page_preview.deutrik_ad .page_box_text{display: none;}

    fieldset:hover input#fad_search_form_field{width:0px;}

    #magazine_place_current-news {
        float: left;
        width: 80%;}

    #magazine_place_sidebar {
        width: 20%;
        display: grid;
        -webkit-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: 20px;
        position: sticky;
        position: -webkit-sticky;
        top: 120px;
    }

}

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

    .mod_blog_newslist.tile-design .fad_blog_article {
        border-top: 1px solid #3D6E7B;
        border-radius: 0;
    }

    .layout_site_freetext .opener h1.fad_caption {
        padding-top: 0;
        -webkit-box-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        width: 100%;
        text-align: center;
        font-size: 25px;
        position: relative;
        padding: 0em 0.5em;
    }

    .mod_page_preview.deutrik_ad .page_box_image img {
        max-height: 175px;
        width: auto;
        min-height: 175px;
    }

    .layout_news h1.fad_news_caption .title{font-size: 2em!important;}

        /* ADS*/

    .mod_page_preview.deutrik_ad h3.page_box_caption{margin:10px;text-align: center;font-size: 1.5em;}
    .mod_page_preview.deutrik_ad .page_box_text{display: none;}
    .mod_page_preview.deutrik_ad span.ctab_mod_page_preview{nargin:10px 0px;}


    .layout_page_author .text, .text {
        padding: 0px .5em;
    }


    .layout_page_author .text_chapter {
        padding: 0px 20px;
    }

    .layout_landingpage_author #magazine_place_landingpage-sidebar,
   .layout_landingpage_author #magazine_place_landingpage-news {width: 100%;position: initial;}

    .hero_section_top  .top-img,
    .hero_section_top  .fad_caption{
        -webkit-box-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        width: 100%;
        display: block;
        text-align: center;
    }

    .layout_site_freetext .opener .opener_text {
        position: relative!important;
        top: initial;
    }

    .layout_site_freetext #content_landingpage {
        width: 100%;}

    .visible  .stroke_container{
        z-index: 10;}

    .toggle .place .mod_sitemap {
        border-right: initial;}

    .visible .toggle .place .mod_sitemap {
        float: left;
        width: 100%;}

    .visible #magazine_header .toggle li{text-align: left;}

    .visible #magazine_place_navigation_menu h3,
    .visible #magazine_place_navigation_menu h3.mod_sitemap_caption {text-align:left;font-size: 20px;
        font-weight: bold;}


    #fad_slider .text_container .fad_blog_article_text {
    display: none;}

    .page_page.schema_Person  .fad_schema_Person_description{
        padding: 0 0%;
    }

#magazine_place_sidebar_top .mod_page_preview{display: block;
        height: auto;}

    #magazine_place_navigation_ad,
    #magazine_place_sidebar,
    .mod_blog_newslistcontainer{
        scrollbar-width: thin!important;
        overflow-x: auto;
        scrollbar-color: #f1f1f1 #f1f1f1!important;
    }

    #magazine_place_navigation_ad::-webkit-scrollbar,
    #magazine_place_sidebar::-webkit-scrollbar,
    .mod_blog_newslistcontainer::-webkit-scrollbar {
        width: 10px;
        border-right: 20px;
    }
    #magazine_place_navigation_ad::-webkit-scrollbar-track,
    #magazine_place_navigation_ad::-webkit-scrollbar-track-piece,
    #magazine_place_sidebar::-webkit-scrollbar-track,
    #magazine_place_sidebar::-webkit-scrollbar-track-piece,
    .mod_blog_newslistcontainer::-webkit-scrollbar-track,
    .mod_blog_newslistcontainer::-webkit-scrollbar-track-piece {
        background: #f1f1f1;
        border-radius: 20px;
    }
    #magazine_place_navigation_ad::-webkit-scrollbar-thumb,
    #magazine_place_navigation_ad::-webkit-scrollbar-thumb:horizontal,
    #magazine_place_sidebar::-webkit-scrollbar-thumb,
    #magazine_place_sidebar::-webkit-scrollbar-thumb:horizontal,
    .mod_blog_newslistcontainer::-webkit-scrollbar-thumb:horizontal,
    .mod_blog_newslistcontainer::-webkit-scrollbar-thumb {
        background: white;
        transition: 400ms all;
        border-radius: 20px;
        border: 1px solid;}


    figcaption.image-meta {
        float: left;
        width: 100%;
        padding: 0 0%;
        font-size: 1.33em;
    }

    .gallery h1.fad_news_caption {
        margin-bottom: 0px;
    }

    body.buy_link .fad_gallery_image_container a.basket_icon {
        position: fixed;
        left: 26px;
        top: initial;
        bottom: 17px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 100000;
        z-index: 10;
    }

    .fad_gallery_image {
 max-width:100%;
        width: 100%;
    }

    .layout_news {
        margin: 0px 0px;
    }

    body .fad_gallery_image_container svg.ranking {
        z-index: 100000;
        top: -50px;
    }

    .close_container {
        padding: 0 0%;
    }

    .post-image .gallery_buttons{
position: initial}
    .gallery_buttons{
        position: fixed;
        bottom: 1%;
        width: 98%;
        height: 65px;
        background-color: rgba(255, 255, 255, 0.94);
        padding: 0;
        left: 0;
        z-index: 100000;
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        margin: 0 1%;
        border-radius: 20px;
    }

    .opener .ctab_raised_mode {
        color: white!important;
        font-weight: bold;
    }

    #navigation.light_color {
        background-color: rgba(255, 255, 255, 0.59);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }

    .fad_gallery_image .close_container {
        top: 0px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
    }

    .fad_gallery_image .close_container svg{bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }


    .fad_gallery_image_container {
        padding: 0;
    }

    html.layout_site_freetext #magazine_place_contact{padding-bottom: 20px;}

    #home_middle_layout .mod_html.freetext_ad {
        position: initial;
        margin: 10px 10px;
        max-width: 200px;
        float: initial;
        display: inline-block;
        vertical-align: top;
        white-space: initial;
    }


    #magazine_place_sidebar {
        width: 100%;
        float: left;
        position: initial;
        top: 120px;
        height: 100%;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
        border-radius: 20px;
        overflow: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        display: block;
    }


    .site-landingpage-news .landing-page-text{
        padding: 0% 0%;
    }

    .visible .toggle fieldset input#fad_search_form_field {
        font-size: 16px!important;
    }

    input{font-size: 16px!important;}

    .layout_news .post-image{width: 100%;}

    #content #magazine_inner {
        padding: 0px .5em
        display: block;
    }

    .layout_rezension .sticky {
        flex-direction: row;}

    .layout_rezension span.post-image {
        width: 100%;}


    .visible .menu_container {
        padding: 0px 5px;
    }

    .layout_news_freetext .post_content{
        padding: 0 0%;
        margin: 0 0%;
        width: 100%;
        border-radius: 20px;
    }

    html.layout_site_freetext #magazine_place_contact, html.layout_site-landingpage-news #magazine_place_landingpage-news, html.layout_site-landingpage-news-freetext #magazine_place_landingpage-news {
        padding: 0;
        width: 100%;
    }

    .site-landingpage .place, .landing-page-text {
        padding: 0;
    }


    html.layout_site-landingpage-news #magazine_place_landingpage-news, html.layout_site-landingpage-news-freetext #magazine_place_landingpage-news {
        padding: 0;
        width: 100%;
        float: left;
        padding: 20px;
    }

    html.layout_site_freetext #magazine_place_sidebar_freetext,
    html.layout_site-landingpage-news #magazine_place_landingpage-sidebar,
    html.layout_site-landingpage-news-freetext #magazine_place_landingpage-sidebar {
        width: 100%;
        margin: 0%;position: initial;float:left;}



    #magazine_place_navigation_ad {
        background-color: transparent;
        box-shadow: initial;
        margin: 20px 0px;
        padding: 0;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .visible .mod_html.freetext_ad {
        width: 200px;
        display: inline-block;
        float: initial;
        margin: 10px 10px;
        white-space: initial;
    }

    #magazine_place_sidebar_news_ad {
        position: initial;
        height: auto;
        width: 100%;
        z-index: 1;
        float: left;
        right: 0;
        top: 0;
    }

    .layout_news_freetext .fad_blog_article_author, .freetext .fad_blog_article_author {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .tile-design-freetext .fad_blog_article .text_container::before,
    .freetext .fad_blog_article .text_container::before{content: "";
        position: absolute;
        bottom: 0px;
        display: block;
        left: 0;
        width: 100%;
        background: linear-gradient(rgba(255, 255, 255, 0), rgba(245, 245, 245, 1));
        z-index: 10;
        height: 50px;}


    #fad_slider .fad_slider_wrapper{margin: 0;width:100%;}

    #magazine_place_footer, .footer_down #magazine_place_footer-down-social-media, .footer_down #magazine_place_footer-down {
        float: left;
        width: 100%;
        padding: 10px;
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;

        justify-content: center;
        -webkit-justify-content: center;



    }

    .layout_rezension .post_chapter, .layout_rezension .top_paragraph {
        float: left;
        width: 100%;
        padding: 0;
    }

    #magazine_place_sidebar_top,
    #magazine_place_book-of-week {
        float: left;
        padding: 0px;
        width: 100%;
    }

#magazine_place_navigation_main .mod_sitemap{
    display: none;
}

.newslist_link{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-content: center;
    align-items: center;
    margin-left: 20px;
}

    .newslist_link a{
        min-height: 100px;
    }

    .layout_rezension .magazine_head {
        width: 100%;
        position: initial;
        top: initial;
        float: left;
    }

    .layout_rezension .magazine_head .news_img{max-width:300px;}

    .sharing-container {
        max-width: 300px;
        display: flex!important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center!important;
        -webkit-justify-content: center;
    }

    a.basket_icon{
        position: fixed;
        bottom: 10px;
        z-index: 100;
        left: 10px;
        display: inline-flex!important;
        box-shadow: -5px 5px 21px rgba(0, 0, 0, 0.19);
        border: 1px solid white;
}

    .layout_rezension .magazine_news_text {
        background-color: white;
        margin-top: 10px;
    }

    h1.fad_news_caption {
        margin: 0px;
    }

    #magazine_place_current-news .mod_blog_newslist{box-shadow: initial!important;border-radius:initial!important;}

  .mod_blog_newslist.teaser-news  .fad_blog_article{padding:10px 0px!important;box-shadow: -1px -6px 8px rgba(0, 0, 0, 0.09);margin:0;}

    .layout_news_freetext h1.fad_news_caption {
        margin: 0;
    }

    .layout_news_freetext .text_wrapper p span  {
    font-size: 100%!important;
}

    #home_middle_layout {
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;

        flex-direction: column-reverse;
    }

    .chapter_teaser {
        font-size: 14px;

    }

    .layout_news_freetext .title {
        font-size: 1.5em;
    }

    .freetext .fad_blog_article_title {
        font-size: 18px!important;
        line-height: 1.5!important;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        float: left;
        max-width: 100%;
    }

    .bottom_text_container {
        padding: 0;
    }

    .layout_news_freetext .text_wrapper.chapter {
        padding: 0;
        margin: 0;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.79);
        border: 1px solid white;
        border-radius: 20px;
        float: left;
        width: 100%;
    }

    .layout_news_freetext .text_wrapper.chapter {
        margin: 0;
        width: 100%;
        padding: 0;
    }

    .navigation_news_container {
        position: initial;
        display: inline-block;
        width: auto;
        max-width: 300px;
    }

    #content #magazine_inner {
        padding: 0px 0.5em;
        display: block;
    }


.sticky_container{
    position: -webkit-sticky;
    position: initial;
    top: 250px;
    left: 0;
    margin: 0;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-justify-content: center;

}

    .image-meta-title {
        font-size: 12px;
    }

    .layout_rezension .magazine_news_text {
        float: left;
        width: 100%;
        margin: 20px 0px 0px 0px;}

    a.comment_icon{margin:10px 10px;}

    .mod_blog_newslist_box.teaser-news article .text_container {
        text-align: left;
        padding: 0px 10px;
    }

    .navigation_main {
        max-width: 100%;
        width: 100%;
    transform:initial}

    #magazine_place_bottom {
        padding: 0;
    }

    .magazine_news_text {
        padding: 0;
    }



    .visible .mod_html, .visible .mod_blog_tags {
        margin: 10px 0px;
    }


    .mod_blog_newslist.teaser-news .fad_blog_article{width: 100%;
        text-align: center;
        margin: 10px 0px;
        display: inline-block;
        box-shadow: -1px -6px 8px rgba(0, 0, 0, 0.04);
        vertical-align: top;}

    #fad_slider .landscape .fad_blog_article_title {
        font-size: 14px;}


    #magazine_place_current-news .mod_blog_newslist_box {
        background-color: white;
    }

    #magazine_place_current-news {
        padding:0px
    }
    .menu_right,
    .menu_left{display: none;}

    #magazine_place_oben .mod_blog_newslist_box.teaser-news,
    #magazine_place_oben .mod_blog_newslist_box {
        float: left;
        width: 100%;
        padding: 0;
    }

    #magazine_place_oben .mod_blog_newslist_box.teaser-news .fad_blog_article {
        width: 100%;}

    #magazine_place_oben .mod_html.freetext_ad {
        display: none;
    }

    #magazine_place_sidebar {
        width: 100%;
        float: left;
        position: initial;
        top: 120px;
    }

    #magazine_place_current-news {
        float: left;
        width: 100%;
    display:initial;}


    .visible #magazine_header .toggle ul li {
        opacity: 1;
    }

    #magazine_header .toggle li,
    #magazine_header .toggle:hover li{opacity: 1;transition-delay: 100ms;}

    #content #magazine_inner {
        padding: 0.5em;
        display: block;
    }

    #fad_slider .fad_slider_wrapper {
        padding: 0px;
    }



    #magazine_place_current-news.place .mod_blog_newslist .mod_blog_newslistcontainer {
        padding: 10px 10px;}

    #magazine_place_current-news .newslist_caption {
        position: relative;
        top: 0;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.09);}

    .second_container {
        width: 100%;
        margin: 0;}

    .fad_slider_buttons{visibility: hidden;opacity: 0;}

    #magazine_place_current-news .mod_blog_newslist .mod_blog_newslistcontainer {
        overflow-y: hidden;
        margin: auto;
        display: block;
        margin: 10px 10px;
        padding: 10px 10px;
        white-space: nowrap;
        overflow-x: auto;
        display: grid;
        grid-auto-flow: column;
        grid-gap: 0px;
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    }

    #magazine_place_current-news .mod_blog_newslist {
        height:100%;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
        border-radius: 20px;
        overflow: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
    }

    #magazine_place_navigation_assets .mod_search_form {
        z-index: 10;}


    #magazine_place_navigation_assets  #fad_search_form_submit{display: block;}

    fieldset input#fad_search_form_field:focus{width:0px;}


    .toggle #magazine_place_navigation_assets  #fad_search_form_submit{display: block;display: block;
        margin-left: 10px;
        border: 1px solid;}

    .i_content_wrapper {
        float: left;
        width: 100%;
    }

    #content #magazine_inner.site-newsreader #magazine_place_sidebar_site {
width: 100%;
        margin: 0;
        position: sticky;
        position: initial;}

    .head_p {
        padding: 0;}


    .layout_top-news .post-image.landscape,
    .layout_news .post-image.landscape {
        padding: 0;
    }

    .layout_top-news .magazine_news_text, .layout_news .magazine_news_text {
        padding: 0;
    }

    #magazine_place_sidebar_news_ad .sticky{display: block!important;}

    .sticky{position: initial;position: initial;
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: center;}

    .mod_comment_editor .info-main {
        font-size: 18px;
    }

    h3.rating_caption {
        font-size: 1.5em;
    }

    .mod_comment_editor #commentlist .comment {
        font-size: 18px;
    }

    .count_value {
        font-size: 16px;
    }

    .rating_aspect {
        width: 100%;
        font-size: 18px;
    }

    .magazine_header_wrapper.freetext {
        margin: 20px 0px 0px 0px;
    }

}


@media only screen and  (min-width:300px) and (max-width:350px) {

    .layout_two .fad_blog_article_figure {
        max-width: 100px;
        flex: 1;
    }

    .layout_one .mod_blog_newslistcontainer article:not(.position_1) a .fad_blog_article_figure {
        flex: 1;
        width: 100px;
        min-width: 100px;
        max-width: 100px;
    }

}