[cref="300"] {
    min-height: 80vh;
}

[cref="300"]:before {
    content: '';
    width: 100%;
    height: 250px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0
}

[cref="300"] h2 {
    color: #fff;
    font-size: 500%
}

@media (max-width: 767px) {
    [cref="300"] h2 {
        color: #fff;
        font-size: var(--font-xxl)
    }
}

/*================================*/

[mn="106"] .secttl {
    font-family: var(--font-t1);
    font-size: var(--font-l);
    text-transform: uppercase;
    margin: 0 -15px 15px
}

[mn="106"] .itm {
    cursor: pointer
}

[mn="106"] .itm a {
    color: inherit
}

[mn="106"] .itm .ttl {
    margin: 12px 0 15px;
    line-height: 1.1
}

[mn="106"] .itm .bimg-w {
    border-radius: 9px
}

[mn="106"] .itm .bimg {
    padding-top: 155%
}

[mn="106"] .gepackt {
    margin: 0 auto 0;
    width: calc(100% - 60px)
}

[mn="106"] .gepackt~.gepackt {
    margin: 60px auto 0
}

[mn="106"] .itm a:hover img.icon {
    opacity: 1;

}

[mn="106"] img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

[mn="106"] [owl] svg {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    fill: #fff;
    transition: all ease .4s;
}

[mn="106"] [owl] button.owl-prev {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="106"] [owl] button.owl-next {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="106"] [owl] button.owl-next,
[mn="106"] [owl] button.owl-prev {
    width: 35px;
    height: 35px;
    padding: 9px !important;
    display: flex;
    align-items: center;
    margin: 0 !important;
}

[mn="106"] [owl] button.owl-next:hover,
[mn="106"] [owl] button.owl-prev:hover {
    background-color: var(--clr01);
}

[mn="106"] [owl] button.owl-next:hover svg,
[mn="106"] [owl] button.owl-prev:hover svg {
    fill: #fff;
}

[mn="106"] [owl] button {
    /*        opacity: 0*/
}

[mn="106"] [owl]:hover button {
    /*        opacity: 1;*/
}

@media (min-width: 1400px) {
    [mn="106"] .gepackt>.container {
        max-width: 100%
    }
}

[mn="106"] .itm.premium .bimg:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .75);
    opacity: 0;
    transition: .4s all ease;
    height: 100%;
    width: 100%
}

[mn="106"] .itm.premium a:hover .bimg:after {
    opacity: 1;
}

[mn="106"] .itm.premium a:hover div.icon,
[mn="106"] .itm.premium a:hover img.icon {
    opacity: 1;
}

[mn="106"] .itm.premium div.icon,
[mn="106"] .itm.premium img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
    width: 100%;
    text-align: center;
    line-height: 1.1
}

[mn="106"] .itm.premium img.icon {
    width: auto
}

@media (max-width: 575px) {

   [mn="106"] .itm.premium .bimg:after,
    [mn="106"] .itm.premium div.icon,
    [mn="106"] .itm.premium img.icon {
        opacity: 1;
    }
}

.zoompop106 {
    /*        width: 290px;*/
    position: absolute;
    /*        left: 50%;*/
    /*        top: 50%;*/
    z-index: 30;


    display: none
}

.zoompop106 .zoom-w {
    background-color: #333;
    overflow: hidden;
    border-radius: 9px;
    transition: .4s all ease;
}

.zoompop106.large .zoom-w {
    transform: scale(1.2);
}

.zoompop106 .video .bimg {
    padding-top: 155%;
    cursor: pointer;
}

.zoompop106 .video .bimg iframe,
.zoompop106 .video .bimg video {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    object-fit: cover
}

.zoompop106 .info {

    padding: 15px;
}

.zoompop106 .scon {
    margin: 6px 12px 6px 0;
    max-width: 45px;
    width: 45px;
    cursor: pointer;
    border: 2px solid #fff;
}

.zoompop106 .scon .bimg {
    background-color: #fff
}

.zoompop106 .scon:hover,
.zoompop106 .scon.active {
    background-color: var(--clr01);
    border: 2px solid var(--clr01);
}

.zoompop106 .scon.active .bimg {
    background-color: #fff;
}

.licht106 section {
    padding: 0;
    overflow: hidden;
}

.licht106 video,
.licht106 iframe {
    object-fit: contain;
    width: 100vw;
    height: 100vh;
    z-index: 2
}

.licht106 .lyrschluss {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 150px;
    background: rgb(0, 0, 0, .7);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.licht106 .lyrschluss .close-pop-w {
    transform: translate(0, 0);
    right: 15px;
    top: 15px
}

/*================================*/

[mn="105"] .secttl {
    font-family: var(--font-t1);
    font-size: var(--font-l);
    text-transform: uppercase;
    margin: 0 -15px 15px
}

[mn="105"] .itm {
    cursor: pointer
}

[mn="105"] .itm a {
    color: inherit
}

[mn="105"] .itm .ttl {
    margin: 12px 0 15px;
    line-height: 1.1
}

[mn="105"] .itm .bimg-w {
    border-radius: 9px
}

[mn="105"] .itm .bimg {
    padding-top: 63%
}

[mn="105"] .gepackt {
    margin: 0 auto 0;
    width: calc(100% - 60px)
}

[mn="105"] .gepackt~.gepackt {
    margin: 60px auto 0
}

[mn="105"] .itm a:hover img.icon {
    opacity: 1;

}

[mn="105"] img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

[mn="105"] [owl] svg {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    fill: #fff;
    transition: all ease .4s;
}

[mn="105"] [owl] button.owl-prev {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="105"] [owl] button.owl-next {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="105"] [owl] button.owl-next,
[mn="105"] [owl] button.owl-prev {
    width: 35px;
    height: 35px;
    padding: 9px !important;
    display: flex;
    align-items: center;
    margin: 0 !important;
}

[mn="105"] [owl] button.owl-next:hover,
[mn="105"] [owl] button.owl-prev:hover {
    background-color: var(--clr01);
}

[mn="105"] [owl] button.owl-next:hover svg,
[mn="105"] [owl] button.owl-prev:hover svg {
    fill: #fff;
}

[mn="105"] [owl] button {
    /*        opacity: 0*/
}

[mn="105"] [owl]:hover button {
    /*        opacity: 1;*/
}

@media (min-width: 1400px) {
    [mn="105"] .gepackt>.container {
        max-width: 100%
    }
}

[mn="105"] .itm.premium .bimg:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .75);
    opacity: 0;
    transition: .4s all ease;
    height: 100%;
    width: 100%
}

[mn="105"] .itm.premium a:hover .bimg:after {
    opacity: 1;
}

