/* elements.css for >FIXME< */

.werbelink {
    /*! font-size: 87.5%; */
    line-height: 1;
    padding: 0.625rem 0.3125rem;
    text-decoration: none;
    margin-top: var(--size-1);
    display: flex;
    justify-content: end;
    margin-right: -.3125rem;
    font-weight: 400;
    text-decoration: none;
    opacity: .5;
}

.werbelink span {
    font-weight: 700;
}

/* cookieconsent */
.cc-link {
    padding: 0;
    display: inline;
}

/* lightbox - we have fontawesome? awesome! */
@media all {
    .ce-media-image a { position:relative; }

    .ce-media-image a::before {
        content: '\f0c1';

        font-family: "Font Awesome 5 Free";
        font-size: 1rem;
        -moz-osx-font-smoothing:grayscale;
        -webkit-font-smoothing:antialiased;
        display:block;

        font-style:normal;
        font-variant:normal;
        text-rendering:auto;
        line-height:1;
        font-weight: 700;

        width: 1rem;
        height: 1rem;
        position: absolute;
        z-index: 1;
        top: auto;
        bottom: 0.3125rem;
        right: 0.3125rem;

        color: rgb(255,255,255);
        border: 0 none transparent;
        background: none;
    }
    .ce-media-image a {
        text-decoration: none;
    }

    .ce-media-image a.lightbox::before {
        content: '\f055';
        /*! content: '\f00e'; */
    }
    .ce-media-image .ce-media-caption a::before {
        content: none;
    }
    
    .mfp-content .ce-element img {
        box-shadow: none !important;
    }

}

/* news */
@media all {

    .news-list-item + .news-list-item {
        /*! border-top: .25rem solid rgb(235, 235, 235); */
        padding-top: var(--size-1);
    }
    .news-list-item + .news-list-item.news-list-item-teaser {
        border: none;
        padding-top: 0;
        /*! margin: 0; */
    }

    .news-list .news-date {
        display: inline-block;
        margin-top: 0.3125rem;
    }
    .news-list-link .fa {
        padding-left: 0.5em;
    }

    .news-list-item-teaser {
        width: 100%;
    }
    .news-list-teaser .ce-textpic-inner {
        display: flex;
        flex-direction: column;
    }

    .news-list-teaser .news-teaser-text {
        flex-grow: 1;
    }

    .news-list-item .ce-textpic-inner > :last-child {
        margin-bottom: 0;
    }

    .news-list-masonry .has-pagination {
        margin-bottom: 5rem; /*FIXME */
    }

    .news-list-masonry .pagination {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
    }

}

