.elementor-3178 .elementor-element.elementor-element-99799eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3178 .elementor-element.elementor-element-44b3f1a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* ========================================
   PODCAST LANDINGPAGE STYLES
   Theme Override CSS - Überschreibt WordPress Theme Buttons
   ======================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

/* ========================================
   RESET & BASE STYLES
   ======================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.6;
    color: #485248 !important;
    background: #FDFCF9 !important;
}

.container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
}

/* ========================================
   HEADER SECTION
   ======================================== */

.header {
    background: linear-gradient(135deg, #5A2E32 0%, #8B4349 100%) !important;
    color: #FDFCF9 !important;
    padding: 60px 20px !important;
    text-align: center;
    margin-bottom: 40px;
}

.header h1 {
    font-family: 'Times New Roman', serif !important;
    font-size: 2.5em !important;
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    color: #FDFCF9 !important;
}

.header .subtitle {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.2em !important;
    opacity: 0.95;
    margin-bottom: 30px !important;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #FDFCF9 !important;
}

.badge {
    display: inline-block !important;
    background: rgba(253, 252, 249, 0.2) !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    font-size: 0.9em !important;
    margin-bottom: 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #FDFCF9 !important;
}

/* Header CTA Button - NEU */
.header-cta-btn {
    display: inline-block !important;
    padding: 18px 40px !important;
    background: #FDFCF9 !important;
    color: #5A2E32 !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 1.1em !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    margin-top: 25px !important;
    font-family: 'Montserrat', sans-serif !important;
    border: none !important;
    cursor: pointer !important;
}

.header-cta-btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.3) !important;
    background: #D5B4AC !important;
    color: #5A2E32 !important;
}

/* ========================================
   PODCAST HERO SECTION
   ======================================== */

.podcast-hero {
    background: white !important;
    padding: 50px 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px rgba(90, 46, 50, 0.1) !important;
    margin-bottom: 40px !important;
}

.podcast-content {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px;
    align-items: start;
}

.podcast-cover {
    width: 100% !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}

.podcast-info h2 {
    color: #5A2E32 !important;
    font-family: 'Times New Roman', serif !important;
    font-size: 2em !important;
    margin-bottom: 15px !important;
    font-weight: 400 !important;
}

.podcast-info .episode-meta {
    color: #D5B4AC !important;
    font-size: 0.9em !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
}

.podcast-info p {
    margin-bottom: 15px !important;
    line-height: 1.7 !important;
    color: #485248 !important;
}

/* ========================================
   SPOTIFY EMBED
   ======================================== */

.spotify-embed {
    margin: 30px 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* ========================================
   KEY POINTS GRID
   ======================================== */

.key-points {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 30px 0 !important;
}

.key-point {
    background: #FDFCF9 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    border-left: 3px solid #D5B4AC !important;
}

.key-point h4 {
    color: #5A2E32 !important;
    margin-bottom: 10px !important;
    font-family: 'Montserrat', sans-serif !important;
}

.key-point p {
    font-size: 0.95em !important;
    color: #485248 !important;
}

/* ========================================
   CONTENT BOX
   ======================================== */

.content-box {
    background: white !important;
    padding: 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px rgba(90, 46, 50, 0.1) !important;
    margin-bottom: 30px !important;
}

.content-box h2 {
    color: #5A2E32 !important;
    margin-bottom: 20px !important;
    font-size: 2em !important;
    font-family: 'Times New Roman', serif !important;
    font-weight: 400 !important;
}

.content-box h3 {
    color: #485248 !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
    font-family: 'Times New Roman', serif !important;
    font-weight: 400 !important;
}

.bullet-list {
    list-style: none !important;
    margin: 20px 0 !important;
}

.bullet-list li {
    padding: 12px 0 12px 30px !important;
    position: relative;
    line-height: 1.6 !important;
    color: #485248 !important;
}

.bullet-list li:before {
    content: "→" !important;
    position: absolute;
    left: 0;
    color: #5A2E32 !important;
    font-weight: bold !important;
}

/* ========================================
   HIGHLIGHT BOX
   ======================================== */

.highlight-box {
    background: #FDFCF9 !important;
    border-left: 4px solid #5A2E32 !important;
    padding: 25px !important;
    margin: 30px 0 !important;
}

.highlight-box p {
    font-style: italic !important;
    color: #485248 !important;
    font-family: 'Times New Roman', serif !important;
    font-size: 1.2em !important;
    margin: 0 !important;
}

/* ========================================
   WEBINAR CTA SECTION
   ======================================== */

.webinar-cta {
    background: linear-gradient(135deg, #5A2E32 0%, #8B4349 100%) !important;
    color: #FDFCF9 !important;
    padding: 60px 40px !important;
    border-radius: 12px !important;
    text-align: center !important;
    margin: 50px 0 !important;
    position: relative;
    overflow: hidden;
}

.webinar-cta::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: rgba(213, 180, 172, 0.1);
    border-radius: 50%;
}

.webinar-badge {
    display: inline-block !important;
    background: rgba(253, 252, 249, 0.2) !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-size: 0.9em !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
    color: #FDFCF9 !important;
}

.webinar-cta h2 {
    font-size: 2.5em !important;
    margin-bottom: 15px !important;
    font-family: 'Times New Roman', serif !important;
    font-weight: 400 !important;
    position: relative;
    color: #FDFCF9 !important;
}

.webinar-date {
    font-size: 1.3em !important;
    margin-bottom: 25px !important;
    opacity: 0.95;
    font-weight: 600 !important;
    color: #FDFCF9 !important;
}

.webinar-cta p {
    font-size: 1.15em !important;
    margin-bottom: 15px !important;
    opacity: 0.95;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #FDFCF9 !important;
}

.webinar-benefits {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 40px 0 !important;
    text-align: left !important;
}

.webinar-benefit {
    background: rgba(253, 252, 249, 0.1) !important;
    padding: 20px !important;
    border-radius: 8px !important;
    position: relative;
}

.webinar-benefit h4 {
    margin-bottom: 10px !important;
    font-size: 1.1em !important;
    color: #FDFCF9 !important;
}

.webinar-benefit p {
    color: #FDFCF9 !important;
    font-size: 0.95em !important;
}

/* ========================================
   CTA BUTTONS - ÜBERSCHREIBT THEME!
   ======================================== */

/* Hauptbutton - Überschreibt orangene Theme-Buttons */
.cta-btn,
a.cta-btn,
button.cta-btn {
    display: inline-block !important;
    padding: 20px 50px !important;
    background: #FDFCF9 !important;
    color: #5A2E32 !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 1.15em !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    margin-top: 20px !important;
    position: relative;
    font-family: 'Montserrat', sans-serif !important;
    border: none !important;
    cursor: pointer !important;
}

.cta-btn:hover,
a.cta-btn:hover,
button.cta-btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.3) !important;
    background: #D5B4AC !important;
    color: #5A2E32 !important;
}