[mn="105"] .itm.premium a:hover div.icon,
[mn="105"] .itm.premium a:hover img.icon {
    opacity: 1;
}

[mn="105"] .itm.premium div.icon,
[mn="105"] .itm.premium img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
    width: 100%;
    text-align: center;
    line-height: 1.1
}

[mn="105"] .itm.premium img.icon {
    width: auto
}

@media (max-width: 575px) {

   [mn="105"] .itm.premium .bimg:after,
    [mn="105"] .itm.premium div.icon,
    [mn="105"] .itm.premium img.icon {
        opacity: 1;
    }
}

.zoompop105 {
    /*        width: 290px;*/
    position: absolute;
    /*        left: 50%;*/
    /*        top: 50%;*/
    z-index: 30;


    display: none
}

.zoompop105 .zoom-w {
    background-color: #333;
    overflow: hidden;
    border-radius: 9px;
    transition: .4s all ease;
}

.zoompop105.large .zoom-w {
    transform: scale(1.2);
}

.zoompop105 .video .bimg {
    padding-top: 63%;
    cursor: pointer;
}

.zoompop105 .video .bimg iframe,
.zoompop105 .video .bimg video {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    object-fit: cover
}

.zoompop105 .info {

    padding: 15px;
}

.zoompop105 .scon {
    margin: 6px 12px 6px 0;
    max-width: 45px;
    width: 45px;
    cursor: pointer;
    border: 2px solid #fff;
}

.zoompop105 .scon .bimg {
    background-color: #fff
}

.zoompop105 .scon:hover,
.zoompop105 .scon.active {
    background-color: var(--clr01);
    border: 2px solid var(--clr01);
}

.zoompop105 .scon.active .bimg {
    background-color: #fff;
}

.licht105 section {
    padding: 0;
    overflow: hidden;
}

.licht105 video,
.licht105 iframe {
    object-fit: contain;
    width: 100vw;
    height: 100vh;
    z-index: 2
}

.licht105 .lyrschluss {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 150px;
    background: rgb(0, 0, 0, .7);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.licht105 .lyrschluss .close-pop-w {
    transform: translate(0, 0);
    right: 15px;
    top: 15px
}

/*================================*/
.countdown {
    text-align: center
}

.countdown .zeit {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;

}

.countdown .zeititm {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 6px;
}

.countdown .zeititm>div {
    background: rgb(51, 51, 51);
    background: linear-gradient(180deg, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
    padding: 15px;
    border-radius: 9px
}

.countdown .zeitval {
    font-size: var(--font-l);
    font-family: var(--font-b2);
    line-height: 1
}

.countdown .zeitval span {
    font-size: var(--font-l);
}

.countdown .countdown {
    margin: 9px 0
}

@media only screen and (max-width: 575px) {
    .countdown .zeitval {
        font-size: 10px
    }
}

/*================================*/

[mn="801"] iframe {
    width: 100%;
}

/*================================*/

[mn="802"] {
    padding: 0;
}

[mn="802"] iframe {
    width: 100%;
    height: 100vh;
    margin: 0 0 -6px
}

/*================================*/

[mn="703"] .ttl {
    font-family: var(--font-t1);
    font-size: var(--font-l);
    margin: 0 0 15px;
    text-transform: uppercase
}

[mn="703"] .l {
    flex: 0 0 60px;
    max-width: 60px;
    padding: 0 15px 0 0
}

[mn="703"] .r {
    flex: 1 0 0
}

[mn="703"] .conment ul,
[mn="703"] .conment li {
    width: initial !important;
    list-style-type: none;
}

[mn="703"] .conment ul {
    padding: 0 !important;
    margin: 0 !important;
}

[mn="703"] .conment>ul>li~li {
    border-top: 1px solid #ccc;
    margin: 15px 0 0;
    padding: 15px 0 0;
}

[mn="703"] .conment ul li~li {
    margin: 15px 0 0;
}

[mn="703"] .conment ul ul {
    padding-left: 20px !important;
    margin-top: 15px !important;
}

[mn="703"] .profile-img .bimg-w {
    border-radius: 50%;
}

[mn="703"] .profile-info .name {
    font-family: var(--font-t1);
}

[mn="703"] .profile-info>div {
    padding-right: 15px
}

[mn="703"] img.replycon {
    margin: 0 6px
}

/*================================*/

[mn="704"] .secttl {
    font-family: var(--font-t1);
    font-size: var(--font-l);
    text-transform: uppercase;
    margin: 0 0 15px
}

[mn="704"] .itm {
    cursor: pointer
}

[mn="704"] .itm a {
    color: inherit
}

[mn="704"] .itm .ttl {
    margin: 12px 0 15px;
    line-height: 1.1
}

[mn="704"] .itm .bimg-w {
    border-radius: 9px
}

[mn="704"] .itm .bimg {
    padding-top: 63%
}

[mn="704"] .gepackt {
    margin: 0 auto 0;
    width: calc(100% - 60px);
}

[mn="704"] .gepackt~.gepackt {
    margin: 30px auto 0
}

[mn="704"] .itm a:hover img.icon {
    opacity: 1;

}

[mn="704"] img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}

[mn="704"] [owl] svg {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    fill: #fff;
    transition: all ease .4s;
}

[mn="704"] [owl] button.owl-prev {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="704"] [owl] button.owl-next {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="704"] [owl] button.owl-next,
[mn="704"] [owl] button.owl-prev {
    width: 35px;
    height: 35px;
    padding: 9px !important;
    display: flex;
    align-items: center;
    margin: 0 !important;
}

[mn="704"] [owl] button.owl-next:hover,
[mn="704"] [owl] button.owl-prev:hover {
    background-color: var(--clr01);
}

[mn="704"] [owl] button.owl-next:hover svg,
[mn="704"] [owl] button.owl-prev:hover svg {
    fill: #fff;
}

[mn="704"] [owl] button {
    /*        opacity: 0*/
}

[mn="704"] [owl]:hover button {
    /*        opacity: 1;*/
}

.zoompop704 {
    /*        width: 290px;*/
    position: absolute;
    /*        left: 50%;*/
    /*        top: 50%;*/
    z-index: 30;


    display: none
}

.zoompop704 .zoom-w {
    background-color: #333;
    overflow: hidden;
    border-radius: 9px;
    transition: .4s all ease;
}

.zoompop704.large .zoom-w {
    transform: scale(1.2);
}

.zoompop704 .video .bimg {
    padding-top: 63%;
    cursor: pointer;
}

.zoompop704 .video .bimg video {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    object-fit: cover
}

.zoompop704 .info {

    padding: 15px;
}

.zoompop704 .scon {
    margin: 6px 12px 6px 0;
    max-width: 45px;
    width: 45px;
    cursor: pointer;
    border: 2px solid #fff;
}

.zoompop704 .scon .bimg {
    background-color: #fff
}

.zoompop704 .scon:hover,
.zoompop704 .scon.active {
    background-color: var(--clr01);
    border: 2px solid var(--clr01);
}

.zoompop704 .scon.active .bimg {
    background-color: #fff;
}

.licht704 section {
    padding: 0;
    overflow: hidden;
}

.licht704 iframe,
.licht704 video {
    object-fit: contain;
    width: 100vw;
    height: 100vh
}

.licht704 .lyrschluss {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 150px;
    background: rgb(0, 0, 0, .7);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.licht704 .lyrschluss .close-pop-w {
    transform: translate(0, 0);
    right: 15px;
    top: 15px
}

/*================================*/
[mn="702"] .ttl {
    font-family: var(--font-t1);
    font-size: var(--font-l);
    margin: 0 0 15px;
    text-transform: uppercase
}

/*================================*/

[mn="701"] .main {
    counter-reset: section;
}

[mn="701"] .mainttl {
    font-family: var(--font-t1);
    font-size: var(--font-l);
    margin: 0 0 30px;
    text-transform: uppercase
}

[mn="701"] .ttl {
    font-family: var(--font-t1);
    line-height: 1.1;
    margin: 0 0 12px
}

[mn="701"] .main .bil:after {
    counter-increment: section;
    content: counter(section);
}

[mn="701"] .set {
    padding: 15px 0
}

[mn="701"] .set~.set {
    border-top: 1px solid #ccc
}

[mn="701"] .set .bil {
    flex: 0 0 50px;
    max-width: 50px;

    font-family: var(--font-t1);
    font-size: var(--font-xl)
}

[mn="701"] .set .video {
    flex: 0 0 200px;
    max-width: 200px
}
[mn="701"] .set .video > .bimg-w {
    flex: 0 0 200px;
    max-width: 200px
}
[mn="701"] .set .likebx {
    flex: 0 0 150px;
    max-width: 150px
}
[mn="701"] .set .likestat {
    margin: 0 auto
} 

[mn="701"] .set .txtbx {
    flex: 1 0 0;
    padding: 0 15px
}

[mn="701"] .set .dauer {
    flex: 0 0 100px;
    max-width: 100px;

    font-family: var(--font-t1);
    font-size: var(--font-l)
}

[mn="701"] .set .videoinfo,
[mn="701"] .set .info {
    flex: 1 0 0
}

[mn="701"] .set .desc {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 15px;
    font-size: 80%
}

[mn="701"] .set .video .bimg {
    padding-top: 53%
}
[mn="701"] .set a>div.wrap,
[mn="701"] .set>div.wrap {
    padding: 15px;
    transition: .4s all ease;
    cursor: pointer;
    border-radius: 9px
}
[mn="701"] .set a>div.wrap:hover,
[mn="701"] .set>div.wrap:hover {
    background-color: #333
}
[mn="701"] a {
    color: inherit
}
[mn="701"] .premium .bimg:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .75);
    opacity: 0;
    transition: .4s all ease;
    height: 100%;
    width: 100%
}

