/* 1. DIRS21 Container & Wrapper ganz nach vorne holen */
.dirs21-search-box,
.dirs21-wrapper,
[class*="dirs21"],
[id*="dirs21"] {
    z-index: 99999 !important;
    position: relative !important;
}

/* 2. Verhindern, dass die Page-Builder-Zeile das DIRS21-Overlay abschneidet */
.siteorigin-panels-builder .panel-grid,
.siteorigin-panels-builder .panel-row-style {
    overflow: visible !important;
}

/* 3. Die erste Zeile (Hero-Sektion) auf der Startseite über die zweite Zeile heben */
.home .siteorigin-panels-builder .panel-grid:first-child,
.home .siteorigin-panels-builder .panel-grid:nth-child(1) {
    z-index: 9999 !important;
    position: relative !important;
}
/* Verhindert, dass nachfolgende Sektionen den Kalender abschneiden */
.panel-grid {
    overflow: visible !important;
}

/* Vantage Full Width Layout - Adjust Site Width */
body.responsive.layout-full #page-wrapper .full-container {
    max-width: 1400px;
}

/* Vantage Main Navigation Text - Adjust Font Weight */
.main-navigation ul li a {
    font-weight: 300;
}

/* Vantage Logo in Menu - Logo Left Padding */
#masthead.masthead-logo-in-menu .logo > img {
    padding-left: 0px;
}

/* Vantage Image Captions */
.entry-content .wp-caption {
    border: none;
    box-shadow: none;
}

/* Typo shadow mobil menu */
.mobile-nav-frame ul li a.link, .mobile-nav-frame .title h3 {
    text-shadow: none;
}

/* VANTAGE SET HEADINGS AND TEXT SPACING (H3-H6 behalten das Standard-Spacing) */
.entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    margin-top: 0px;
    margin-bottom: 5px;
}

/* Tabellen */
.tablepress .column-1 { 
    width: 25%; 
}
.tablepress .column-2 { 
    width: 75%; 
}

/* List */
ol, ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    line-height: 1.9em;
}

.entry-content ul li {
    list-style-type: disc;
}

/* Footer */
#colophon #theme-attribution a,
#colophon.site-footer,
#colophon #theme-attribution {
    font-size: 0px;
}

/* Navi Bug */
.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a {
    background: #f9f6eb;
}

/*--- NAVIGATION ---*/
.main-navigation ul ul a {
    white-space: nowrap;
    width: auto;
}
.main-navigation ul ul li {
    min-width: 100%;
}

/*--- ANCOR LINKS ---*/
.sprung {
    visibility: hidden; 
    height: 0px !important; 
    position: absolute; 
    margin: -350px;
}

/* Eigene Klasse für Bilder mit feiner weißer Rahmenlinie */
.img-border {
    border: 1px solid #ffffff !important;
    box-sizing: border-box;
    /* Optionaler sanfter Schatten, damit das Weiß auf jedem Hintergrund edel wirkt: */
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.0) !important; 
}

/* img round */
.img-round {
    -webkit-box-shadow: 2px 2px 5px 0px #e77a24;
    box-shadow: 2px 2px 5px 0px #143f74;
    transition: all 0s ease;
    border-radius: 50%;
}
/* ==========================================
   1. Schritt: Den eigenen Font lokal laden
   ========================================== */
@font-face {
    font-family: 'Ephesis';
    src: url('/wp-content/uploads/fonts/ephesis-v11-latin-regular.woff2') format('woff2'),
         url('/wp-content/uploads/fonts/ephesis-v11-latin-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}

/* ==========================================
   2. Schritt: Den Font auf H1 und H2 anwenden
   ========================================== */

/* Monitoransicht (Desktop) */
@media screen and (min-width: 681px) {

    article.post .entry-header h1.entry-title, 
    article.page .entry-header h1.entry-title {
        font-family: 'Ephesis', sans-serif !important;
        font-size: 64px !important;
        line-height: 1.2em;
        font-weight: normal;
        margin-bottom: 10px;
        letter-spacing: -0.02em;
        text-shadow: 1px 1px 1px rgba(218, 187, 71, 0.4) !important;
    }		
    
    .entry-content h1 {
        font-family: 'Ephesis', sans-serif !important;
        font-size: 64px !important;
        line-height: 1.2em;
        font-weight: normal;
        margin-top: 0px !important;
        margin-bottom: 10px !important;
        text-shadow: 1px 1px 1px rgba(218, 187, 71, 0.4) !important;
    }

    .entry-content h2 { 
        font-family: 'Ephesis', sans-serif !important;
        font-size: 54px !important; 
        line-height: 1.2em; 
        font-weight: normal; 
        margin-top: 20px !important; 
        margin-bottom: 0px !important; 
        text-shadow: 1px 1px 1px rgba(218, 187, 71, 0.4) !important;
    }

    /* Ab H3 Standard-Theme-Fonts mit korrigierten Desktop-Größen */
    .entry-content h3 { font-size: 24px; line-height: 1.4em; margin-top: 30px; margin-bottom: 12px; }
    .entry-content h4 { font-size: 20px; line-height: 1.4em; }
    .entry-content h5 { font-size: 16px; line-height: 1.5em; }
    .entry-content h6 { font-size: 15px; line-height: 1.5em; }
    .wp-caption-text.gallery-caption { font-size: 13px; }
}

/* Mobilansicht */
@media screen and (max-width: 680px) {

    article.post .entry-header h1.entry-title, 
    article.page .entry-header h1.entry-title {
        font-family: 'Ephesis', sans-serif !important;
        font-size: 42px !important;
        line-height: 1.5em;
        text-shadow: 1px 1px 1px rgba(218, 187, 71, 0.4) !important;
    }		
    
    .entry-content h1 {
        font-family: 'Ephesis', sans-serif !important;
        font-size: 42px !important;
        line-height: 1.5em;
        margin-top: 15px !important;
        margin-bottom: 10px !important;
        text-shadow: 1px 1px 1px rgba(218, 187, 71, 0.4) !important;
    }

    .entry-content h2 { 
        font-family: 'Ephesis', sans-serif !important;
        font-size: 36px !important; 
        line-height: 1.5em; 
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-shadow: 1px 1px 1px rgba(218, 187, 71, 0.4) !important;
    }

    .entry-content h3 { font-size: 20px; }
    .entry-content h4 { font-size: 18px; }
    .entry-content h5 { font-size: 14px; }
    .entry-content h6 { font-size: 14px; }
    .wp-caption-text.gallery-caption { font-size: 7px; }
}


/* Gold hg */
/* Variante 1: Sanfter Gold-Glow (Mit Priorität) */
.gold-section-bg {
    background: linear-gradient(135deg, #fbf5b7 0%, #fcf6ba 30%, #e6ca65 70%, #bf953f 100%) !important;
    box-shadow: inset 0 0 20px rgba(191, 149, 63, 0.2) !important;
    padding: 60px 20px !important;
    box-sizing: border-box !important;
}

/* Variante 2: Luxuriöses Streifgold (Mit Priorität) */
.gold-section-metallic {
    background: linear-gradient(90deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fbf5b7 75%, #aa771c 100%) !important;
    border-top: 1px solid #dabb47 !important;
    border-bottom: 1px solid #b38728 !important;
    padding: 60px 20px !important;
    box-sizing: border-box !important;
}

/* Rahmen um Bilder */
.rahmen-bild {
  border: 4px solid #ffffff;
}

/* Blendet alles mit dieser Klasse auf Geräten mit weniger als 680px Breite aus */
@media screen and (max-width: 680px) {
    .mobil-ausblenden {
        display: none !important;
    }
}