/* Final CTA Buttons */
.final-cta-btn {
    padding: 15px 30px !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    font-family: 'Montserrat', sans-serif !important;
    display: inline-block !important;
    border: none !important;
    cursor: pointer !important;
}

.final-cta-btn.podcast-btn {
    background: #5A2E32 !important;
    color: #FDFCF9 !important;
}

.final-cta-btn.podcast-btn:hover {
    background: #8B4349 !important;
    transform: translateY(-2px) !important;
}

.final-cta-btn.webinar-btn {
    background: #D5B4AC !important;
    color: #5A2E32 !important;
}

.final-cta-btn.webinar-btn:hover {
    background: #C9A49C !important;
    transform: translateY(-2px) !important;
}

/* ========================================
   AUTHOR SECTION
   ======================================== */

.author-section {
    background: white !important;
    padding: 50px 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px rgba(90, 46, 50, 0.1) !important;
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 40px;
    align-items: center;
    margin-bottom: 40px !important;
}

.author-image {
    width: 180px !important;
    height: 180px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    box-shadow: 0 4px 15px rgba(90, 46, 50, 0.2) !important;
}

.author-content h3 {
    margin-bottom: 15px !important;
    color: #5A2E32 !important;
    font-family: 'Times New Roman', serif !important;
    font-size: 1.8em !important;
    font-weight: 400 !important;
}

.author-content p {
    color: #485248 !important;
    line-height: 1.7 !important;
    margin-bottom: 15px !important;
}

.credentials {
    font-size: 0.9em !important;
    color: #D5B4AC !important;
    font-style: italic !important;
    margin-top: 20px !important;
}

/* ========================================
   FOOTER
   ======================================== */

.footer {
    text-align: center !important;
    padding: 40px 20px !important;
    color: #485248 !important;
}

.footer p {
    color: #485248 !important;
    margin-bottom: 10px !important;
}

.footer a {
    color: #5A2E32 !important;
    text-decoration: none !important;
}

.footer a:hover {
    text-decoration: underline !important;
    color: #8B4349 !important;
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 968px) {
    .podcast-content {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    .podcast-cover {
        max-width: 300px !important;
        margin: 0 auto !important;
    }
    
    .author-section {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }
    
    .author-image {
        margin: 0 auto !important;
    }
    
    .key-points {
        grid-template-columns: 1fr !important;
    }
    
    .webinar-benefits {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .header h1 {
        font-size: 1.8em !important;
    }
    
    .header .subtitle {
        font-size: 1em !important;
    }
    
    .header-cta-btn {
        font-size: 1em !important;
        padding: 15px 30px !important;
    }
    
    .content-box, 
    .podcast-hero, 
    .author-section {
        padding: 30px 25px !important;
    }
    
    .webinar-cta {
        padding: 40px 25px !important;
    }
    
    .webinar-cta h2 {
        font-size: 1.8em !important;
    }
    
    .cta-btn {
        font-size: 1em !important;
        padding: 15px 35px !important;
    }
}

/* ========================================
   THEME OVERRIDE - WICHTIG!
   Überschreibt alle WordPress Theme Buttons
   ======================================== */

/* Überschreibe alle Theme-Buttons auf dieser Seite */
body .btn,
body button[type="submit"],
body input[type="submit"],
body .wp-block-button__link,
body .elementor-button,
body .button {
    background: #5A2E32 !important;
    color: #FDFCF9 !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: 'Montserrat', sans-serif !important;
}

body .btn:hover,
body button[type="submit"]:hover,
body input[type="submit"]:hover,
body .wp-block-button__link:hover,
body .elementor-button:hover,
body .button:hover {
    background: #8B4349 !important;
    color: #FDFCF9 !important;
}

/* Spezifische Override für orangene Buttons */
body .btn-primary,
body .btn-orange,
body [class*="orange"] {
    background: #5A2E32 !important;
    color: #FDFCF9 !important;
}

body .btn-primary:hover,
body .btn-orange:hover {
    background: #8B4349 !important;
}/* End custom CSS */