/*
Theme Name: Twenty Sixteen Zeralda
Template: twentysixteen
Version: 1.1
Description: Child Theme für Casa Zeralda
*/

@import url("../twentysixteen/style.css");

/* Casa Zeralda Hero-Video */
.zeralda-hero-video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    margin-bottom: 40px;
}

.zeralda-hero-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Hero-Video auf der Startseite breit darstellen */
.home .zeralda-hero-video {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    clear: both;
}

.home .zeralda-hero-video iframe {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
}

/* Hero-Video über die volle Artikelbreite */
.home .zeralda-hero-video {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* YouTube-Einblendung oben aus dem Hero-Video herausschneiden */
.home .zeralda-hero-video iframe {
    height: 120% !important;
    top: -20% !important;
}

/* Großes Headerbild (Tavolara) ausblenden */
.header-image {
    display: none !important;
}

/* Lokales Hero-Video */
.home .zeralda-hero-video video {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border: 0;
}

/* Hero-Video unten ca. 10 % abschneiden */
.home .zeralda-hero-video {
    aspect-ratio: 16 / 5.2;
}

.home .zeralda-hero-video video {
    object-fit: cover;
    object-position: center center;
}

/* Abstand Navigation zum Hero-Video reduzieren */
.home .site-header {
    padding-bottom: 20px;
}

/* Keine Silbentrennung in Überschriften */
.entry-title,
.entry-content h1,
.entry-content h2 {
    hyphens: none;
    -webkit-hyphens: none;
    word-break: normal;
}