<div class="video_detail_top">
<div class="video_detail_top_inner">
<div class="video_detail_top_breadcrumbs">
<div class="fs-row">
<div class="fs-cell">
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list multiple" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html" aria-label="Home">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_icon" aria-hidden="true">
<svg class="icon icon_home">
<use href="/images/icons.svg#home" />
</svg>
</span>
<span class="breadcrumb_pill_icon_back" aria-hidden="true" aria-label="Go Back">
<svg class="icon icon_arrow_back_breadcrumbs">
<use href="/images/icons.svg#arrow_back_breadcrumbs" />
</svg>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Commentary & Analysis</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Video Series</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Page Title</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<div class="video_detail_top_body">
<div class="fs-row video_detail_top_body_row">
<div class="fs-cell video_detail_top_body_cell">
<div class="video_detail_top_body_inner">
<div class="video_detail_top_body_header">
<h1 class="video_detail_top_title">What Happens to Germany after Merkel is Gone?</h1>
<div class="video_detail_top_labels">
<span class="video_detail_top_label_type">
Video Series
</span>
<span class="video_detail_top_label_series">
<a href="#">#ASKIVO</a>
</span>
</div>
</div>
<div class="video_detail_top_body_content">
<div class="video_detail_top_intro">
<span class="video_detail_top_intro_label">Angela Merkel has said she will step down in 2021. In the latest #AksIvo, Council President Ivo Daadler looks at three big issues surrounding her departure.</span>
</div>
<time class="video_detail_top_date" datetime="2020-08-12">
August 12, 2020
</time>
<figure class="video_detail_top_figure">
<span class="lazy_image_wrapper video_detail_top_image_wrapper">
<img class="js-lazy js-lazyload video_detail_top_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x169/4" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x169/4 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/4 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/4 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/980x552/4 980w, //images.fastspot.com/the-chicago-council-on-global-affairs/1220x686/4 1220w, //images.fastspot.com/the-chicago-council-on-global-affairs/1440x810/4 1440w" alt="">
</span>
<noscript>
<img class="video_detail_top_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/1440x810/4" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/1440x810/4 1440w, //images.fastspot.com/the-chicago-council-on-global-affairs/1220x686/4 1220w, //images.fastspot.com/the-chicago-council-on-global-affairs/980x552/4 980w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/4 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/4 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x169/4 300w" sizes="100vw" alt="">
</noscript>
<a href="https://www.youtube.com/watch?v=KYbs0ZK07Ws" class="video_detail_top_player_link js-video-appender">
<span class="video_detail_top_player_link_label">Play Video</span>
<span class="video_detail_top_player_link_icon">
<svg class="icon icon_podcast_play">
<use href="/images/icons.svg#podcast_play" />
</svg>
</span>
</a>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="video_detail_top">
<div class="video_detail_top_inner">
<div class="video_detail_top_breadcrumbs">
<div class="fs-row">
<div class="fs-cell">
{% render '@navigation-breadcrumb--video-detail' %}
</div>
</div>
</div>
<div class="video_detail_top_body">
<div class="fs-row video_detail_top_body_row">
<div class="fs-cell video_detail_top_body_cell">
<div class="video_detail_top_body_inner">
<div class="video_detail_top_body_header">
<h1 class="video_detail_top_title">{{ title }}</h1>
<div class="video_detail_top_labels">
<span class="video_detail_top_label_type">
{{ type }}
</span>
<span class="video_detail_top_label_series">
<a href="#">{{ series }}</a>
</span>
</div>
</div>
<div class="video_detail_top_body_content">
<div class="video_detail_top_intro">
<span class="video_detail_top_intro_label">{{ intro }}</span>
</div>
<time class="video_detail_top_date" datetime="{{ date }}">
{{ date|date("F j, Y") }}
</time>
<figure class="video_detail_top_figure{% if image_credit %} has_credit{% endif %}">
{% render "@partial-image" with {
class: "video_detail_top",
image: image,
sources: [
img.wide.xlrg,
img.wide.lrg,
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml,
]
} %}
{% if video %}
<a href="{{ video }}" class="video_detail_top_player_link js-video-appender">
<span class="video_detail_top_player_link_label">Play Video</span>
<span class="video_detail_top_player_link_icon">{{ icon("podcast_play") }}</span>
</a>
{% endif %}
{% if image_credit %}
<div class="video_detail_top_img_credit">
<div class="video_detail_top_img_credit_inner">
{{ image_credit }}
</div>
</div>
{% endif %}
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.