[mn="701"] .premium a:hover .bimg:after {
    opacity: 1;
}

[mn="701"] .premium a:hover div.icon,
[mn="701"] .premium a:hover img.icon {
    opacity: 1;
}

[mn="701"] .premium div.icon,
[mn="701"] .premium img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
    width: 100%;
    text-align: center;
    line-height: 1.1
}

[mn="701"] .premium img.icon {
    width: auto
}
[mn="701"] .scon {
    margin: 0;
    max-width: 45px;
    width: 45px;
    cursor: pointer;
    border: 2px solid #fff;
}

[mn="701"] .scon .bimg {
    background-color: #fff
}

[mn="701"] .scon:hover,
[mn="701"] .scon.active {
    background-color: var(--clr01);
    border: 2px solid var(--clr01);
}

[mn="701"] .scon.active .bimg {
    background-color: #fff;
} 
@media (max-width: 767px) {
    [mn="701"] .set .likebx,
    [mn="701"] .set .likebx > div {
        flex: 0 0 100%;
        max-width: 100%;
    } 
    [mn="701"] .set .likestat {
        margin: 0 9px 0 0;
    }
    [mn="701"] .set .likebx > div {
        flex-wrap: wrap;
        display: flex;
        justify-content: flex-start;
        text-align: left
    }
    [mn="701"] .set .likebx {
        margin: 9px 0
    }
    [mn="701"] .set .likebx,
    [mn="701"] .set .txtbx,
    [mn="701"] .set .video {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px
    }

    [mn="701"] .set .dauer,
    [mn="701"] .set .bil {
        align-items: flex-start
    }
}

@media (max-width: 575px) {
    [mn="701"] .mainttl {
        margin: 0 0 15px
    }
    [mn="701"] .premium div.icon,
    [mn="701"] .premium img.icon,
    [mn="701"]   .premium .bimg:after {
        opacity: 1;
    }
    [mn="701"] .set .videoinfo,
    [mn="701"] .set .dauer {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px
    }

    [mn="701"] .set .videoinfo {
        padding: 0
    }

    [mn="701"] .set .dauer {
        justify-content: flex-start
    }

    [mn="701"] .desc {
        display: none !important;
    }

    [mn="701"] .ttl {
        margin: 9px 0 0
    }
}

.licht701 section {
    padding: 0;
    overflow: hidden;
}

.licht701 iframe,
.licht701 video {
    object-fit: contain;
    width: 100vw;
    height: 100vh
}

.licht701 .lyrschluss {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 150px;
    background: rgb(0, 0, 0, .7);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.licht701 .lyrschluss .close-pop-w {
    transform: translate(0, 0);
    right: 15px;
    top: 15px
}

/*================================*/

[mn="700"] {
    padding-top: 75vh;
}

[mn="700"] .layer {
    height: 80vh;
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0
}

[mn="700"] .lyrplay,
[mn="700"] .layer video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    cursor: pointer
}

[mn="700"] .lyrplay {
    z-index: 3;
}

[mn="700"] .blackfade {
    background: rgb(0, 0, 0, .7);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: 0;
    right: 0;
    height: 150px;
    z-index: 2;
    width: 100%;
}

[mn="700"] h2 {
    color: inherit;
    text-align: inherit;
    width: initial;
    margin: 0 12px 0 0;
}

[mn="700"] .ttl-w {
    margin: 15px 0
}