/* pagination news & search */
@media all {

    .pagination {
        margin-bottom: 0.9375rem;
    }

    .pagination .pagination-count {
        margin-bottom: 0;
        clear: both;
    }

    .pagination ul {
        display: block;
        margin: 0 -0.3125rem;
        padding:0;
    }

    .pagination li {
        display: block;
        float:left;
        line-height: 1;
        padding: 0.3125rem;
        margin: 0;
    }

    .pagination span,
    .pagination a {
        display: inline-block;
        font-size: 75%;
        color: currentColor;
        text-decoration: none;
        text-align: center;
        line-height: 1;
        /*! width: 1.75rem; */
        padding: 0.8375rem 1rem;
        border-radius: .1875rem;
        color: rgb(51, 51, 51);
        background-color: rgb(242, 242, 242);
        border-radius: 100vw;
    }

    .pagination span i ,
    .pagination a i {
        color: inherit;
    }

    .pagination a:not(.fa)::before { content: none; }

    .pagination .fa {
        margin: 0;
        padding: 0;
    }

    .pagination .current {
        background: currentColor;
        background-clip: padding-box;
    }
    .pagination .current b {
        color: rgb(255,255,255);
    }

    .pagination .paginator-ellip {
        border: none;
        padding: 0;
        width: auto;
    }

    .offset-controller {
        position: absolute;
        z-index: -1;
        left: 0;
        bottom: 0;
        height: 2.75rem;
    }

    .news-single > .article > .ce-element:last-child ,    
    .news-single .news-related-wrap > .news-related:last-child {
        margin-bottom: 0;
    }

    .news-related > ul > li > span {
        display: inline-block;
    }

    .page-disturber {
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1000;
        position: fixed;
        right: var(--size-1);
        bottom: var(--size-1);
        /*! margin-right: 1.75rem; */
        height: 6.75rem;
        width: 7.125rem;
        padding: var(--size-1);
        background-image: url("../Images/disturber_bubble_background.svg");
        filter: drop-shadow(0 0 1rem rgba(0,0,0,.125));
        transform-origin: right bottom;
        transform: scale(.5);
        transition: var(--transition-default);
        overflow: visible;
    }

    .page-disturber:focus ,
    .page-disturber:hover {
        transform: translateY(-10%) scale(.6) rotate(-12deg);
    }

    .page-disturber::before ,
    .page-disturber::after {
        content: "";
        display: block;
        position: absolute;
        transition: var(--transition-default);
    }

    .page-disturber::before {
        background-image: url("../Images/disturber_bubble_heart.svg");
        height: 2.25rem;
        width: 2.5rem;
        top: -.875rem;
        left: .625rem;
    }

    .page-disturber:focus::before ,
    .page-disturber:hover::before {
        transform-origin: right center;
        transform: scale(1.75) rotate(24deg) translateX(25%);
    }

    .page-disturber::after {
        background-image: url("../Images/disturber_bubble_manikin.svg");
        height: 3.125rem;
        width: 3rem;
        bottom: .75rem;
        right: -1.75rem;
        filter: drop-shadow(0 0 .51rem rgba(0,0,0,.125));
    }

    .page-disturber:focus::after ,
    .page-disturber:hover::after {
        transform-origin: left center;
        transform: scale(1.5) rotate(-6deg) translateY(-25%);
    }

    .page-disturber .page-disturber-inner {
        font-size: 1.25rem;
        line-height: 1.125;
        font-weight: 700;
        color: var(--color-light);
        padding-right: var(--size-d-4);
    }

}

@media all and (min-width: 30em) {

    .offset-controller {
        height: 3.375rem;
    }

}

@media all and (min-width: 47.5em), print {

    .ce-div {
    }

    .ce-media-image a::before {
        right: 0.625rem;
        bottom: 0.625rem;
    }

    /* news teaser */
    .news-list-teaser {
        margin: 0 var(--size-d-2-n);
    }
    .news-list-item-teaser {
        width: calc(100% / 3);
        float: left;
        padding: 0 var(--size-d-2);
    }

    .offset-controller {
        height: 4rem;
    }

    .werbelink {
        margin-top: 0;
        float: right;
    }

}

/* desktop */
@media all and (min-width: 62.5em) {

    .news-list-item + .news-list-item {
        padding-top: var(--size-2);
    }

    /* news teaser */
    .news-list-teaser {
        margin: 0 -1.25rem;
    }
    .news-list-item-teaser {
        width: 33.3333%;
        float: left;
        padding: 0 1.25rem;
    }
    .news-list-teaser .news-list-item-teaser:nth-child(2n+1) {
        clear: none;
    }
    .news-list-teaser .news-list-item-teaser:nth-child(3n+1) {
        clear: left;
    }

    .offset-controller {
        height: 7.875rem;
    }

    .page-disturber {
        transform: scale(.75);
        margin-right: var(--size-1);
    }

    .page-disturber:focus ,
    .page-disturber:hover {
        transform: translateY(-10%) scale(.9) rotate(-12deg);
    }

}

/* desktop - xlarge */
@media (min-width:82.5em) {

    .news-list-item + .news-list-item {
        /*! padding-top: 2.5rem; */
    }

    .offset-controller {
        height: 7.875rem;
    }

    .page-disturber {
        transform: none;
    }

    .page-disturber:focus ,
    .page-disturber:hover {
        transform: translateY(-10%) scale(1.2) rotate(-12deg);
    }

}

/* desktop - xxlarge */
@media (min-width: 120em) {
    
    .page-disturber {
        right: 50%;
        transform: translate(60rem);
        margin-right: var(--size-2);
    }

    .page-disturber:focus ,
    .page-disturber:hover {
        transform: translate(60rem) translateY(-10%) scale(1.2) rotate(-12deg);
    }
    
}