@font-face {
    font-family: 'CaeciliaLTPro-45Light';
    src: url('../fonts/32DE9A_0_0.eot');
    src: url('../fonts/32DE9A_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/32DE9A_0_0.woff2') format('woff2'), url('../fonts/32DE9A_0_0.woff') format('woff'), url('../fonts/32DE9A_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'CaeciliaLTPro-85Heavy';
    src: url('../fonts/32DE9A_1_0.eot');
    src: url('../fonts/32DE9A_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/32DE9A_1_0.woff2') format('woff2'), url('../fonts/32DE9A_1_0.woff') format('woff'), url('../fonts/32DE9A_1_0.ttf') format('truetype');
}

html,
body {
    font-size: 1rem;
}

h1 {
    font-family: 'CaeciliaLTPro-85Heavy';
    font-size: 2.0rem;
    line-height: 2.5rem;
}

.bg-dark {
    background-color: #000 !important;
}

.max-width {
    max-width: 1400px;
}

.colorlinks a, .footer a {
    color: rgb(187, 187, 187);

}
.colorlinks a:hover, .footer a:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.lead {
    font-family: 'CaeciliaLTPro-45Light';
    font-size: 1.0rem;
    line-height: 1.4rem;
}

.profilbild {
    width:25%; 
    margin-bottom: 12px; 
    margin-top: 2px;
  }

.meta {
    text-align: left;
}

.lvn-padding {
    margin: 2px;
    padding: 2px;
}

.lvn-padding-large {
    margin: 2px;
    padding: 2px;
}

.lvn-teaser-overlay {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-transform: translateZ(0);
}

.lvn-teaser-text {
    position: absolute;
    padding: 10px 10px;
    z-index: 20;
    font-size: 0.8rem;
    line-height: 1rem;
    color: #000;
}

.lvn-text-bottom {
    bottom: 0px;
}

.lvn-text-right {
    right: 0px;
    text-align: right;
}

.lvn-text-heavy {
    font-family: 'CaeciliaLTPro-85Heavy';
}

.lvn-text-light {
    font-family: 'CaeciliaLTPro-45Light';
}

.lvn-text-black {
    color: #000;
}

.lvn-text-white {
    color: #fff;
}

.lvn-teaser-picture {
    position: absolute;
    top: 0;
}

.lvn-img-fluid {
    width: 100%;
}

.caption {
    position: absolute;
    padding: 5px 10px 4px 10px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 20;
    display: border-box;
    color: #fff;
    font-size: 12px;
    font-family: 'CaeciliaLTPro-45Light';
}

.caption-top-left {
    margin: 4px 4px;
    top: 0px;
    left: 0px;
}

.caption-top-right {
    margin: 4px 4px;
    top: 0px;
    right: 0px;
}

.caption-bottom-left {
    margin: 4px 4px;
    bottom: 0px;
    left: 0px;
}

.caption-bottom-right {
    margin: 4px 4px;
    bottom: 0px;
    right: 0px;
}

.player-overlay {
    cursor: pointer;
    background-image: url('../images/standard/icn-mute.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 50px 50px;
    -webkit-transform: translateZ(0);
}

.player-overlay-off {
    animation: fadeIn 1s;
    z-index: 10;
}

.player-overlay-on {
    animation: fadeOut 1s;
    z-index: 10;
    -webkit-animation-fill-mode: forwards;
}


/* Small devices (landscape phones, 544px and up) */

@media (min-width: 544px) {}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

    h1 {
        font-family: 'CaeciliaLTPro-85Heavy';
        font-size: 3.0rem;
        line-height: 4.0rem;
    }
    .lead {
        font-family: 'CaeciliaLTPro-45Light';
        font-size: 1.2rem;
        line-height: 1.8rem;
    }
    .lvn-teaser-text {
        padding: 20px 20px;
        font-size: 1rem;
        line-height: 1.2rem;
    }
    .lvn-padding-large {
        margin: 10px;
        padding: 10px;
    }
    .meta {
        text-align: right;
    }
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1600px) {
    .lvn-teaser-text {
        padding: 30px 30px;
        font-size: 1.5rem;
        line-height: 1.7rem;
    }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

    .lvn-mute-button-off {
        background: url('../images/standard/icn-mute@2x.png');
    }
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}