[mn="700"] .ttl-w .scon {
    margin: 6px 12px 6px 0;
    max-width: 45px;
    width: 45px;
    cursor: pointer;
    border: 2px solid #fff;
}

[mn="700"] .ttl-w .scon .bimg {
    background-color: #fff
}

[mn="700"] .ttl-w .scon:hover,
[mn="700"] .ttl-w .scon.active {
    background-color: var(--clr01);
    border: 2px solid var(--clr01);
}

[mn="700"] .ttl-w .scon.active .bimg {
    background-color: #fff;
}

[mn="700"] .main {
    z-index: 10
}

/*================================*/

[mn="500"] .itm {
    flex: 0 0 25%;
    max-width: 25%;
    line-height: 1;
    margin: 0 0 15px
}

[mn="500"] .itm-l {
    flex: 0 0 45px;
    max-width: 45px
}

[mn="500"] .itm-r {
    flex: 0 0 calc(100% - 45px);
    max-width: calc(100% - 45px)
}

[mn="500"] .ttl {
    font-family: var(--font-t1);
    margin: 30px 0;
    font-size: var(--font-l)
}

[mn="500"] .form-w {
    background-color: #fff;
    padding: 30px;
    border-radius: 6px;
    color: #333
}

[mn="500"] [type="checkbox"] {
    flex: 0 0 21px;
    max-width: 21px;
}

[mn="500"] [type="checkbox"]+label {
    flex: 0 0 calc(100% - 21px);
    max-width: calc(100% - 21px);
}

[mn="500"] [type="checkbox"],
[mn="500"] [type="checkbox"]+label {
    cursor: pointer;
}

[mn="500"] .txtbx,
[mn="500"] .taste {
    margin: 60px 0 15px;
    text-align: justify
}

