
/* /real_estate_website/static/src/css/seiten/seite_home.css */
 .btn-arrow{display: inline-block; width: 24px; height: 18px; background-color: currentColor; -webkit-mask-image: url("/real_estate_website/static/src/icons/arrow-black.svg"); mask-image: url("/real_estate_website/static/src/icons/arrow-black.svg"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; vertical-align: middle; transition: background-color 0.25s ease;}.cta-buttons{display: flex; gap: 24px; flex-wrap: wrap;}.btn-cta{padding: 12px 32px; justify-content: center; align-items: center; gap: 10px; min-width: 160px; border-radius: 4px; font-size: 16px; font-weight: 500; text-decoration: none; display: inline-flex; transition: all 0.25s ease;}.btn-solid{border: 1px solid #ffffff; background: rgba(0, 0, 0, 0.32); color: #ffffff;}.btn-solid:hover{background: #ffffff; color: #090909; border-color: #090909; text-decoration: none; transform: translateY(-2px);}.btn-outline{color: #ffffff; background: rgba(0, 0, 0, 0.32); border: 1px solid transparent;}.btn-outline:hover{background: #ffffff; color: #0B0B0B; border-color: #0B0B0B; text-decoration: none; transform: translateY(-2px);}.services-section{padding: 100px 0; background: #FBF9F6 !important;}.services-section .services-section-header{text-align: center; margin-bottom: 56px;}.services-section .services-section-header h2{font-family: "Juana", serif; font-size: 40px; font-weight: 500; color: #1C1C1E; line-height: 120%; margin-bottom: 16px;}.services-section .services-section-header p{font-family: "Satoshi", sans-serif; color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; max-width: 580px; margin: 0 auto;}.services-section .services-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; background: #FBF9F6;}.services-section .services-grid--2{grid-template-columns: repeat(2, 1fr); margin-top: 20px;}.services-section .service-card{display: flex; flex-direction: column; background: #1C1C1E; border-radius: 16px; overflow: hidden; cursor: pointer; transition: transform 0.35s ease; text-decoration: none; color: inherit;}.services-section .service-card:hover{transform: translateY(-6px); text-decoration: none;}.services-section .service-card:hover .service-img{transform: scale(1.04);}.services-section .service-card:hover .service-btn{border-color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.06);}.services-section .service-card-img{width: 100%; height: 360px; overflow: hidden; flex-shrink: 0;}.services-section .service-img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease;}.services-section .services-grid .service-card:first-child .service-img{object-position: center 22%;}.services-section .services-grid--2 .service-card:last-child .service-img{object-position: center 40%;}.services-section .services-grid--2 .service-card:first-child .service-img{object-position: center 55%;}.services-section .service-card-body{padding: 22px 24px 24px; display: flex; flex-direction: column; flex: 1; gap: 16px;}.services-section .service-card-text{flex: 1;}#wrapwrap .services-section .service-card-body h2:not([href]):not([src]):not([alt]){color: #fff; font-family: "Juana", serif !important; font-size: clamp(22px, 5.2vw, 30px) !important; font-weight: 500; line-height: 1.15; letter-spacing: 0.2px; margin-bottom: 10px;}.services-section .service-card-body p{color: rgba(255, 255, 255, 0.72); font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.6; margin: 0;}.services-section .service-btn{display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; width: fit-content; padding: 13px 18px; border: 1px solid rgba(255, 255, 255, 0.25); background: transparent; border-radius: 8px; color: #fff; text-decoration: none; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 500; transition: border-color 0.25s ease, background 0.25s ease;}.services-section .service-btn:hover{text-decoration: none; border-color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.06); color: #fff;}.bewerten-section{position: relative; background: #FBF9F6; padding: 80px 0 60px; overflow: hidden; z-index: 2;}.bewerten-section .bewerten-grid{width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 80px; display: grid; grid-template-columns: 1fr 1.6fr; gap: 0; align-items: center;}.bewerten-section .bewerten-content{padding-right: 48px;}.bewerten-section .bewerten-content h2{font-family: "Juana", serif; font-size: 64px; font-weight: 500; color: #0a0a0a; line-height: 1.06; margin-bottom: 20px;}.bewerten-section .bw-accent{font-style: normal; color: #0d1b2a;}.bewerten-section .bewerten-content p{font-family: "Satoshi", sans-serif; font-size: 15px; font-weight: 400; color: #4a4a4a; line-height: 1.65; margin-bottom: 36px; max-width: 400px;}.bewerten-section .bw-cta-btn{display: inline-flex; align-items: center; gap: 12px; background: #0a0a0a; color: #ffffff; font-family: "Satoshi", sans-serif; font-size: 15px; font-weight: 500; padding: 16px 32px; border-radius: 4px; text-decoration: none; transition: background 0.2s, transform 0.2s;}.bewerten-section .bw-cta-btn:hover{background: #222222; text-decoration: none; color: #ffffff; transform: translateY(-1px);}.bewerten-section .bewerten-visual{display: flex; justify-content: flex-end; align-items: center;}.bewerten-section .bw-visual-img{width: 100%; height: auto; display: block; object-fit: contain;}@media (max-width: 1200px){.bewerten-section .bewerten-grid{padding: 0 48px;}.bewerten-section .bewerten-content h2{font-size: 52px;}}@media (max-width: 991px){.bewerten-section{padding: 60px 0 40px;}.bewerten-section .bewerten-grid{grid-template-columns: 1fr; padding: 0 24px; gap: 40px;}.bewerten-section .bewerten-content{padding-right: 0;}.bewerten-section .bewerten-content h2{font-size: 44px;}.bewerten-section .bewerten-visual{justify-content: center;}.bewerten-section .bw-visual-img{max-width: 100%;}}@media (max-width: 600px){.bewerten-section{padding: 48px 0 36px;}.bewerten-section .bewerten-grid{padding: 0 20px;}.bewerten-section .bewerten-content h2{font-size: 36px;}.bewerten-section .bewerten-content p{font-size: 14px;}.bewerten-section .bw-cta-btn{padding: 14px 24px; font-size: 14px; width: 100%; justify-content: center;}}.feature-section{background: #1C1C1E; color: #fff; padding: 90px 0;}.feature-section .feature-row.reverse{direction: rtl;}.feature-section .feature-row.reverse > *{direction: ltr;}.feature-section .static-img{position: relative; overflow: hidden;}.feature-section .team-slideshow .team-slide.active{opacity: 1;}.feature-section .team-slideshow .team-slide[alt="Leni Swoboda"]{object-position: center 30%;}.feature-section .feature-content h2{color: var(--white, #FFF); font-family: "Satoshi", sans-serif; font-size: 40px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom: 28px;}.feature-section .feature-content p{color: var(--white, #FFF); font-family: "Satoshi", sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 100px;}.feature-section .team-stat:last-child{border-right: none; padding-right: 0; margin-right: 0;}@media (max-width: 768px){.cta-buttons{gap: 12px; flex-wrap: nowrap; width: 100%;}.btn-cta{font-size: 14px; padding: 10px 16px; justify-content: center; height: 44px; border-radius: 4px; flex: 1 1 0; min-width: 0; max-width: none;}.hero-property-search .search-box{padding: 20px 16px;}.hero-property-search .search-btn{padding: 10px 20px !important; height: 44px; font-size: 14px;}.services-section{padding: 48px 0;}.services-section .services-grid{grid-template-columns: 1fr;}.services-section .service-card{height: auto;}.services-section .service-card-img{height: 200px;}.feature-section{padding: 40px 16px;}.feature-section .feature-row.reverse{direction: ltr;}.feature-section .feature-row.reverse > *{direction: ltr;}.feature-section .static-img{max-width: 100%;}.feature-section .static-img img{width: 100%; height: 100%;}.feature-section .feature-content h2{font-size: 30px; margin-bottom: 12px; margin-top: 16px; font-family: "Juana", serif;}.feature-section .feature-content p{font-size: 14px; margin-bottom: 16px; max-width: 100%;}.feature-section .team-stats{margin-top: 28px; flex-wrap: wrap; row-gap: 16px;}}@media (max-width: 480px){.services-section{padding: 32px 0 !important;}.feature-section{padding: 32px 16px 0 !important;}.feature-section .feature-row{margin-bottom: 32px !important;}.feature-section img, .feature-section .animated-img .frame{height: 330px;}}.rent-property{background: #FBF9F6 !important;}.rent-property .nav-btn{background: #FBF9F6;}.rent-property h2{color: #1C1C1E !important;}.rent-property p{color: #1C1C1E !important;}.rent-property .btn-offer{border: 1px solid #1C1C1E !important; color: #1C1C1E !important;}.hero-property-search{background: #1C1C1E; padding: 100px 0px;}.hero-property-search .mid-search-heading{font-family: "Juana", serif; font-size: 24px; font-style: normal; font-weight: 400; color: #fff; line-height: 130%; letter-spacing: 0.24px; margin-bottom: 10px; text-align: center;}.hero-property-search .dropdown-toggle::after{display: none;}.hero-property-search .search-box{background: #fff; border-radius: 4px; padding: 35px 16px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);}.hero-property-search .property-search-form{gap: 16px; width: 100%; flex-wrap: wrap;}.hero-property-search .search-field--location{flex: 1; min-width: 280px; max-width: 100%; display: flex; align-items: center; position: relative; gap: 0;}.hero-property-search .search-field--location svg{position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #6b7280; flex-shrink: 0;}.hero-property-search .search-field--location input{padding-left: 40px; height: 56px; font-size: 15px; border: none !important; border-bottom: 1px solid #e5e7eb !important; border-radius: 0; width: 100%;}.hero-property-search .search-field--location .hp-search-carousel{position: absolute; left: 40px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: baseline; gap: 6px; font-size: 15px; color: #9ca3af; pointer-events: none; white-space: nowrap; overflow: hidden; max-width: calc(100% - 48px);}.hero-property-search .search-field--location .hp-search-carousel .hp-search-prefix{color: #374151; font-weight: 400; flex-shrink: 0;}.hero-property-search .search-field--location .hp-search-carousel .hp-search-typewriter{color: #9ca3af; white-space: pre; overflow: hidden;}.hero-property-search .search-field--location .hp-search-carousel .hp-search-cursor{color: #374151; font-weight: 400; margin-left: 1px; animation: hpSearchCursorBlink 1s steps(1) infinite;}.hero-property-search .nature-btn{display: flex; align-items: center; gap: 6px; padding: 10px 16px; height: 56px; border: 2px solid #e5e7eb; background: #fff; color: #374151; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.25s ease; white-space: nowrap;}.hero-property-search .nature-btn svg{width: 18px; height: 18px; flex-shrink: 0;}.hero-property-search .nature-btn:hover{border-color: #0a0a0a; color: #0a0a0a;}.hero-property-search .nature-btn.active, .hero-property-search .nature-btn[aria-pressed=true]{background: #0a0a0a; color: #fff; border-color: #0a0a0a;}.hero-property-search .search-field--nature{flex: 0 1 auto; min-width: 180px; display: flex; align-items: center; position: relative;}.hero-property-search .search-nature-btn{display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 56px; padding: 0 12px; border: 2px solid #e5e7eb; background: #fff; color: #374151; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.25s ease; text-decoration: none;}.hero-property-search .search-nature-btn svg{flex-shrink: 0; width: 18px; height: 18px; color: #6b7280;}.hero-property-search .search-nature-btn span{flex: 1; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.hero-property-search .search-nature-btn:hover{border-color: #0a0a0a; color: #0a0a0a;}.hero-property-search .search-nature-btn::after{display: none !important;}.hero-property-search .esr-dropdown--nature .esr-type-row{width: 100%; display: flex; align-items: center; gap: 12px; padding: 10px 16px; background: transparent; border: none; cursor: pointer; font-family: "Satoshi", sans-serif; font-size: 15px; color: #374151; text-align: left; transition: background 0.15s;}.hero-property-search .esr-dropdown--nature .esr-type-row:hover{background: #FBF9F6;}.hero-property-search .esr-dropdown--nature .esr-type-row .esr-type-row__label{flex: 1;}.hero-property-search .esr-dropdown--nature .esr-type-row .esr-type-row__check{width: 20px; height: 20px; border-radius: 50%; background: transparent; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.hero-property-search .esr-dropdown--nature .esr-type-row.active .esr-type-row__check, .hero-property-search .esr-dropdown--nature .esr-type-row[aria-pressed=true] .esr-type-row__check{background: #0a0a0a;}.hero-property-search{}.hero-property-search .search-field--property-type{flex: 0 1 auto; min-width: 200px; display: flex; align-items: center; position: relative;}.hero-property-search .search-property-type-btn{display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 56px; padding: 0 12px; border: 2px solid #e5e7eb; background: #fff; color: #374151; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 500; border-radius: 8px; cursor: pointer; transition: all 0.25s ease; text-decoration: none;}.hero-property-search .search-property-type-btn svg{flex-shrink: 0; width: 18px; height: 18px; color: #6b7280;}.hero-property-search .search-property-type-btn span{flex: 1; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.hero-property-search .search-property-type-btn:hover{border-color: #0a0a0a; color: #0a0a0a;}.hero-property-search .search-btn{height: 56px; padding: 0 32px; border-radius: 40px; font-weight: 600; white-space: nowrap; flex-shrink: 0;}.hero-property-search .form-control{border: none !important; border-bottom: 2px solid #e5e7eb !important; border-radius: 0 !important; box-shadow: none !important;}.hero-property-search .form-select{border: none !important; border-bottom: 2px solid #e5e7eb !important; border-radius: 0 !important; box-shadow: none !important;}@media (max-width: 991px){.hero-property-search .search-box{padding: 20px 24px;}.hero-property-search .property-search-form{flex-direction: column; gap: 12px;}.hero-property-search .search-field--location, .hero-property-search .search-field--nature, .hero-property-search .search-field--property-type, .hero-property-search .search-btn{width: 100%;}.hero-property-search .nature-btn{flex: 1; padding: 10px 12px; justify-content: center; gap: 4px; font-size: 13px;}.hero-property-search .nature-btn svg{width: 16px; height: 16px;}}.prop-card{background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); transition: box-shadow 0.25s ease, transform 0.25s ease; display: flex; flex-direction: column;}.prop-card:hover{box-shadow: 0 8px 30px rgba(0, 0, 0, 0.14); transform: translateY(-3px);}.prop-card-img-link{display: block; text-decoration: none;}.prop-card-img-wrap{position: relative; overflow: hidden; aspect-ratio: 4/3; background: #e9ecef;}.prop-card-img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease;}.prop-card:hover .prop-card-img{transform: scale(1.05);}.prop-card-badge{position: absolute; top: 12px; left: 12px; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 4px 10px; border-radius: 3px;}.prop-card-badge--sale{background: #0d1b2a; color: #fff;}.prop-card-badge--rent{background: #c9a96e; color: #fff;}.prop-card-body{padding: 1.25rem; display: flex; flex-direction: column; flex: 1;}.prop-card-title{font-family: "Juana", serif; font-size: 1rem; font-weight: 600; margin-bottom: 0.4rem; line-height: 1.35;}.prop-card-title a{color: #0d1b2a; text-decoration: none;}.prop-card-title a:hover{color: #0d1b2a;}.prop-card-specs{display: flex; gap: 0.75rem; margin-bottom: 1rem; flex-wrap: wrap;}.prop-card-spec{font-size: 0.8rem; color: #374151; background: #FBF9F6; padding: 3px 10px; border-radius: 20px;}.prop-card-footer{display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 0.75rem; border-top: 1px solid #FBF9F6;}.prop-card-price{font-size: 1.05rem; font-weight: 700; color: #0d1b2a;}.prop-card-link{font-size: 0.8rem; font-weight: 600; color: #0d1b2a; text-decoration: none;}.prop-card-link:hover{color: #0d1b2a; text-decoration: none;}.hins-section{background: #FBF9F6; padding: 72px 0 80px;}@media (max-width: 768px){.hins-section{padding: 48px 0 56px;}}.emr-head{max-width: 680px; margin-bottom: 32px;}.emr-title{font-family: "Juana", serif; font-size: clamp(26px, 3.4vw, 40px); font-weight: 500; line-height: 1.15; color: #1c1c1e; margin: 0 0 8px;}.emr-sub{font-size: 15px; line-height: 1.6; color: #6b7280; margin: 0;}.emr-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}@media (max-width: 900px){.emr-grid{grid-template-columns: 1fr; gap: 18px;}}.emr-card{background: #fff; border: 1px solid #E7E7E9; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.25s ease, box-shadow 0.25s ease;}.emr-card:hover{transform: translateY(-4px); box-shadow: 0 18px 44px rgba(26, 26, 26, 0.12);}.emr-card--soon{opacity: 0.92;}.emr-card--soon:hover{transform: none; box-shadow: none;}.emr-media{position: relative; aspect-ratio: 16/10; background: #1c1c1e; overflow: hidden;}.emr-card--soon .emr-media{background: #8a8a8a;}.emr-photo{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}.emr-media::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.45) 100%); pointer-events: none;}.emr-badge{position: absolute; left: 16px; bottom: 16px; z-index: 1; display: inline-flex; align-items: center; gap: 6px; background: #fff; border-radius: 99px; padding: 6px 14px; font-size: 13px; font-weight: 600; color: #1c1c1e;}.emr-badge svg{color: #0d1b2a;}.emr-body{padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1;}.emr-name{font-family: "Juana", serif; font-size: 22px; font-weight: 500; line-height: 1.2; color: #1c1c1e; margin: 0;}.emr-card--soon .emr-name{color: #9ca3af;}.emr-meta{display: inline-flex; align-items: center; gap: 7px; font-size: 13px; color: #6b7280;}.emr-meta svg{color: #9ca3af;}.emr-meta--muted{color: #9ca3af;}.emr-btn{margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #1c1c1e; background: #1c1c1e; color: #fff; border-radius: 10px; padding: 13px 16px; font-size: 14px; font-weight: 600; text-decoration: none; transition: background 0.15s, border-color 0.15s;}.emr-btn:hover{background: #000; color: #fff; text-decoration: none;}.emr-btn svg{color: #fff;}.emr-btn--disabled{background: rgba(0, 0, 0, 0.05); border-color: transparent; color: #9ca3af; cursor: default;}.emr-btn--disabled:hover{background: rgba(0, 0, 0, 0.05); color: #9ca3af;}.hins-dossier-banner{display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 40px; background: #1c1c1e; border-radius: 16px; padding: 24px 28px; text-decoration: none; transition: transform 0.2s ease;}.hins-dossier-banner:hover{transform: translateY(-2px); text-decoration: none;}.hins-dossier-banner:hover .hins-db-cta svg{transform: translateX(4px);}@media (max-width: 640px){.hins-dossier-banner{flex-direction: column; align-items: flex-start; gap: 18px; padding: 22px 20px;}}.hins-db-left{display: flex; gap: 18px;}.hins-db-icon{flex: none; width: 52px; height: 52px; border-radius: 12px; background: rgba(255, 255, 255, 0.15); color: #ffffff; display: inline-flex; align-items: center; justify-content: center;}.hins-db-info{display: flex; flex-direction: column; gap: 4px;}.hins-db-title{font-family: "Juana", serif; font-size: 20px; font-weight: 500; color: #fff; margin: 0; display: flex; align-items: center; gap: 10px;}.hins-db-new{background: #10B981; color: #fff; font-family: "Satoshi", sans-serif; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 99px;}.hins-db-sub{font-size: 14px; line-height: 1.5; color: #ffffff; margin: 0;}.hins-db-cta{flex: none; display: inline-flex; align-items: center; gap: 8px; background: #fff; color: #1c1c1e; border-radius: 10px; padding: 13px 20px; font-size: 14px; font-weight: 600; white-space: nowrap;}.hins-db-cta svg{transition: transform 0.2s ease;}.epis-section{background: #FBF9F6; padding: 80px 0 0;}.epis-header{display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: flex-end; margin-bottom: 40px;}.epis-header-title{font-family: "Juana", serif; font-size: clamp(2rem, 3.2vw, 2.75rem); font-weight: 700; color: #1A1A1A; line-height: 1.18; margin: 0;}.epis-header-desc{font-size: 0.92rem; color: #666; line-height: 1.7; max-width: 400px; margin: 0;}.epis-main-grid{display: grid; gap: 28px; align-items: start;}.epis-podcast-card{border-radius: 16px; overflow: hidden; background: #111; position: relative; min-height: 520px; display: flex; flex-direction: column;}.epis-podcast-card-bg{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none;}.epis-podcast-card-overlay{position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.2) 100%); pointer-events: none; pointer-events: none;}.epis-podcast-card-body{position: relative; z-index: 2; padding: 28px; display: flex; flex-direction: column; flex: 1;}.epis-card-label{display: flex; align-items: center; gap: 8px; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255, 255, 255, 0.85); margin-bottom: 20px;}.epis-card-label svg{opacity: 0.75; flex-shrink: 0;}.epis-card-title{font-family: "Juana", serif; font-size: clamp(1.4rem, 2.2vw, 2rem); font-weight: 700; color: #fff; line-height: 1.2; margin: 0 0 6px;}.epis-card-cta{display: inline-flex; align-items: center; gap: 14px; margin-bottom: 18px; text-decoration: none;}.epis-card-cta:hover{text-decoration: none;}.epis-card-cta:hover .epis-play-btn{transform: scale(1.07);}.epis-play-btn{width: 48px; height: 48px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform 0.2s;}.epis-play-btn svg{color: #111; margin-left: 3px;}.epis-play-label{font-size: 0.95rem; font-weight: 600; color: #fff;}.epis-card-meta{display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 0.78rem; color: rgba(255, 255, 255, 0.55); margin-bottom: 24px;}.epis-meta-item{display: flex; align-items: center; gap: 5px;}.epis-meta-item svg{opacity: 0.65; flex-shrink: 0;}.epis-meta-dot{width: 3px; height: 3px; border-radius: 50%; background: rgba(255, 255, 255, 0.35); flex-shrink: 0;}.epis-episode-list{display: flex; flex-direction: column; margin-top: auto;}.epis-episode-item{display: flex; align-items: center; gap: 12px; padding: 13px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); cursor: pointer;}.epis-episode-item:hover .epis-episode-play{background: #fff; border-color: #fff; color: #111;}.epis-episode-thumb{width: 56px; height: 56px; border-radius: 6px; object-fit: cover; flex-shrink: 0; background: #2a2a2a;}.epis-episode-info{flex: 1; min-width: 0;}.epis-episode-num{font-size: 0.7rem; color: rgba(255, 255, 255, 0.45); margin-bottom: 3px; font-weight: 500; letter-spacing: 0.04em;}.epis-episode-title{font-size: 0.85rem; color: #fff; font-weight: 500; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.epis-episode-play{width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: rgba(255, 255, 255, 0.8); cursor: pointer; transition: background 0.2s, border-color 0.2s, color 0.2s; background: transparent; padding: 0;}.epis-episode-play svg{margin-left: 2px;}.epis-dossier-panel{background: #fff; border-radius: 16px; padding: 28px; display: flex; flex-direction: column;}.epis-dossier-head{display: flex; align-items: center; gap: 10px; margin-bottom: 8px;}.epis-dossier-head svg{color: #0d1b2a; flex-shrink: 0;}.epis-dossier-head-text{font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #0d1b2a;}.epis-dossier-list{flex: 1; display: flex; flex-direction: column;}.epis-dossier-row{display: flex; align-items: center; gap: 12px; padding: 16px 0; border-bottom: 1px solid #F0F0F2;}.epis-dossier-row:last-child{border-bottom: none; padding-bottom: 0;}.epis-dossier-pin{color: #0d1b2a; flex-shrink: 0; margin-top: 1px;}.epis-dossier-info{flex: 1; min-width: 0;}.epis-dossier-name{font-size: 0.95rem; font-weight: 600; color: #1A1A1A; line-height: 1.25;}.epis-dossier-date{font-size: 0.78rem; color: #0d1b2a; margin-top: 2px;}.epis-dossier-right{display: flex; flex-direction: column; align-items: flex-end; gap: 1px; flex-shrink: 0;}.epis-dossier-price{font-size: 1.05rem; font-weight: 700; color: #1A1A1A; white-space: nowrap;}.epis-dossier-unit{font-size: 0.72rem; color: #0d1b2a; white-space: nowrap;}.epis-badge-new{background: #E8E8EA; color: #7A6A52; font-size: 0.68rem; font-weight: 600; padding: 3px 10px; border-radius: 20px; flex-shrink: 0; letter-spacing: 0.06em; white-space: nowrap; align-self: flex-start; margin-top: 2px;}.epis-dossier-cta{display: block; margin-top: 24px; padding: 14px 24px; border: 1.5px solid #1A1A1A; border-radius: 8px; text-align: center; font-size: 0.88rem; font-weight: 600; color: #1A1A1A; text-decoration: none; transition: background 0.2s, color 0.2s;}.epis-dossier-cta:hover{background: #1A1A1A; color: #fff; text-decoration: none;}.epis-streaming-bar{background: #1C1C1E; padding: 16px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; border-radius: 8px;}.epis-streaming-platforms{display: flex; align-items: center; gap: 40px; flex-wrap: wrap;}.epis-streaming-label{font-size: 1.125rem; font-weight: 500; color: #fff; white-space: nowrap; letter-spacing: 0.01em;}.epis-platform-link{display: flex; align-items: center; gap: 12px; padding: 8px 12px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; font-size: 1rem; font-weight: 400; color: #fff; text-decoration: none; letter-spacing: 0.01em; white-space: nowrap; transition: border-color 0.2s, background 0.2s;}.epis-platform-link:hover{border-color: rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.06); text-decoration: none; color: #fff;}.epis-platform-icon{display: flex; align-items: center; justify-content: center; flex-shrink: 0;}.epis-platform-icon img{display: block;}.epis-platform-icon--spotify{width: 24px; height: 24px;}.epis-platform-icon--youtube{width: 34px; height: 24px;}.epis-platform-icon--apple{width: 28px; height: 28px;}.epis-waveform{flex-shrink: 0; width: 192px; height: 34px; overflow: hidden;}.epis-waveform img{display: block; width: 100%; height: 100%;}@media (max-width: 992px){.epis-header{grid-template-columns: 1fr; gap: 16px;}.epis-header-desc{max-width: 100%;}.epis-main-grid{grid-template-columns: 1fr;}.epis-podcast-card{min-height: 480px;}}@media (max-width: 768px){.epis-streaming-platforms{gap: 16px;}}@media (max-width: 576px){.epis-section{padding: 56px 0 0;}.epis-streaming-bar{flex-wrap: wrap; gap: 16px; padding: 16px 20px;}.epis-waveform{display: none;}.epis-header-title{font-size: 1.75rem;}}.esp-checklist__heading{font-family: "Satoshi", sans-serif; font-size: 24px; font-weight: 700; color: #fff; margin: 0 0 8px;}.esp-um-sub{font-family: "Satoshi", sans-serif; font-size: 16px; color: #6f6f6f; margin: 0; line-height: 1.4; max-width: 400px;}.esp-um-timer{font-family: "Satoshi", sans-serif; font-size: 16px; color: #000; flex-shrink: 0; min-width: 44px;}.esp-um-label{font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 500; color: rgba(20, 20, 20, 0.8); text-transform: capitalize;}.esp-um-email{width: 100%; height: 50px; padding: 0 14px; background: #f6f7f9; border: none; border-radius: 4px; font-family: "Satoshi", sans-serif; font-size: 15px; color: #1c1c1e; transition: box-shadow 0.18s;}.esp-um-send-btn{width: 100%; height: 54px; background: #1c1c1e; color: #fff; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 8px; font-family: "Satoshi", sans-serif; font-size: 16px; font-weight: 500; cursor: pointer; transition: background 0.18s, opacity 0.18s;}.esp-upload-divider{display: flex; align-items: center; gap: 14px; color: #6f6f6f; font-family: "Satoshi", sans-serif; font-size: 14px;}.esp-upload-divider::before, .esp-upload-divider::after{content: ""; flex: 1; height: 1px; background: #e0e0e0;}.esp-um-alt{display: flex; align-items: center; justify-content: center; gap: 12px; padding: 16px; border-radius: 8px; font-family: "Satoshi", sans-serif; font-size: 16px; font-weight: 500; text-decoration: none; transition: opacity 0.18s;}.esp-um-file-title{font-family: "Satoshi", sans-serif; font-size: 15px; font-weight: 700; color: #1c1c1e; letter-spacing: 0.16px; line-height: 1.2;}.esp-um-file-hint{font-family: "Satoshi", sans-serif; font-size: 13px; color: #6f6f6f; letter-spacing: 0.14px; line-height: 1.3;}.esp-upload-filename{font-family: "Satoshi", sans-serif; font-size: 12px; color: #10b981; font-weight: 500; margin-top: 2px;}.esp-um-file-error{font-family: "Satoshi", sans-serif; font-size: 12px; color: #e53e3e; margin-top: 2px;}.esp-um-browse{font-family: "Satoshi", sans-serif; font-size: 15px; font-weight: 500; color: #1c1c1e; white-space: nowrap; flex-shrink: 0; border-bottom: 1px solid #1c1c1e; padding-bottom: 1px; line-height: 1;}.edl-hp{position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden;}.edl-modal{position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 24px;}.edl-modal[hidden]{display: none;}.edl-modal .edl-modal-overlay{position: absolute; inset: 0; background: rgba(28, 28, 30, 0.62); backdrop-filter: blur(3px);}.edl-modal .edl-modal-dialog{position: relative; z-index: 1; width: 100%; max-width: 540px; max-height: 92vh; overflow-y: auto; background: #fff; border-radius: 18px; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28); padding: 34px 34px 28px;}@media (max-width: 560px){.edl-modal .edl-modal-dialog{padding: 26px 20px 22px; border-radius: 14px;}}.edl-modal .edl-modal-x{position: absolute; top: 14px; right: 14px; width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: #FBF9F6; color: #6F6F6F; cursor: pointer; transition: background 0.15s ease, color 0.15s ease;}.edl-modal .edl-modal-x:hover{background: #efece7; color: #1C1C1E;}.edl-modal-kicker{text-transform: uppercase; letter-spacing: 0.12em; font-size: 11px; font-weight: 600; color: #0d1b2a; margin: 0 0 6px;}.edl-modal-title{font-size: clamp(20px, 2.6vw, 26px); font-weight: 600; color: #1C1C1E; margin: 0 0 6px; line-height: 1.2;}.edl-modal-sub{color: #6F6F6F; margin: 0 0 22px; font-size: 14.5px;}.edl-form .edl-row--2{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}@media (max-width: 480px){.edl-form .edl-row--2{grid-template-columns: 1fr;}}.edl-form .edl-field{margin-bottom: 14px;}.edl-form .edl-req{color: #DC2626;}.edl-errors{background: rgba(220, 38, 38, 0.07); border: 1px solid rgba(220, 38, 38, 0.3); border-radius: 10px; padding: 10px 14px; margin-bottom: 16px;}.edl-errors ul{margin: 0; padding-left: 18px;}.edl-errors li{color: #DC2626; font-size: 13.5px;}.edl-consents{border: 1px solid #E7E7E9; border-radius: 12px; padding: 14px 16px 4px; margin: 6px 0 18px;}.edl-consents legend{font-size: 12px; font-weight: 600; color: #6F6F6F; padding: 0 6px; text-transform: uppercase; letter-spacing: 0.06em;}.edl-consents .edl-check{display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; cursor: pointer;}.edl-consents .edl-check input[type=checkbox]{margin-top: 3px; width: 17px; height: 17px; flex: 0 0 auto; accent-color: #0d1b2a; cursor: pointer;}.edl-consents .edl-check span{font-size: 13px; line-height: 1.45; color: #1C1C1E;}.edl-consents .edl-revoke{font-size: 11.5px; line-height: 1.5; color: #6F6F6F; margin: 2px 0 10px;}.edl-consents .edl-revoke a{color: #0d1b2a; text-decoration: underline;}.edl-submit{width: 100%; justify-content: center; margin-top: 4px;}.edl-incentive{text-align: center; font-size: 13px; color: #6F6F6F; margin: 12px 0 0;}.edl-privacy-note{font-size: 11.5px; line-height: 1.5; color: #6F6F6F; margin: 12px 0 0;}.edl-privacy-note a{color: #0d1b2a; text-decoration: underline;}