/*EAA Anpassungen*/
/*Links*/
.contact a,
a.ce-btn-job,
footer a,
.gfield a,
.team-member a{text-decoration: underline dotted!important; }
.content-section a span,
.content-section span a,
.incon_event_calendar_intro p > a span,
.general-content.white a span,
.general-content.white span a,
.gallery-item a span,
.gallery-item span a{text-decoration: underline dotted!important; color:#9bce00!important;}

.contact a:hover, .contact a:focus,
footer a:hover, footer a:focus,
.gfield a:hover, .gfield a:focus,
.ce-flip-box-back strong:focus, .ce-flip-box-back strong:focus,
.team-member a:hover, .team-member a:focus{text-decoration: underline!important; color: #9bce00!important;}

a.ce-btn-job:hover, a.ce-btn-job:focus,
.content-section a:hover span, .content-section a:focus span,
.content-section span a:hover, .content-section span a:focus,
.incon_event_calendar_intro a:hover span, .incon_event_calendar_intro a:hover focus,
.general-content.white a span:hover, .general-content.white a span:focus,
.general-content.white span a:hover, .general-content.white span a:focus,
.gallery-item a span:hover, .gallery-item a span:focus,
.gallery-item span a:hover, .gallery-item span a:focus,
.incon_event_calendar_intro p a:focus span
{text-decoration: underline!important; color: #0e233d!important;}

.dark p a:hover span, .dark p a:focus span,
.dark p span a:hover, .dark p span a:focus{text-decoration: underline!important; color: #e1e1e7!important;}

a.cta{text-decoration: none!important;}
footer a#newsletter_btn:hover, footer a#newsletter_btn:focus{text-decoration: none!important;color:#fff!important;}

.social-share-wrapper li,
.blog-author .col-4 .flexbox li.flex{border: 1px solid rgba(0,0,0,0);border-radius: 4px;}
#person-contact .contact a img{border: 1px solid rgba(0,0,0,0);border-radius: 4px;padding:3px;}
.blog-author .col-4 .flexbox li.flex a{margin: 0 auto!important;}
.social-share-wrapper li:hover,
.social-share-wrapper li:focus,
.social-share-wrapper li:focus-within{border: 1px solid #0e233d;}
.blog-author .col-4 .flexbox li.flex:hover,
.blog-author .col-4 .flexbox li.flex:focus-within,
#person-contact .contact a:hover img,
#person-contact .contact a:focus-within img{background: #3f3f3f;; border-radius: 3px;}

.ce-referenzen-item:focus-within .ce-referenzen-item-inner {border: 2px solid #0e233d;}

.tns-ovh .tns-item a:focus .img,
.tns-ovh .tns-item a:focus-within .img,
.tns-ovh .tns-item a:focus-visible .img,
.data-wrapper > .img a:focus img,
.data-wrapper > .img a:focus-within img,
.data-wrapper > .img a:focus-visible img
{border: 2px solid #fff!important;}

.data-wrapper a:focus .img,
.data-wrapper a:focus-within .img,
.data-wrapper a:focus-visible .img
{border: 2px solid #0e233d;}

ul.category-tags.desktop:focus-within{
    box-shadow: none!important;
}

ul.category-tags li a:focus{background-color: #0e233d!important;}

.incon_intro_button_1:focus {
  color: #fff !important;
  text-decoration: none !important;
  background: #789a1e;
}
.incon_intro_button_2:focus{
    color:#fff!important;
    text-decoration: none!important;
    background: #97a2b1;
}
.blog-highlights .data-fixed a:focus,
.blog-highlights .data-fixed a:focus-visible,
.blog-highlights .data-fixed a:focus-within{
    background:#fff;
    color: #0e233d;
}
.general-content ul li{padding-left:0px!important;}
/*FOCUS*/
.quick-menu .flexbox .flex:focus-within {
  background-color: #556679;
  transition: all 500ms linear;
  transition-delay: 50ms;
}

.desktop.app-button:focus-within,
.desktop:focus-within,
nav li:focus-within,
.bkr.flex:focus-within{
    box-shadow: 0px 0px 0px 1px rgb(0, 0, 0);
    border-radius: 2px;
}
/***/

.white.incon_sprache {
  padding-bottom: 0px!important;
}

#pressegallery{ overflow: hidden; position: relative; }
.gallery-slider-wrapper{ display: flex; }

.gallery-item{ position: relative; background: #fff; padding: 30px 40px 60px !important; margin-right: 10px; display: flex !important; flex-direction: column; justify-content: start; }





.gallery-item-header{ display: flex; justify-content: space-between; min-height:83px; }
.gallery-item-header .header-heading{ margin: 0 0 30px; }
.gallery-item-header .header-heading h5{ font-size: 22px; font-weight: bold; font-family: 'Ubuntu'; margin: 0; }
.gallery-item-header .header-btn{}

.gallery-item-body{ margin: 0 0 20px; }
.gallery-item-body .body-preview{ display: flex; justify-content: space-between; margin: 0 0 20px; }
.gallery-item-body .body-preview.preview-1{ }
.gallery-item-body .body-preview.preview-2 figure{ width: calc(50% - 5px); }
.gallery-item-body .body-preview.preview-3 figure{ width: calc(33% - 5px); }

.body-preview figure{ height: 300px; width: 100%;  }
.body-preview figure img{ height: 100%; width: 100%; object-fit: cover; }

.gallery-item-btn{}
.gallery-item-btn a.button, .header-btn .button{ display: inline-block; width: auto; font-size: 14px; text-transform: uppercase; border: 2px solid #112034; border-radius: 5px; padding: 7px 20px; }
.header-btn .button{ font-size: 20px; }
.gallery-item-btn a.button:hover, .header-btn .button:hover{ text-decoration: none; background: #112034; color: #fff;}
.header-btn .button{ padding: 5px 15px; }



.gallery-gradient-prev, .gallery-gradient-next{
    position: absolute;
    top: 0;
    right: 0;
    width: 15vw;
    height: 100vh;
    background: rgb(225,225,231);
    background: linear-gradient(90deg, rgba(225,225,231,0) 0%, rgba(225,225,231,.8) 60%, rgba(225,225,231,1) 100%);
    z-index: 10;
}
#menu .mobile.app-button .cta.accent-full-app.cta-header .show_on_hover{color:#fff!important;}

.gallery-gradient-prev{
    right: auto;
    left: 0;
    background: linear-gradient(90deg, rgba(225,225,231,1) 0%, rgba(225,225,231,.8) 60%, rgba(225,225,231,0) 100%);
}

.gallery-controls .gallery-control-prev{ display: none; cursor: pointer; position: absolute; width: 60px; height: 60px; top: 50%; left: 0; margin-top: -30px; z-index: 11; background: url('../img/arrow-left.png') no-repeat center center; background-size: 50px; }
.gallery-controls .gallery-control-next{ display: none; cursor: pointer; position: absolute; width: 60px; height: 60px; top: 50%; right: 0; margin-top: -30px; z-index: 11; background: url('../img/arrow-right.png') no-repeat center center; background-size: 50px; }



.events-year-nav{ margin-bottom: 30px; }
.events-year-nav a{ display: block; width: 100%; height: 40px; border-radius: 5px; line-height: 40px; text-align: center; font-size: 20px; background: #E2E6E9;}
.events-year-nav a.active, .events-year-nav a:hover, .events-year-nav a:focus{ background: #97A2B1; color: #fff; text-decoration: none; }

.lds-ring {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #0e233d;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #0e233d transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

.gallery-item .lds-ring{ position: absolute; right: 40px; bottom: 50px; }

/* Fixed Spinner für Gallery Loading */
.gallery-loading-spinner {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 999999 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    padding: 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}

.cli_settings_button{
    margin: 5px 20px;
    color: #fff !important;
    background: #0e233d;
    font-size: 13px;
    font-weight: 400;
    padding: 9px 12px;
}
a.cli_settings_button:hover{
    text-decoration: none;
}

.subscribe{ display: none; }
.social-share{ margin-top: 20px; }



/* EAA-konforme Accordion-Stile - angepasst an bestehendes Design */
.accordion-container {
    padding: 30px 0;
}

.accordion-item {
    border: 1px solid #0e233d;
    margin-bottom: 20px;
}

.accordion-item h3 {
    margin: 0;
    padding: 0;
}

/* Button-Element als Trigger - behält ursprüngliches Design */
.accordion-trigger {
    width: 100%;
    padding: 17px 25px;
    margin: 0;
    border: 1px solid #0e233d;
    background: transparent;
    cursor: pointer;
    transition: all .3s linear;
    position: relative;
    text-align: left;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    /* Entferne Flexbox, behalte ursprüngliches Layout */
}

.accordion-title {
    /* Kein spezielles Styling nötig */
}

.accordion-icon {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 18px;
    transition: all .3s linear;
    font-size: 29px;
    /* Zurück zur ursprünglichen Positionierung */
}

/* Hover und Active States - wie ursprünglich */
.accordion-trigger:hover,
.accordion-item.active .accordion-trigger {
    background: #0e233d;
    color: white;
}

/* Focus-Stile für Barrierefreiheit - nur bei Keyboard-Navigation */
.accordion-trigger:focus-visible {
    outline: 3px solid #0e233d !important;
    outline-offset: 3px !important;
}

/* Spezieller Focus-Stil für aktive Accordion-Items */
.accordion-item.active .accordion-trigger:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 3px !important;
}

/* Content-Bereich - wie ursprünglich */
.accordion-cnt {
    display: none;
    border: 1px solid #0e233d;
    padding: 20px 25px;
}

/* Mobile-optimierte Focus-Stile */
@media (max-width: 768px) {
    .accordion-trigger:focus-visible {
        outline-width: 4px !important;
        outline-offset: 4px !important;
    }
}

/* High Contrast Mode Unterstützung */
@media (prefers-contrast: high) {
    .accordion-trigger:focus-visible {
        outline: 4px solid currentColor !important;
        background-color: highlight !important;
        color: highlighttext !important;
    }
}

/* Reduce Motion */
@media (prefers-reduced-motion: reduce) {
    .accordion-trigger,
    .accordion-icon,
    .accordion-cnt {
        transition: none !important;
    }
}

#gform_7{
    display: flex;
    justify-content: center;
    align-items: end;
    padding-top: 20px;
}
#gform_7 .gfield_label{
    font-size: 14px;
    color: #0e233d;
    font-weight: lighter;
    margin-bottom: 3px;
}
#gform_7 .gform_body .ginput_container{ box-shadow: 0px 0px 15px rgba(0,0,0, .1); }
#gform_wrapper_7 .gform_heading{ display: none !important; }
#input_7_1{ width: 350px; max-width: 100%; background: white !important; border: none !important; border-radius: 5px 0 0 5px; height: 41px !important; padding-left: 25px; }
#gform_submit_button_7{ background: #29b2b0 !important; border-color: #29b2b0 !important; border-radius: 0 5px 5px 0; margin-bottom: 0 !important; box-shadow: 0px 0px 15px rgba(0,0,0, .1);  }
#gform_submit_button_7:hover{ background: #0e233d !important; border-color: #0e233d !important; color: white !important; }
p.linked-in-txt{ text-align: center; margin: 0 !important; font-weight: bold; }
#gform_7 .gform_footer{ margin-top: 26px !important; padding-top: 0 !important; padding-bottom: 0 !important; }

.col-orange h2, .col-orange h3{ color: #ffcc00 !important; }
.col-orange a.cta{ color: #ffcc00 !important; border-color: #ffcc00; }
.col-orange a.cta:hover{ color: #fff !important; background: #ffcc00; }
.col-orange a.cta:after{ display: none; }

.green-cnt{ background: #95c11f; padding: 50px 0; color: white; }
.green-cnt p, .green-cnt h2, .green-cnt h3{ color: white; }
.nl-cnt{ text-align: center; margin: 40px 0 0; }
.nl-cnt p{ font-weight: bold; }

.ae_event_short_facts.hide-loc{ padding-bottom: 0; margin-bottom: 0; display: flex; justify-content: center; align-items: center; }
.ae_event_short_facts.hide-loc .ae_event_short_facts_image{ margin-bottom: 0;}

.blog-article .blog-article-content{ padding-bottom: 20px !important; }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 768px) {
    
    #gform_7{ display: block; }
    #input_7_1, #gform_submit_button_7{ width: 100% !important; border-radius: 5px !important; margin-bottom: 10px !important;}
    
    .gallery-gradient-prev, .gallery-gradient-next{ display: none; }
    .gallery-controls .gallery-control-prev, .gallery-controls .gallery-control-next{ display: block !important; }
    .events-year-nav a { margin-bottom: 10px; }
}

.dark-turkies{
    background: #29b2b0;
    color: white;
    border: 2px solid #29b2b0;
}

.dark-turkies:after{
    content: '';
    padding-left: 15px;
    background: url(https://artus.at/wp-content/uploads/2024/03/phone-solid.svg) no-repeat center center;
    margin-left: 10px;
}

.dark-turkies:hover{
    background: #0e233d;
    border-color: #0e233d;
    color: white;
}

.ae_event_short_facts_image .lazy-hidden{ background-image: none !important; }

.categories .cta{
    margin: 10px 15px 10px 0 !important;
}

.nl-cnt{
    margin-top: 0 !important;
}

.nl-cnt h2{
  padding-bottom: 15px !important;
}

/*Footer Mobile*/
.mobile_contact_info{display:none;}


.mobile_contact_info a .contact_phone{
    width:50%;
  float:left;
    background:#0e233d;
  text-align: center;
  
  
}
.mobile_contact_info a .contact_mail{
    width:50%;
  float: left;
  background:#556679;
  text-align: center;
}
.mobile_contact_info a .contact_phone svg,
.mobile_contact_info a .contact_mail svg{
  fill:#fff!important;
  height: 60px;
  padding: 18px;
}
.mobile_contact_info a .contact_phone:hover, .mobile_contact_info a .contact_mail:hover{
  background:#29b2b0;
}

.tns-outer{
  position: relative;
}

.tns-nav{
  bottom: 0;
}

.slider-homepage { position: relative; }

.slider-full-width .container .content {
  opacity: 0;
  min-height: 400px; /* Diese Höhe an Ihre typische Slider-Höhe anpassen */
  transition: opacity 0.3s ease-in-out;
}

/* Klasse, die per JavaScript hinzugefügt wird, wenn der Slider bereit ist */
.slider-loaded .container .content {
  opacity: 1;
}


.red-outline.cta_whatsapp{
    background: #29b2b0 !important;
    color: white !important;
}

.red-outline.cta_whatsapp:after{
    content: url("../assets/icons/right-arrow-wh.svg") !important;
}

.red-outline.cta_whatsapp:hover{
    background: transparent !important;
    color: #29b2b0 !important;
}

.red-outline.cta_whatsapp:hover:after{
    content: url("../assets/icons/right-arrow-red.svg") !important;
}


@media screen and (max-width:900px){
    .mobile_contact_info{
      position: fixed;
      z-index:9999999;
      bottom:0!important;
      display:inline-block;
      width:100%;
      box-shadow: 0 0px 20px 0 rgba(0,0,0,0.2);
    }
    .back-to-top{bottom: 86px!important;}
}


.content_bottom {
    margin-top: 30px;
}


/* EAA Menu Anpassungen */
/* Fokus-Stile für bessere Sichtbarkeit */
/* Saubere Fokus-Stile - nur für Keyboard-Navigation */

/* Basis Fokus-Reset */
* {
    outline: none !important;
}

/* Gallery Button Fokus-Stile für Tab-Navigation */
.gallery-item-btn a.button:focus-visible,
.header-btn a.button:focus-visible,
.gallery-item-body p a:focus-visible {
    outline: 3px solid #0e233d !important;
    outline-offset: 3px !important;
    border-radius: 4px !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Nur Keyboard-Fokus sichtbar machen mit :focus-visible */
#menu .nav-link:focus-visible,
#menu a:focus-visible,
#menu button:focus-visible,
.menu-overlay .nav-link:focus-visible,
.menu-overlay a:focus-visible,
body #menu .nav-link:focus-visible,
body #menu a:focus-visible {
    outline: 3px solid #0e233d !important;
    outline-offset: 3px !important;
    border-radius: 4px !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Spezielle Stile für verschiedene Menü-Ebenen - nur Keyboard */
#menu .first-level .nav-link:focus-visible,
#menu .ce-nav-second .nav-link:focus-visible,
#menu .ce-nav-third .nav-link:focus-visible {
    outline: 3px solid #0e233d !important;
    outline-offset: 2px !important;
    border-radius: 6px !important;
}

/* Reset des globalen nav-Stylings (custom.css:1585) im Overlay-Menü,
   damit Ebene 1 vertikal mit Ebene 2 fluchtet */
#menu .first-level nav {
    background: transparent;
    border-bottom: 0;
    padding: 0;
}

/* Fokus für Menü-Button außerhalb des Overlays - nur Keyboard */
header .menu:focus-visible,
header .search:focus-visible,
nav .menu:focus-visible,
nav .search:focus-visible {
    outline: 3px solid #0e233d !important;
    outline-offset: 3px !important;
    border-radius: 4px !important;
}

/* Close-Button - nur Keyboard */
#menu .close-menu:focus-visible,
#search .close-menu:focus-visible {
    outline: 3px solid #0e233d !important;
    outline-offset: 3px !important;
    border-radius: 50% !important;
}

/* Zurück-Link - nur Keyboard */
.is_root_link:focus-visible {
    outline: 3px solid #0e233d !important;
    outline-offset: 2px !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
}

/* Input-Felder im Overlay - nur Keyboard */
#menu input:focus-visible,
#search input:focus-visible {
    outline: 3px solid #0e233d !important;
    outline-offset: 2px !important;
}

/* CTA-Buttons im Overlay - nur Keyboard */
#menu .cta:focus-visible,
#menu .cta-header:focus-visible {
    outline: 3px solid #0e233d !important;
    outline-offset: 2px !important;
    border-radius: 4px !important;
}

/* Höchste Priorität für alle Overlay-Links - nur Keyboard */
div[role="dialog"] a:focus-visible,
.menu-overlay a:focus-visible,
#menu a:focus-visible,
#search a:focus-visible {
    outline: 3px solid #0e233d !important;
    outline-offset: 2px !important;
    border-radius: 4px !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Mobile-spezifische Verbesserungen - nur Keyboard */
@media (max-width: 768px) {
    #menu .nav-link:focus-visible,
    #menu a:focus-visible {
        outline-width: 4px !important;
        outline-offset: 3px !important;
    }
}

/* Fallback für Browser ohne :focus-visible Support */
@supports not selector(:focus-visible) {
    #menu *:focus {
        outline: 3px solid #0e233d !important;
    }
}


.post-template-default thead{background-color: #e1e1e7;}
.post-template-default thead td,
.post-template-default tbody tr td{padding:10px;}
.post-template-default tbody tr{border-bottom: 0.5px solid #e1e1e7;}
.post-template-default td{font-size:16px; font-weight:300;}




ul.icon_checkmark {
  list-style: none;        /* Standard-Bullets ausblenden */
  margin: 0;
  padding: 0;
}

ul.icon_checkmark li {
  position: relative;
  padding-left: 1.8rem;    /* Platz für das Icon links */
	list-style:none;
}

ul.icon_checkmark li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;             /* vertikal feinjustieren */
  width: 1rem;             /* HIER: Größe änderbar */
  height: 1rem;
  background-image: url("https://artus.at/wp-content/uploads/2025/11/checkmark-20.png");
  background-repeat: no-repeat;
  background-size: contain; /* skaliert das Bild in width/height */
}

/* Quadratische Boxen */
.lp-nav-item {
    aspect-ratio: 1 / 1;
    
}

/* Wortumbruch für lange Wörter */
.lp-nav-item .boxed h3 {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Fallback für ältere Browser ohne aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
    .lp-nav-item {
        position: relative;
        padding-bottom: 100%;
        height: 0;
    }
    
    .lp-nav-item a.boxed,
    .lp-nav-item img {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.artus_infobox {
  background: #0e233d;
  border-radius: 10px;
  padding: 0 30px 30px 30px;
  color: #fff !important;
}
.artus_infobox b {
  color: #fff !important;
  font-weight: bold;
}

.artus_infobox img{
	position: absolute;
  right: 22px;
  top: 6px;
}

.header-hero.no-gradient::after {
  content: none;
}

/* ===== Podcast ===== */
.cta.green-full {
  background: #95c11f;
  border: 2px solid #95c11f;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.cta.green-full:hover,
.cta.green-full:focus {
  background: #7ea71a;
  border-color: #7ea71a;
  color: #fff !important;
}
.cta.green-full svg { flex-shrink: 0; }

#podcast-latest {
  padding: 60px 0 80px;
}
#podcast-latest .podcast-latest-label {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
}
.podcast-featured {
  display: flex;
  background: #fff;
  overflow: hidden;
}
.podcast-featured-image {
  flex: 0 0 33%;
  max-width: 33%;
}
.podcast-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.podcast-featured-body {
  flex: 1;
  padding: 36px 40px;
}

#podcast-list {
  padding: 60px 0 80px;
}
.podcast-list-head { margin-bottom: 24px; }
.podcast-list-heading {
  margin: 0 0 6px;
  padding-bottom: 0;
}
.podcast-list-count {
  color: #555;
  font-size: 14px;
}
.podcast-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 32px;
}
.podcast-filter-chip {
  background: #eef0f4;
  color: #0e233d;
  border: 0;
  padding: 12px 22px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.podcast-filter-chip:hover { background: #dfe3eb; }
.podcast-filter-chip.is-active {
  background: #0e233d;
  color: #fff;
}
.podcast-episodes { display: flex; flex-direction: column; }
.podcast-episode {
  display: flex;
  gap: 30px;
  padding: 32px 0;
  border-top: 1px solid #e3e6ec;
}
.podcast-episode:first-child { border-top: 0; }
.podcast-episode.is-hidden { display: none; }
.podcast-episode-image {
  flex: 0 0 140px;
  max-width: 140px;
}
.podcast-episode-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 5px;
}
.podcast-episode-body { flex: 1; }

.podcast-eyebrow {
  color: #95c11f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 5px;
}
.podcast-featured .podcast-title,
.podcast-episode .podcast-title,
#podcast-latest .podcast-title,
#podcast-list .podcast-title {
  color: #0e233d;
  margin: 0 0 7px;
  padding-bottom: 0;
  line-height: 1.2;
}
.podcast-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  color: #0e233d;
  font-size: 14px;
  margin-bottom: 14px;
}
.podcast-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.podcast-meta-item img,
.podcast-meta-item svg { width: 16px; height: 16px; }
#podcast-latest .podcast-description,
#podcast-list .podcast-description,
.podcast-featured .podcast-description,
.podcast-episode .podcast-description {
  color: #333;
  line-height: 1.55;
  margin: 0 0 18px;
}
.podcast-cta { margin-top: 6px; }
.podcast-featured .podcast-cta { margin-bottom: 0; }

@media (max-width: 768px) {
  .podcast-featured { flex-direction: column; }
  .podcast-featured-image { flex: 0 0 auto; max-width: 100%; }
  .podcast-featured-body { padding: 24px 22px; }
  .podcast-episode { flex-direction: column; gap: 18px; }
  .podcast-episode-image { flex: 0 0 auto; max-width: 100%; }
}