@media (max-width: 767px) {
    [mn="500"] .itm {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 575px) {
    [mn="500"] .itm {
        flex: 0 0 100%;
        max-width: 100%
    }
}

/*================================*/


[mn="400"] .itm {
    flex: 0 0 25%;
    max-width: 25%;
    line-height: 1;
    margin: 0 0 15px
}

[mn="400"] .itm-l {
    flex: 0 0 45px;
    max-width: 45px
}

[mn="400"] .itm-r {
    flex: 0 0 calc(100% - 45px);
    max-width: calc(100% - 45px)
}

[mn="400"] .ttl {
    font-family: var(--font-t1);
    margin: 30px 0;
    font-size: var(--font-l)
}

[mn="400"] .form-w {
    background-color: #fff;
    padding: 30px;
    border-radius: 6px;
    color: #333
}

[mn="400"] [type="checkbox"] {
    flex: 0 0 21px;
    max-width: 21px;
}

[mn="400"] [type="checkbox"]+label {
    flex: 0 0 calc(100% - 21px);
    max-width: calc(100% - 21px);
}

[mn="400"] [type="checkbox"],
[mn="400"] [type="checkbox"]+label {
    cursor: pointer;
}

@media (max-width: 767px) {
    [mn="400"] .itm {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 575px) {
    [mn="400"] .itm {
        flex: 0 0 100%;
        max-width: 100%
    }
}

/*================================*/
[mn="301"] {
    min-height: 50vh;
}

[mn="301"] .cats {
    padding: 0 0 30px;
}

[mn="301"] .cat {
    padding: 3px;
    font-size: var(--font-l);
    color: #666;
    font-family: var(--font-b3);
}

[mn="301"] .cat>div {
    background-color: #eee;
    padding: 12px 25px;
    line-height: 1;
    cursor: pointer;

}

[mn="301"] .cat:hover>div,
[mn="301"] .cat.active>div {
    background-color: var(--clr02);
    color: #fff
}

[mn="301"] .taste>span {
    text-decoration: underline;
    font-family: var(--font-b2);
    cursor: pointer;
}

[mn="301"] .itm {
    margin: 0 0 45px;
    padding: 0 0 45px;
    border-bottom: 1px solid #ccc;
}

[mn="301"] .itms .itm:last-child {
    border-bottom: 0;
}

[mn="301"] .ttl {
    font-size: var(--font-l);
    font-family: var(--font-t1);
    line-height: 1
}

[mn="301"] .date sup {
    text-transform: lowercase;
}

[mn="301"] .date {
    text-transform: uppercase;
    margin: 3px 0
}

[mn="301"] .txtbx .l {
    flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px)
}

[mn="301"] .txtbx .r {
    flex: 0 0 250px;
    max-width: 250px
}

[mn="301"] .ln {
    flex: 0 0 35%;
    max-width: 35%;
}

[mn="301"] .rn {
    flex: 0 0 calc(100% - 35%);
    max-width: calc(100% - 35%);
    padding: 0 15px 0 30px;
}

[mn="301"] .rn>div {
    height: 100%;
    flex-direction: column
}

[mn="301"] .rn .desc-w {
    flex: 1 0 0
}

[mn="301"] .ln .bimg {
    padding-top: 60%;
    border-radius: 12px
}

[mn="301"] .desc {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 15px;
    font-size: 90%;
    text-align: justify
}

.licht4000 .med,
[mn="301"] .med {
    width: 100%;
    text-align: left
}

.licht4000 .med .bimg-w,
[mn="301"] .med .bimg-w {
    padding: 0;
}

.licht4000 .med .medttl,
[mn="301"] .med .medttl {
    padding: 0
}

.licht4000 .med .scon,
[mn="301"] .med .scon {
    margin: 3px;
    border: 0 solid var(--clr01);
    background-color: transparent;
    max-width: 35px;
    width: 35px;
}

.licht4000 .med .scon:hover,
[mn="301"] .med .scon:hover {}

.licht4000 .med .scon .bimg,
[mn="301"] .med .scon .bimg {
    background-color: transparent;
    border: 50%;
}

.licht4000 .med .scon:hover .bimg,
[mn="301"] .med .scon:hover .bimg {
    background-color: transparent;
}

.licht4000 .l .bimg {
    padding-top: 60%;
}

.licht4000 .l .bimg {
    margin: 0 0 15px;
}

.licht4000 .date {
    padding: 0 0 15px;
}

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

    [mn="301"] .txtbx .l,
    [mn="301"] .txtbx .r {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (max-width: 575px) {
    [mn="301"] .itm {
        margin: 0 0 15px;
        padding: 0 0 15px;
    }

    [mn="301"] .ln,
    [mn="301"] .rn {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 6px 0;
    }
}

[mn="301"] .suchen {
    width: 450px;
    max-width: 100%;
    margin: 0 0 60px
}

[mn="301"] .suchen-w {
    margin: 0 -3px
}

[mn="301"] .suchen .such-l,
[mn="301"] .suchen .such-r {
    padding: 3px
}

[mn="301"] .suchen .such-l {
    flex: 1 0 0;

}

[mn="301"] .suchen .such-r {
    flex: 0 0 45px;
    max-width: 45px;
}

[mn="301"] .suchen input,
[mn="301"] .suchen .btn-gen {
    margin: 0
}

[mn="301"] .suchen button {
    padding: 9px
}

/*================================*/

[mn="200"] {
    min-height: 80vh;
}

[mn="200"] h2 {
    font-family: var(--font-t2);
    font-size: 400%;
    text-transform: initial
}

[mn="200"] .form-w {
    background-color: #fff;
    color: #333;
    padding: 30px;
    border-radius: 6px
}

[mn="200"] .main {
    max-width: 800px;
    text-align: center
}

[mn="200"]:before {
    content: '';
    width: 100%;
    height: 250px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0
}

/*================================*/
[mn="102"] .secttl {
    font-family: var(--font-t1);
    font-size: var(--font-l);
    text-transform: uppercase;
    margin: 0 -15px 15px
}

[mn="102"] .itm {
    cursor: pointer
}

[mn="102"] .itm a {
    color: inherit
}

[mn="102"] .itm .ttl {
    margin: 12px 0 15px;
    line-height: 1.1
}

[mn="102"] .itm .bimg-w {
    border-radius: 9px
}

[mn="102"] .itm .bimg {
    padding-top: 155%
}

[mn="102"] .gepackt {
    margin: 0 auto 0;
    width: calc(100% - 60px);
}

[mn="102"] .gepackt~.gepackt {
    margin: 30px auto 0
}

[mn="102"] .itm a:hover img.icon {
    opacity: 1;

}

[mn="102"] img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}

[mn="102"] [owl] svg {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    fill: #fff;
    transition: all ease .4s;
}

[mn="102"] [owl] button.owl-prev {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="102"] [owl] button.owl-next {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="102"] [owl] button.owl-next,
[mn="102"] [owl] button.owl-prev {
    width: 35px;
    height: 35px;
    padding: 9px !important;
    display: flex;
    align-items: center;
    margin: 0 !important;
}

[mn="102"] [owl] button.owl-next:hover,
[mn="102"] [owl] button.owl-prev:hover {
    background-color: var(--clr01);
}

[mn="102"] [owl] button.owl-next:hover svg,
[mn="102"] [owl] button.owl-prev:hover svg {
    fill: #fff;
}

[mn="102"] [owl] button {
    /*        opacity: 0*/
}

[mn="102"] [owl]:hover button {
    /*        opacity: 1;*/
}

@media (min-width: 1400px) {
    [mn="102"] .gepackt>.container {
        max-width: 100%
    }
}

.zoompop102 {
    /*        width: 290px;*/
    position: absolute;
    /*        left: 50%;*/
    /*        top: 50%;*/
    z-index: 30;


    display: none
}

.zoompop102 .zoom-w {
    background-color: #333;
    overflow: hidden;
    border-radius: 9px;
    transition: .4s all ease;
}

.zoompop102.large .zoom-w {
    transform: scale(1.2);
}

.zoompop102 .video .bimg.bimg102 {
    padding-top: 155%;
    cursor: pointer;
}

.zoompop102 .video .bimg video {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    object-fit: cover
}

.zoompop102 .info {

    padding: 15px;
}

.zoompop102 .scon {
    margin: 6px 12px 6px 0;
    max-width: 45px;
    width: 45px;
    cursor: pointer;
    border: 2px solid #fff;
}

.zoompop102 .scon .bimg {
    background-color: #fff
}

.zoompop102 .scon:hover,
.zoompop102 .scon.active {
    background-color: var(--clr01);
    border: 2px solid var(--clr01);
}

.zoompop102 .scon.active .bimg {
    background-color: #fff;
}

.licht102 section {
    padding: 0;
    overflow: hidden;
}

.licht102 video,
.licht102 iframe {
    object-fit: contain;
    width: 100vw;
    height: 100vh
}

.licht102 .lyrschluss {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 150px;
    background: rgb(0, 0, 0, .7);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.licht102 .lyrschluss .close-pop-w {
    transform: translate(0, 0);
    right: 15px;
    top: 15px
}

/*================================*/

[cref="601"] .secttl {
    font-family: var(--font-t1);
    font-size: var(--font-l);
    text-transform: uppercase
}

[cref="601"] .itms {
    margin: 0 -9px
}

[cref="601"] .itm {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 9px
}

[cref="601"] .itm a {
    color: inherit
}

[cref="601"] .itm .ttl {
    margin: 12px 0 15px;
    line-height: 1.1;
    transition: .4s all ease
}

[cref="601"] .itm a:hover .ttl {
    color: var(--clr01);
}

[cref="601"] .itm .bimg-w {
    border-radius: 9px
}

[cref="601"] .itm .bimg {
    padding-top: 63%
}

[cref="601"] .gepackt~.gepackt {
    margin: 30px 0 0
}

[cref="601"] .itm .bimg:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .75);
    opacity: 0;
    transition: .4s all ease;
    height: 100%;
    width: 100%
}

[cref="601"] .itm a:hover .bimg:after {
    opacity: 1;
}

[cref="601"] .itm a:hover div.icon,
[cref="601"] .itm a:hover img.icon {
    opacity: 1;
}

[cref="601"] div.icon,
[cref="601"] img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
    width: 100%;
    text-align: center;
    line-height: 1.1
}

[cref="601"] img.icon {
    width: auto
}

