.elementor-7805 .elementor-element.elementor-element-7fe8c94a:not(.elementor-motion-effects-element-type-background), .elementor-7805 .elementor-element.elementor-element-7fe8c94a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#820B20;background-image:url("https://context-referenten.de/wp-content/uploads/2020/04/listung-referenten-hg.webp");}.elementor-7805 .elementor-element.elementor-element-7fe8c94a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:36px 6% 36px 6%;}.elementor-7805 .elementor-element.elementor-element-7fe8c94a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-7805 .elementor-element.elementor-element-625b86be.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-7805 .elementor-element.elementor-element-625b86be.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-7805 .elementor-element.elementor-element-625b86be > .elementor-element-populated{padding:0% 12% 0% 0%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}.elementor-7805 .elementor-element.elementor-element-00887a8{width:auto;max-width:auto;text-align:left;}.elementor-7805 .elementor-element.elementor-element-00887a8 img{max-width:132px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7805 .elementor-element.elementor-element-4e5b5d6{width:auto;max-width:auto;text-align:left;}.elementor-7805 .elementor-element.elementor-element-4e5b5d6 > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-7805 .elementor-element.elementor-element-4e5b5d6 .elementor-heading-title{font-size:56px;font-weight:700;line-height:1em;letter-spacing:0.2px;color:#ffffff;}.elementor-7805 .elementor-element.elementor-element-d93e365{width:auto;max-width:auto;text-align:left;}.elementor-7805 .elementor-element.elementor-element-d93e365 > .elementor-widget-container{padding:16px 0px 11px 0px;}.elementor-7805 .elementor-element.elementor-element-d93e365 .elementor-heading-title{font-size:33px;font-weight:400;line-height:1em;letter-spacing:0.2px;color:#ffffff;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7805 .elementor-element.elementor-element-49bf6c9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:4px 0px 0px 0px;}.elementor-7805 .elementor-element.elementor-element-49bf6c9{text-align:left;font-size:21px;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-7805 .elementor-element.elementor-element-f917705.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-7805 .elementor-element.elementor-element-f917705.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-7805 .elementor-element.elementor-element-404225d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7805 .elementor-element.elementor-element-404225d{text-align:left;font-size:21px;color:#FFFFFF;}.elementor-7805 .elementor-element.elementor-element-ac00224 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7805 .elementor-element.elementor-element-ac00224{text-align:left;font-size:17px;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7805 .elementor-element.elementor-element-bdbd439 .elementor-button{background-color:#FFFFFF00;font-family:"Roboto";font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-radius:6px 6px 6px 6px;padding:12px 12px 12px 12px;}.elementor-7805 .elementor-element.elementor-element-bdbd439{width:auto;max-width:auto;}.elementor-7805 .elementor-element.elementor-element-bdbd439 > .elementor-widget-container{margin:0px 10px 0px 0px;}.elementor-7805 .elementor-element.elementor-element-bdbd439 .elementor-button-content-wrapper{flex-direction:row;}.elementor-7805 .elementor-element.elementor-element-ba7f4c0 .elementor-button{background-color:#FFFFFF00;font-family:"Roboto";font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:6px 6px 6px 6px;padding:12px 12px 12px 12px;}.elementor-7805 .elementor-element.elementor-element-ba7f4c0{width:auto;max-width:auto;}.elementor-7805 .elementor-element.elementor-element-ba7f4c0 > .elementor-widget-container{margin:0px 10px 0px 0px;}.elementor-7805 .elementor-element.elementor-element-ba7f4c0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7805 .elementor-element.elementor-element-aaa3d02 > .elementor-background-overlay{opacity:0.59;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7805 .elementor-element.elementor-element-aaa3d02{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:40px 40px 40px 40px;}.elementor-7805 .elementor-element.elementor-element-e8f9a21:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-7805 .elementor-element.elementor-element-e8f9a21 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7805 .elementor-element.elementor-element-e8f9a21 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7805 .elementor-element.elementor-element-e8f9a21 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}.elementor-7805 .elementor-element.elementor-element-031879c > .elementor-widget-container{background-color:#F5F5F5;}.elementor-7805 .elementor-element.elementor-element-031879c{--icon-box-icon-margin:19px;}.elementor-7805 .elementor-element.elementor-element-031879c .elementor-icon-box-title{margin-bottom:6px;color:#000000;}.elementor-7805 .elementor-element.elementor-element-031879c.elementor-view-stacked .elementor-icon{background-color:#BBBBBB;}.elementor-7805 .elementor-element.elementor-element-031879c.elementor-view-framed .elementor-icon, .elementor-7805 .elementor-element.elementor-element-031879c.elementor-view-default .elementor-icon{fill:#BBBBBB;color:#BBBBBB;border-color:#BBBBBB;}.elementor-7805 .elementor-element.elementor-element-031879c .elementor-icon{font-size:29px;}.elementor-7805 .elementor-element.elementor-element-031879c .elementor-icon-box-description{color:#1C1C1C;}.elementor-7805 .elementor-element.elementor-element-2fa4c75 > .elementor-widget-container{background-color:#F4F3F3;}body.elementor-page-7805:not(.elementor-motion-effects-element-type-background), body.elementor-page-7805 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F3F3;}@media(max-width:1024px){.elementor-7805 .elementor-element.elementor-element-7fe8c94a{padding:42px 25px 42px 25px;}.elementor-7805 .elementor-element.elementor-element-625b86be > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-7805 .elementor-element.elementor-element-4e5b5d6{text-align:center;}.elementor-7805 .elementor-element.elementor-element-d93e365{text-align:center;}.elementor-7805 .elementor-element.elementor-element-49bf6c9{text-align:center;}.elementor-7805 .elementor-element.elementor-element-404225d{text-align:center;}.elementor-7805 .elementor-element.elementor-element-ac00224{text-align:center;}}@media(max-width:767px){.elementor-7805 .elementor-element.elementor-element-7fe8c94a{padding:50px 20px 10px 20px;}.elementor-7805 .elementor-element.elementor-element-625b86be > .elementor-element-populated{padding:0px 0px 20px 0px;}.elementor-7805 .elementor-element.elementor-element-4e5b5d6{text-align:center;}.elementor-7805 .elementor-element.elementor-element-4e5b5d6 .elementor-heading-title{font-size:25px;}.elementor-7805 .elementor-element.elementor-element-d93e365{text-align:center;}.elementor-7805 .elementor-element.elementor-element-d93e365 .elementor-heading-title{font-size:25px;}.elementor-7805 .elementor-element.elementor-element-aaa3d02{padding:0px 0px 0px 0px;}.elementor-7805 .elementor-element.elementor-element-e8f9a21 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-7805 .elementor-element.elementor-element-625b86be{width:52.206%;}.elementor-7805 .elementor-element.elementor-element-f917705{width:47.759%;}.elementor-7805 .elementor-element.elementor-element-e8f9a21{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7805 .elementor-element.elementor-element-625b86be{width:100%;}}/* Start custom CSS for html, class: .elementor-element-2fa4c75 */:root {
            --bg-main: #F4F3F3;      /* Hellgrauer Hintergrund */
            --bg-card: #ffffff;      /* Reines Weiß für den Container */
            --bg-hover: #f1f1f1;     /* Softes Hover-Hellgrau */
            --accent: #8C0000;       /* Dunkelrot für Links & Aktiv-Zustände */
            --accent-hover: #b30000; /* Etwas helleres Rot für Hover */
            --text-main: #222222;    /* Anthrazit/Schwarz für Headlines & Haupttext */
            --text-muted: #5f6368;   /* Dunkleres Grau für Metadaten (Barrierefrei) */
            --border: #e2e8f0;       /* Dezent helle Rahmenlinien */
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }

        body {
            background-color: var(--bg-main);
            color: var(--text-main);
            min-height: 100vh;
        }

        /* --- CONTAINER VERGRÖSSERT & DESIGNT --- */
        .plcontainer {
            display: grid;
            grid-template-columns: 1fr 560px; /* Playlist rechts breiter */
            gap: 28px;
            width: 100%;
            max-width: 1600px!important; /* Container vergrößert */
            background-color: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 28px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); /* Dezenter Schatten für Tiefe */
            margin: 0 auto;
        }

        /* --- PLAYER BEREICH (LINKS) --- */
        .player-section {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .video-wrapper {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
            height: 0;
            border-radius: 12px;
            overflow: hidden;
            background: #000;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        }

        .video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }

        .video-meta {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 4px;
        }

        .video-details {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .video-title {
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--text-main); /* #222 */
            line-height: 1.3;
        }

        .speaker-info {
            font-size: 0.95rem;
            color: var(--text-muted);
        }

        .speaker-link {
            color: var(--accent); /* #8C0000 */
            text-decoration: none;
            font-weight: 700;
            transition: color 0.2s;
        }

        .speaker-link:hover {
            color: var(--accent-hover);
            text-decoration: underline;
        }

        /* --- NEUE BUTTONS UNTER DEM REFERENTEN --- */
        .speaker-actions {
            display: flex;
            gap: 12px;
            margin-top: 6px;
        }

        .speaker-actions a {
            font-size: 0.85rem;
            color: var(--accent); /* #8C0000 */
            text-decoration: none;
            background: rgba(140, 0, 0, 0.06); /* Sehr dezenter roter Hintergrund */
            padding: 8px 14px;
            border-radius: 6px;
            font-weight: 600;
            border: 1px solid rgba(140, 0, 0, 0.12);
            transition: all 0.2s ease-in-out;
        }

        .speaker-actions a:hover {
            background: var(--accent); /* Vollflächig rot bei Hover */
            color: #ffffff;
            border-color: var(--accent);
        }

        .action-buttons {
            display: flex;
            gap: 12px;
        }

        /* --- LIKE BUTTON --- */
        .btn-like {
            background: none;
            border: 1px solid var(--border);
            color: var(--text-muted);
            padding: 8px 18px;
            border-radius: 30px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.95rem;
            transition: all 0.2s ease;
        }

        .btn-like:hover {
            border-color: var(--accent);
            color: var(--accent);
            background: rgba(140, 0, 0, 0.05);
        }

        .btn-like.liked {
            background: var(--accent);
            border-color: var(--accent);
            color: white;
        }

        .like-count {
            font-weight: 700;
            margin-left: 4px;
            padding-left: 8px;
            border-left: 1px solid currentColor;
            opacity: 0.9;
        }

        /* --- PLAYLIST BEREICH (RECHTS) --- */
        .playlist-section {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .playlist-header {
            font-size: 1.15rem;
            font-weight: 700;
            color: var(--text-main); /* #222 */
            padding-bottom: 4px;
        }

        /* --- KATEGORIEN DROPDOWN --- */
        .category-select {
            width: 100%;
            padding: 12px 14px;
            background-color: #fafafa;
            color: var(--text-main);
            border: 1px solid var(--border);
            border-radius: 8px;
            font-size: 0.95rem;
            font-weight: 600;
            outline: none;
            cursor: pointer;
            appearance: none;
            /* SVG Pfeil auf das Dunkelrot #8C0000 angepasst */
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%22%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%238C0000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
            background-repeat: no-repeat;
            background-position: right 14px top 50%;
            background-size: 12px auto;
            transition: border-color 0.2s;
        }

        .category-select:focus {
            border-color: var(--accent);
        }

        /* --- PLAYLIST SCROLLBEREICH --- */
        .playlist-items {
            display: flex;
            flex-direction: column;
            gap: 12px;
            overflow-y: auto;
            padding-right: 6px;
            max-height: 560px; /* Perfekte Höhe für das Scrollen von 20 Einträgen */
        }

        /* Custom Scrollbar im Light-Style */
        .playlist-items::-webkit-scrollbar {
            width: 8px;
        }
        .playlist-items::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }
        .playlist-items::-webkit-scrollbar-thumb {
            background: #d1d5db;
            border-radius: 10px;
        }
        .playlist-items::-webkit-scrollbar-thumb:hover {
            background: #9ca3af;
        }

        .playlist-item {
            display: flex;
            gap: 14px;
            padding: 10px;
            background-color: #fafafa;
            border: 1px solid var(--border);
            border-radius: 10px;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .playlist-item:hover {
            background-color: var(--bg-hover);
            transform: translateX(4px);
        }

        /* AKTIVES PLAYLIST-ELEMENT (Rot hervorgehoben) */
        .playlist-item.active {
            background-color: rgba(140, 0, 0, 0.05);
            border-color: var(--accent);
        }

        .thumbnail-area {
            position: relative;
            width: 140px; /* Breitere Thumbnail-Spalte */
            height: 78px;
            border-radius: 6px;
            overflow: hidden;
            background: #000;
            flex-shrink: 0;
        }

        .thumbnail-area img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .duration-badge {
            position: absolute;
            bottom: 4px;
            right: 4px;
            background: rgba(0, 0, 0, 0.8);
            color: #fff;
            font-size: 0.75rem;
            font-weight: 600;
            padding: 2px 6px;
            border-radius: 4px;
        }

        .item-info {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            gap: 4px;
            overflow: hidden;
            padding-top: 2px;
        }

        .item-title {
            font-size: 0.9rem;
            font-weight: 700;
            color: var(--text-main); /* #222 */
            line-height: 1.3;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .item-speaker {
            font-size: 0.8rem;
            color: var(--text-muted);
            font-weight: 500;
        }

        .item-category {
            font-size: 0.7rem;
            color: var(--accent); /* #8C0000 */
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-weight: 700;
            margin-top: auto;
        }

        /* Responsive Layout */
        @media (max-width: 1024px) {
            .container {
                grid-template-columns: 1fr;
            }
            .playlist-items {
                max-height: 500px;
            }
        }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://context-referenten.de/wp-content/uploads/2022/11/roboto-v30-latin-regular.eot');
	src: url('https://context-referenten.de/wp-content/uploads/2022/11/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'),
		url('https://context-referenten.de/wp-content/uploads/2022/11/roboto-v30-latin-regular.woff2') format('woff2'),
		url('https://context-referenten.de/wp-content/uploads/2022/11/roboto-v30-latin-regular.woff') format('woff'),
		url('https://context-referenten.de/wp-content/uploads/2022/11/roboto-v30-latin-regular.ttf') format('truetype'),
		url('https://context-referenten.de/wp-content/uploads/2022/11/roboto-v30-latin-regular.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://context-referenten.de/wp-content/uploads/2022/11/roboto-v30-latin-700.eot');
	src: url('https://context-referenten.de/wp-content/uploads/2022/11/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'),
		url('https://context-referenten.de/wp-content/uploads/2022/11/roboto-v30-latin-700.woff2') format('woff2'),
		url('https://context-referenten.de/wp-content/uploads/2022/11/roboto-v30-latin-700.woff') format('woff'),
		url('https://context-referenten.de/wp-content/uploads/2022/11/roboto-v30-latin-700.ttf') format('truetype'),
		url('https://context-referenten.de/wp-content/uploads/2022/11/roboto-v30-latin-700.svg#Roboto') format('svg');
}
/* End Custom Fonts CSS */