@media (max-width: 991px) {

    [cref="601"][mn="901"] div.icon,
    [cref="601"][mn="901"] img.icon,
    [cref="601"][mn="901"] .itm .bimg:after {
        opacity: 1;
    }

    [cref="601"] .itm {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

@media (max-width: 767px) {
    [cref="601"] .itm {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 575px) {
    [cref="601"] .itm {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/*================================*/ 
[mn="2005"] .itm {
    padding: 0;
    flex: 0 0 80%;
    max-width: 80%;
}
.licht2005 .taste, 
.licht2005 .imgw {
    text-align: center
}
.licht2005 {
    color: var(--clr-bd);
}
/*================================*/
[mn="101"] .secttl {
    font-family: var(--font-t1);
    font-size: var(--font-l);
    text-transform: uppercase;
    margin: 0 -15px 15px
}

[mn="101"] .itm {
    cursor: pointer
}

[mn="101"] .itm a {
    color: inherit
}

[mn="101"] .itm .ttl {
    margin: 12px 0 15px;
    line-height: 1.1
}

[mn="101"] .itm .bimg-w {
    border-radius: 9px
}

[mn="101"] .itm .bimg {
    padding-top: 63%
}

[mn="101"] .gepackt {
    margin: 0 auto 0;
    width: calc(100% - 60px)
}

[mn="101"] .gepackt~.gepackt {
    margin: 60px auto 0
}

[mn="101"] .itm a:hover img.icon {
    opacity: 1;

}

[mn="101"] img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

[mn="101"] [owl] svg {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    fill: #fff;
    transition: all ease .4s;
}

[mn="101"] [owl] button.owl-prev {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="101"] [owl] button.owl-next {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="101"] [owl] button.owl-next,
[mn="101"] [owl] button.owl-prev {
    width: 35px;
    height: 35px;
    padding: 9px !important;
    display: flex;
    align-items: center;
    margin: 0 !important;
}

[mn="101"] [owl] button.owl-next:hover,
[mn="101"] [owl] button.owl-prev:hover {
    background-color: var(--clr01);
}

[mn="101"] [owl] button.owl-next:hover svg,
[mn="101"] [owl] button.owl-prev:hover svg {
    fill: #fff;
}

[mn="101"] [owl] button {
    /*        opacity: 0*/
}

[mn="101"] [owl]:hover button {
    /*        opacity: 1;*/
}

@media (min-width: 1400px) {
    [mn="101"] .gepackt>.container {
        max-width: 100%
    }
}

.zoompop101 {
    /*        width: 290px;*/
    position: absolute;
    /*        left: 50%;*/
    /*        top: 50%;*/
    z-index: 30;


    display: none
}

.zoompop101 .zoom-w {
    background-color: #333;
    overflow: hidden;
    border-radius: 9px;
    transition: .4s all ease;
}

.zoompop101.large .zoom-w {
    transform: scale(1.2);
}

.zoompop101 .video .bimg {
    padding-top: 63%;
    cursor: pointer;
}

.zoompop101 .video .bimg iframe,
.zoompop101 .video .bimg video {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    object-fit: cover
}

.zoompop101 .info {

    padding: 15px;
}

.zoompop101 .scon {
    margin: 6px 12px 6px 0;
    max-width: 45px;
    width: 45px;
    cursor: pointer;
    border: 2px solid #fff;
}

.zoompop101 .scon .bimg {
    background-color: #fff
}

.zoompop101 .scon:hover,
.zoompop101 .scon.active {
    background-color: var(--clr01);
    border: 2px solid var(--clr01);
}

.zoompop101 .scon.active .bimg {
    background-color: #fff;
}

.licht101 section {
    padding: 0;
    overflow: hidden;
}

.licht101 video,
.licht101 iframe {
    object-fit: contain;
    width: 100vw;
    height: 100vh;
    z-index: 2
}

.licht101 .lyrschluss {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 150px;
    background: rgb(0, 0, 0, .7);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.licht101 .lyrschluss .close-pop-w {
    transform: translate(0, 0);
    right: 15px;
    top: 15px
}

/*================================*/


[mn="103"] .secttl {
    font-family: var(--font-t1);
    font-size: var(--font-l);
    text-transform: uppercase;
    margin: 0 -15px 15px
}

[mn="103"] .itm {
    cursor: pointer
}

[mn="103"] .itm a {
    color: inherit
}

[mn="103"] .itm .ttl {
    margin: 12px 0 15px;
    line-height: 1.1
}

[mn="103"] .itm .bimg-w {
    border-radius: 9px
}

[mn="103"] .itm .bimg {
    padding-top: 63%
}

[mn="103"] .gepackt {
    margin: 0 auto 0;
    width: calc(100% - 60px)
}

[mn="103"] .gepackt~.gepackt {
    margin: 60px auto 0
}

[mn="103"] .itm a:hover img.icon {
    opacity: 1;

}

[mn="103"] img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

[mn="103"] [owl] svg {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    fill: #fff;
    transition: all ease .4s;
}

[mn="103"] [owl] button.owl-prev {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="103"] [owl] button.owl-next {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="103"] [owl] button.owl-next,
[mn="103"] [owl] button.owl-prev {
    width: 35px;
    height: 35px;
    padding: 9px !important;
    display: flex;
    align-items: center;
    margin: 0 !important;
}

[mn="103"] [owl] button.owl-next:hover,
[mn="103"] [owl] button.owl-prev:hover {
    background-color: var(--clr01);
}

[mn="103"] [owl] button.owl-next:hover svg,
[mn="103"] [owl] button.owl-prev:hover svg {
    fill: #fff;
}


[mn="103"] .itm .bimg:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .75);
    opacity: 0;
    transition: .4s all ease;
    height: 100%;
    width: 100%
}

[mn="103"] .itm a:hover .bimg:after {
    opacity: 1;
}

[mn="103"] .itm a:hover div.icon,
[mn="103"] .itm a:hover img.icon {
    opacity: 1;
}

[mn="103"] div.icon,
[mn="103"] img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
    width: 100%;
    text-align: center;
    line-height: 1.1
}

[mn="103"] img.icon {
    width: auto
}

@media (min-width: 1400px) {
    [mn="103"] .gepackt>.container {
        max-width: 100%
    }
}
@media (max-width: 991px) {
    [mn="103"] div.icon, 
    [mn="103"] img.icon,
    [mn="103"] .itm .bimg:after {
        opacity: 1;
    }  
}

.zoompop103 {
    /*        width: 290px;*/
    position: absolute;
    /*        left: 50%;*/
    /*        top: 50%;*/
    z-index: 30;


    display: none
}

.zoompop103 .zoom-w {
    background-color: #333;
    overflow: hidden;
    border-radius: 9px;
    transition: .4s all ease;
}

.zoompop103.large .zoom-w {
    transform: scale(1.2);
}

.zoompop103 .video .bimg {
    padding-top: 63%;
    cursor: pointer;
}

.zoompop103 .video .bimg iframe,
.zoompop103 .video .bimg video {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    object-fit: cover
}

.zoompop103 .info {

    padding: 15px;
}

.zoompop103 .scon {
    margin: 6px 12px 6px 0;
    max-width: 45px;
    width: 45px;
    cursor: pointer;
    border: 2px solid #fff;
}

.zoompop103 .scon .bimg {
    background-color: #fff
}

.zoompop103 .scon:hover,
.zoompop103 .scon.active {
    background-color: var(--clr01);
    border: 2px solid var(--clr01);
}

.zoompop103 .scon.active .bimg {
    background-color: #fff;
}

.licht103 section {
    padding: 0;
    overflow: hidden;
}

.licht103 video,
.licht103 iframe {
    object-fit: contain;
    width: 100vw;
    height: 100vh;
    z-index: 2
}

.licht103 .lyrschluss {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 150px;
    background: rgb(0, 0, 0, .7);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.licht103 .lyrschluss .close-pop-w {
    transform: translate(0, 0);
    right: 15px;
    top: 15px
}

/*================================*/

[mn="705"] .main {
    counter-reset: section;
}

[mn="705"] a {
    color: inherit
}

[mn="705"] .mainttl {
    font-family: var(--font-t1);
    font-size: var(--font-l);
    margin: 0 0 30px;
    text-transform: uppercase
}

[mn="705"] .ttl {
    font-family: var(--font-t1);
    line-height: 1.1;
    margin: 0 0 12px
}

[mn="705"] .main .bil:after {
    counter-increment: section;
    content: counter(section);
}

[mn="705"] .set {
    padding: 15px 0
}

[mn="705"] .set~.set {
    border-top: 1px solid #ccc
}

[mn="705"] .set .bil {
    flex: 0 0 50px;
    max-width: 50px;

    font-family: var(--font-t1);
    font-size: var(--font-xl)
}

[mn="705"] .set .video {
    flex: 0 0 200px;
    max-width: 200px
}

[mn="705"] .set .txtbx {
    flex: 1 0 0;
    padding: 0 15px
}

[mn="705"] .set .dauer {
    flex: 0 0 100px;
    max-width: 100px;

    font-family: var(--font-t1);
    font-size: var(--font-l)
}

[mn="705"] .set .videoinfo,
[mn="705"] .set .info {
    flex: 1 0 0
}

[mn="705"] .set .desc {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 15px;
    font-size: 80%
}

[mn="705"] .set .video .bimg {
    padding-top: 53%
}

[mn="705"] .set a>div.wrap {
    padding: 15px;
    transition: .4s all ease;
    cursor: pointer;
    border-radius: 9px
}

[mn="705"] .set a:hover>div.wrap:hover {
    background-color: #333
}

[mn="705"] .bimg:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .75);
    opacity: 0;
    transition: .4s all ease;
    height: 100%;
    width: 100%
}

[mn="705"] a:hover .bimg:after {
    opacity: 1;
}

[mn="705"] a:hover div.icon,
[mn="705"] a:hover img.icon {
    opacity: 1;
}

[mn="705"] div.icon,
[mn="705"] img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
    width: 100%;
    text-align: center;
    line-height: 1.1
}

[mn="705"] img.icon {
    width: auto
}

@media (max-width: 991px) {

    [mn="705"] div.icon,
    [mn="705"] img.icon,
    [mn="705"]   .bimg:after {
        opacity: 1;
    }
}

@media (max-width: 767px) {

    [mn="705"] .set .txtbx,
    [mn="705"] .set .video {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px
    }

    [mn="705"] .set .dauer,
    [mn="705"] .set .bil {
        align-items: flex-start
    }
}

@media (max-width: 575px) {
    [mn="705"] .mainttl {
        margin: 0 0 15px
    }

    [mn="705"] .set .videoinfo,
    [mn="705"] .set .dauer {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px
    }

    [mn="705"] .set .videoinfo {
        padding: 0
    }

    [mn="705"] .set .dauer {
        justify-content: flex-start
    }

    [mn="705"] .desc {
        display: none !important;
    }

    [mn="705"] .ttl {
        margin: 9px 0 0
    }
}

.licht705 section {
    padding: 0;
    overflow: hidden;
}

.licht705 iframe,
.licht705 video {
    object-fit: contain;
    width: 100vw;
    height: 100vh
}

.licht705 .lyrschluss {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 150px;
    background: rgb(0, 0, 0, .7);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.licht705 .lyrschluss .close-pop-w {
    transform: translate(0, 0);
    right: 15px;
    top: 15px
}

/*================================*/
[mn="104"] .secttl {
    font-family: var(--font-t1);
    font-size: var(--font-l);
    text-transform: uppercase;
    margin: 0 -15px 15px
}

[mn="104"] .itm {
    cursor: pointer
}

[mn="104"] .itm a {
    color: inherit
}

[mn="104"] .itm .ttl {
    margin: 12px 0 15px;
    line-height: 1.1
}

[mn="104"] .itm .bimg-w {
    border-radius: 9px
}

[mn="104"] .itm .bimg {
    padding-top: 155%;
}

[mn="104"] .gepackt {
    margin: 0 auto 0;
    width: calc(100% - 60px)
}

[mn="104"] .gepackt~.gepackt {
    margin: 60px auto 0
}

[mn="104"] .itm a:hover img.icon {
    opacity: 1;

}

[mn="104"] img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

[mn="104"] [owl] svg {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    fill: #fff;
    transition: all ease .4s;
}

[mn="104"] [owl] button.owl-prev {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="104"] [owl] button.owl-next {
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%)
}

[mn="104"] [owl] button.owl-next,
[mn="104"] [owl] button.owl-prev {
    width: 35px;
    height: 35px;
    padding: 9px !important;
    display: flex;
    align-items: center;
    margin: 0 !important;
}

[mn="104"] [owl] button.owl-next:hover,
[mn="104"] [owl] button.owl-prev:hover {
    background-color: var(--clr01);
}

[mn="104"] [owl] button.owl-next:hover svg,
[mn="104"] [owl] button.owl-prev:hover svg {
    fill: #fff;
}


[mn="104"] .itm .bimg:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .75);
    opacity: 0;
    transition: .4s all ease;
    height: 100%;
    width: 100%
}

[mn="104"] .itm a:hover .bimg:after {
    opacity: 1;
}

[mn="104"] .itm a:hover div.icon,
[mn="104"] .itm a:hover img.icon {
    opacity: 1;
}

[mn="104"] div.icon,
[mn="104"] img.icon {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    opacity: 0;
    transition: .4s all ease;
    width: 100%;
    text-align: center;
    line-height: 1.1
}

[mn="104"] img.icon {
    width: auto
}

@media (min-width: 1400px) {
    [mn="104"] .gepackt>.container {
        max-width: 100%
    }
}

@media (max-width: 991px) {

    [mn="104"] div.icon,
    [mn="104"] img.icon,
    [mn="104"] .itm .bimg:after {
        opacity: 1;
    }
}

.zoompop104 {
    /*        width: 290px;*/
    position: absolute;
    /*        left: 50%;*/
    /*        top: 50%;*/
    z-index: 30;


    display: none
}

.zoompop104 .zoom-w {
    background-color: #333;
    overflow: hidden;
    border-radius: 9px;
    transition: .4s all ease;
}

.zoompop104.large .zoom-w {
    transform: scale(1.2);
}

.zoompop104 .video .bimg {
    padding-top: 63%;
    cursor: pointer;
}

.zoompop104 .video .bimg iframe,
.zoompop104 .video .bimg video {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    object-fit: cover
}

.zoompop104 .info { 
    padding: 15px;
}

.zoompop104 .scon {
    margin: 6px 12px 6px 0;
    max-width: 45px;
    width: 45px;
    cursor: pointer;
    border: 2px solid #fff;
}

.zoompop104 .scon .bimg {
    background-color: #fff
}

.zoompop104 .scon:hover,
.zoompop104 .scon.active {
    background-color: var(--clr01);
    border: 2px solid var(--clr01);
}

.zoompop104 .scon.active .bimg {
    background-color: #fff;
}

.licht104 section {
    padding: 0;
    overflow: hidden;
}

.licht104 video,
.licht104 iframe {
    object-fit: contain;
    width: 100vw;
    height: 100vh;
    z-index: 2
}

.licht104 .lyrschluss {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 150px;
    background: rgb(0, 0, 0, .7);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.licht104 .lyrschluss .close-pop-w {
    transform: translate(0, 0);
    right: 15px;
    top: 15px
}

/*================================*/

[mn="100"] {
    min-height: 100vh;
    padding: 0
}

[mn="100"] .blackfade {
    background: rgb(0, 0, 0, .7);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 100%);
    /*
        position: absolute;
        bottom: 0;
        right: 0;
*/
    min-height: 300px;
    z-index: 2;
    width: 100%;
    padding: 120px 0 60px
}

[mn="100"] iframe,
[mn="100"] video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

[mn="100"] h2 {
    text-align: inherit;
    color: inherit;
    margin: 0 0 30px;
    text-transform: inherit;
    font-size: 230%
}

[mn="100"] .btn-gen {
    margin: 0 9px 9px 0
}

@media (max-width: 767px) {
    [mn="100"] h2 {
        text-align: inherit;
        color: inherit;
        text-transform: inherit;
        font-size: 150%
    }
}

/*================================*/
[owl-video] .owl-nav {
    width: 100vw
}

@media (min-width: 575px) {
    [owl-video] .owl-nav {
        width: calc(100vw - 17px)
    }
}

[owl-video] .owl-stage-outer {
    overflow: visible
}

/*================================*/

[mn="8401"] {
    padding: 0;
    margin-top: auto;
}

[mn="8401"] .ttl {
    font-size: 150%;
    margin: 0 0 6px;
    text-align: center;
    line-height: 1.1
}

[mn="8401"] a {
    color: inherit
}

[mn="8401"] a:hover {
    text-decoration: underline;
}

[mn="8401"] .sitemap {
    margin: 0 0 15px
}

[mn="8401"] .sitemap ul,
[mn="8401"] .sitemap li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none
}

[mn="8401"] .sitemap ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

/*
[mn="8401"] .sitemap > ul {}

[mn="8401"] .sitemap > ul > li {
    flex: 0 0 33.333%;
    max-width: 33.333%
}

[mn="8401"] .sitemap > ul > li a {
    margin: 0 0 15px 0 !important;
    display: block;
    line-height: 1.1
}
*/

[mn="8401"] .med {
    padding: 30px 0;
    border-top: 2px solid #ccc
}

[mn="8401"] .med .scon {
    margin: 3px 12px 3px 0;
    border: 2px solid #fff;
    background-color: transparent;
    max-width: 35px;
    width: 35px;
}

[mn="8401"] .med .scon:hover {
    border: 2px solid var(--clr01);
    background-color: var(--clr01);
}

[mn="8401"] .med .scon .bimg {
    background-color: #fff;
}

[mn="8401"] .signup {
    margin: 0 0 15px
}

[mn="8401"] .signup .btn-gen {
    padding: 0;
    position: absolute;
    right: 3px;
    top: 50%;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    transform: translate(0, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0
}

[mn="8401"] .signup input {
    margin: 0;
    padding: 12px;
    border-radius: 50px
}

[mn="8401"] .signup [type="checkbox"],
[mn="8401"] .signup [type="checkbox"]+label {
    cursor: pointer;
    font-size: 80%
}

[mn="8401"] .signup [type="checkbox"] {
    flex: 0 0 21px;
    max-width: 21px
}

[mn="8401"] .signup [type="checkbox"]+label {
    flex: 0 0 calc(100% - 21px);
    max-width: calc(100% - 21px)
}

[mn="8401"] .contact .l {
    flex: 0 0 20px;
    max-width: 20px;
}

[mn="8401"] .contact .l .bimg-w {
    margin-bottom: 15px
}

[mn="8401"] .contact .r {
    flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
    padding-left: 9px
}

[mn="8401"] .info-img {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid #fff;
    text-align: center
}

[mn="8401"] .info-img .el {
    flex: 0 0 50%;
    max-width: 50%;
}

[mn="8401"] h2.cus {
    color: inherit;
    font-size: 150%;
    margin-bottom: 60px !important
}

[mn="8401"] .info-w {
    padding: 0 0 50px;
}

[mn="8401"] .copyright {
    text-align: center;
    padding: 30px 0;
    color: #fff;
    font-size: 80%;
}

@media only screen and (max-width: 767px) {
    [mn="8401"] .ttl {
        margin: 30px 0 6px
    }
    [mn="8401"] .present {
        text-align: center
    }
}

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

    [mn="8401"] .med>.f {
        justify-content: center
    } 
    [mn="8401"] .sitemap>ul>li {
        text-align: center
    }
}

/*===============================================*/

[mn="1001"] h2 {
    color: inherit;
    text-align: inherit
} 

/*===============================================*/
[mn="1002"] h2 {
    color: inherit;
    text-align: inherit
    } 
[mn="1002"] .ttl {
    color: #2b96d2;
    font-size: 120%;
    font-weight: bold
}

/*===============================================*/

[mn="2004"] .main {
    max-width: 1000px
}
[mn="2004"] .top {
    text-align: center
}

/*===============================================*/
[mn="2001"] .container{
    text-align: justify
}
/*===============================================*/

.licht_suchen {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    overflow: hidden;
    width: 100%;
    background-color: #000;
    z-index: -100;
    opacity: 0;
    overflow-y: scroll
}

.licht_suchen .main {
    max-width: calc(100% - 30px)
}

.licht_suchen input {
    width: 500px;
    margin: 0;
    max-width: 100%;
    padding-right: 67px
}

.licht_suchen input+button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    margin: 0;
    padding: 3px 21px;
}

.licht_suchen section {
    min-height: 100vh;
}

.licht_suchen .bgccl {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 300%;
    cursor: pointer;
    line-height: 1;
}