/**
 * styles.scss
 *
 * @package m.dw.com
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @since 2017/08/18
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/*
 * Mixin printing a linear-gradient
 * as well as a plain color fallback
 * and the `-webkit-` prefixed declaration
 * @access public
 * @param {Keyword | Angle} $direction - Linear gradient direction
 * @param {Arglist} $color-stops - List of color-stops composing the gradient
 *
 * @see https://www.sitepoint.com/building-linear-gradient-mixin-sass/
 */
/* ********************************************* */
/* loading variables... */
/* loading mixins... */
/**
 * _base.scss
 *
 * @package m.dw.com
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @since 2017/08/18
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
html * {
    box-sizing: border-box;
    /* anderes box-model-system weite mit der border,  */
}
html a {
    text-decoration: none;
    color: #3c444d;
}

.clearfix:after {
    content: ' ';
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

/* layout */
.content {
    margin: 0;
}

.main {
    padding: 0 0 6.25vw;
}

.teaser {
    width: 100vw;
    margin: 5vw 0 0;
    padding: 0;
}
.teaser--offset2-0 {
    margin: 0.625vw 0 0;
}
.teaser--offset20-0 {
    margin: 6.25vw 0 0;
}
.teaser--offset30-0 {
    margin: 9.375vw 0 0;
}

.comments {
    margin: 5vw 3.125vw 0;
}

.separatingline {
    margin: 0;
    border-top: 0.3125vw solid rgba(109, 119, 128, 0.2);
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}
.separatingline--white {
    border-color: white;
}

/* layout */
/* states */
html a:hover {
    text-decoration: none;
}

/**
 * _fonts.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 26.10.2017
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
/* S E R I F ----- DWTheAntiquaB ----- */
@font-face {
    font-family: "DWTheAntiquaB";
    font-style: normal;
    font-weight: 600;
    src: local("DW TheAntiquaB W6 Halb Fett"), url("webfonts/DWTheAntiquaB/DWTheAntiquaB-W6SemiBold.woff2") format("woff2"), url("webfonts/DWTheAntiquaB/DWTheAntiquaB-W6SemiBold.woff") format("woff"), url("webfonts/DWTheAntiquaB/DWTheAntiquaB-W6SemiBold.ttf") format("truetype"), url("webfonts/DWTheAntiquaB/DWTheAntiquaB-W6SemiBold.eot") format("embedded-opentype"), url("webfonts/DWTheAntiquaB/DWTheAntiquaB-W6SemiBold.svg#DWTheAntiquaB-W6SemiBold") format("svg");
}
@font-face {
    font-family: "DWTheAntiquaB";
    font-style: normal;
    font-weight: 400;
    src: local("DW TheAntiquaB W5 Plain"), url("webfonts/DWTheAntiquaB/DWTheAntiquaB-W5Plain.woff2") format("woff2"), url("webfonts/DWTheAntiquaB/DWTheAntiquaB-W5Plain.woff") format("woff"), url("webfonts/DWTheAntiquaB/DWTheAntiquaB-W5Plain.ttf") format("truetype"), url("webfonts/DWTheAntiquaB/DWTheAntiquaB-W5Plain.eot") format("embedded-opentype"), url("webfonts/DWTheAntiquaB/DWTheAntiquaB-W5Plain.svg#DWTheAntiquaB-W5Plain") format("svg");
}
/*Basic Latin Symbols*/
@font-face {
    font-family: "DWTheAntiquaB";
    font-style: normal;
    font-weight: 600;
    src: local("DW TheAntiquaB W6 Halb Fett"), url("webfonts/DWTheAntiquaBLatinBasicSymbols/DWTheAntiquaBLatinBasicSymbols-W6SemiBold.woff2") format("woff2"), url("webfonts/DWTheAntiquaBLatinBasicSymbols/DWTheAntiquaBLatinBasicSymbols-W6SemiBold.woff") format("woff"), url("webfonts/DWTheAntiquaBLatinBasicSymbols/DWTheAntiquaBLatinBasicSymbols-W6SemiBold.ttf") format("truetype"), url("webfonts/DWTheAntiquaBLatinBasicSymbols/DWTheAntiquaBLatinBasicSymbols-W6SemiBold.eot") format("embedded-opentype"), url("webfonts/DWTheAntiquaBLatinBasicSymbols/DWTheAntiquaBLatinBasicSymbols-W6SemiBold.svg#DWTheAntiquaBLatinBasicSymbols-W6SemiBold") format("svg");
    unicode-range: U+020-040, U+05B-060, U+07B-07F;
    /*Basic Latin Symbols*/
}
@font-face {
    font-family: "DWTheAntiquaB";
    font-style: normal;
    font-weight: 400;
    src: local("DW TheAntiquaB W5 Plain"), url("webfonts/DWTheAntiquaBLatinBasicSymbols/DWTheAntiquaBLatinBasicSymbols-W5Plain.woff2") format("woff2"), url("webfonts/DWTheAntiquaBLatinBasicSymbols/DWTheAntiquaBLatinBasicSymbols-W5Plain.woff") format("woff"), url("webfonts/DWTheAntiquaBLatinBasicSymbols/DWTheAntiquaBLatinBasicSymbols-W5Plain.ttf") format("truetype"), url("webfonts/DWTheAntiquaBLatinBasicSymbols/DWTheAntiquaBLatinBasicSymbols-W5Plain.eot") format("embedded-opentype"), url("webfonts/DWTheAntiquaBLatinBasicSymbols/DWTheAntiquaBLatinBasicSymbols-W5Plain.svg#DWTheAntiquaBLatinBasicSymbols-W5Plain") format("svg");
    unicode-range: U+020-040, U+05B-060, U+07B-07F;
    /*Basic Latin Symbols*/
}
/*Basic Latin Letters*/
@font-face {
    font-family: "DWTheAntiquaB";
    font-style: normal;
    font-weight: 600;
    src: local("DW TheAntiquaB W6 Halb Fett"), url("webfonts/DWTheAntiquaBLatinBasicLetters/DWTheAntiquaBLatinBasicLetters-W6SemiBold.woff2") format("woff2"), url("webfonts/DWTheAntiquaBLatinBasicLetters/DWTheAntiquaBLatinBasicLetters-W6SemiBold.woff") format("woff"), url("webfonts/DWTheAntiquaBLatinBasicLetters/DWTheAntiquaBLatinBasicLetters-W6SemiBold.ttf") format("truetype"), url("webfonts/DWTheAntiquaBLatinBasicLetters/DWTheAntiquaBLatinBasicLetters-W6SemiBold.eot") format("embedded-opentype"), url("webfonts/DWTheAntiquaBLatinBasicLetters/DWTheAntiquaBLatinBasicLetters-W6SemiBold.svg#DWTheAntiquaBLatinBasicLetters-W6SemiBold") format("svg");
    unicode-range: U+041-05A, U+061-07A;
    /*Basic Latin Letters*/
}
@font-face {
    font-family: "DWTheAntiquaB";
    font-style: normal;
    font-weight: 400;
    src: local("DW TheAntiquaB W5 Plain"), url("webfonts/DWTheAntiquaBLatinBasicLetters/DWTheAntiquaBLatinBasicLetters-W5Plain.woff2") format("woff2"), url("webfonts/DWTheAntiquaBLatinBasicLetters/DWTheAntiquaBLatinBasicLetters-W5Plain.woff") format("woff"), url("webfonts/DWTheAntiquaBLatinBasicLetters/DWTheAntiquaBLatinBasicLetters-W5Plain.ttf") format("truetype"), url("webfonts/DWTheAntiquaBLatinBasicLetters/DWTheAntiquaBLatinBasicLetters-W5Plain.eot") format("embedded-opentype"), url("webfonts/DWTheAntiquaBLatinBasicLetters/DWTheAntiquaBLatinBasicLetters-W5Plain.svg#DWTheAntiquaBLatinBasicLetters-W5Plain") format("svg");
    unicode-range: U+041-05A, U+061-07A;
    /*Basic Latin Letters*/
}
/*Latin Extended*/
@font-face {
    font-family: "DWTheAntiquaB";
    font-style: normal;
    font-weight: 600;
    src: local("DW TheAntiquaB W6 Halb Fett"), url("webfonts/DWTheAntiquaBLatinExtended/DWTheAntiquaBLatinExtended-W6SemiBold.woff2") format("woff2"), url("webfonts/DWTheAntiquaBLatinExtended/DWTheAntiquaBLatinExtended-W6SemiBold.woff") format("woff"), url("webfonts/DWTheAntiquaBLatinExtended/DWTheAntiquaBLatinExtended-W6SemiBold.ttf") format("truetype"), url("webfonts/DWTheAntiquaBLatinExtended/DWTheAntiquaBLatinExtended-W6SemiBold.eot") format("embedded-opentype"), url("webfonts/DWTheAntiquaBLatinExtended/DWTheAntiquaBLatinExtended-W6SemiBold.svg#DWTheAntiquaBLatinExtended-W6SemiBold") format("svg");
    unicode-range: U+0A0-24F;
    /*Latin Extended*/
}
@font-face {
    font-family: "DWTheAntiquaB";
    font-style: normal;
    font-weight: 400;
    src: local("DW TheAntiquaB W5 Plain"), url("webfonts/DWTheAntiquaBLatinExtended/DWTheAntiquaBLatinExtended-W5Plain.woff2") format("woff2"), url("webfonts/DWTheAntiquaBLatinExtended/DWTheAntiquaBLatinExtended-W5Plain.woff") format("woff"), url("webfonts/DWTheAntiquaBLatinExtended/DWTheAntiquaBLatinExtended-W5Plain.ttf") format("truetype"), url("webfonts/DWTheAntiquaBLatinExtended/DWTheAntiquaBLatinExtended-W5Plain.eot") format("embedded-opentype"), url("webfonts/DWTheAntiquaBLatinExtended/DWTheAntiquaBLatinExtended-W5Plain.svg#DWTheAntiquaBLatinExtended-W5Plain") format("svg");
    unicode-range: U+0A0-24F;
    /*Latin Extended*/
}
/*Greek*/
@font-face {
    font-family: "DWTheAntiquaB";
    font-style: normal;
    font-weight: 600;
    src: local("DW TheAntiquaB W6 Halb Fett"), url("webfonts/DWTheAntiquaBGreek/DWTheAntiquaBGreek-W6SemiBold.woff2") format("woff2"), url("webfonts/DWTheAntiquaBGreek/DWTheAntiquaBGreek-W6SemiBold.woff") format("woff"), url("webfonts/DWTheAntiquaBGreek/DWTheAntiquaBGreek-W6SemiBold.ttf") format("truetype"), url("webfonts/DWTheAntiquaBGreek/DWTheAntiquaBGreek-W6SemiBold.eot") format("embedded-opentype"), url("webfonts/DWTheAntiquaBGreek/DWTheAntiquaBGreek-W6SemiBold.svg#DWTheAntiquaBGreek-W6SemiBold") format("svg");
    unicode-range: U+370-3FF;
    /*Greek and Coptic*/
}
@font-face {
    font-family: "DWTheAntiquaB";
    font-style: normal;
    font-weight: 400;
    src: local("DW TheAntiquaB W5 Plain"), url("webfonts/DWTheAntiquaBGreek/DWTheAntiquaBGreek-W5Plain.woff2") format("woff2"), url("webfonts/DWTheAntiquaBGreek/DWTheAntiquaBGreek-W5Plain.woff") format("woff"), url("webfonts/DWTheAntiquaBGreek/DWTheAntiquaBGreek-W5Plain.ttf") format("truetype"), url("webfonts/DWTheAntiquaBGreek/DWTheAntiquaBGreek-W5Plain.eot") format("embedded-opentype"), url("webfonts/DWTheAntiquaBGreek/DWTheAntiquaBGreek-W5Plain.svg#DWTheAntiquaBGreek-W5Plain") format("svg");
    unicode-range: U+370-3FF;
    /*Greek and Coptic*/
}
/*Cyrillic*/
@font-face {
    font-family: "DWTheAntiquaB";
    font-style: normal;
    font-weight: 600;
    src: local("DW TheAntiquaB W6 Halb Fett"), url("webfonts/DWTheAntiquaBCyrillic/DWTheAntiquaBCyrillic-W6SemiBold.woff2") format("woff2"), url("webfonts/DWTheAntiquaBCyrillic/DWTheAntiquaBCyrillic-W6SemiBold.woff") format("woff"), url("webfonts/DWTheAntiquaBCyrillic/DWTheAntiquaBCyrillic-W6SemiBold.ttf") format("truetype"), url("webfonts/DWTheAntiquaBCyrillic/DWTheAntiquaBCyrillic-W6SemiBold.eot") format("embedded-opentype"), url("webfonts/DWTheAntiquaBCyrillic/DWTheAntiquaBCyrillic-W6SemiBold.svg#DWTheAntiquaBCyrillic-W6SemiBold") format("svg");
    unicode-range: U+400-52F;
    /*Cyrillic + Cyrillic Supplementary*/
}
@font-face {
    font-family: "DWTheAntiquaB";
    font-style: normal;
    font-weight: 400;
    src: local("DW TheAntiquaB W5 Plain"), url("webfonts/DWTheAntiquaBCyrillic/DWTheAntiquaBCyrillic-W5Plain.woff2") format("woff2"), url("webfonts/DWTheAntiquaBCyrillic/DWTheAntiquaBCyrillic-W5Plain.woff") format("woff"), url("webfonts/DWTheAntiquaBCyrillic/DWTheAntiquaBCyrillic-W5Plain.ttf") format("truetype"), url("webfonts/DWTheAntiquaBCyrillic/DWTheAntiquaBCyrillic-W5Plain.eot") format("embedded-opentype"), url("webfonts/DWTheAntiquaBCyrillic/DWTheAntiquaBCyrillic-W5Plain.svg#DWTheAntiquaBCyrillic-W5Plain") format("svg");
    unicode-range: U+400-52F;
    /*Cyrillic + Cyrillic Supplementary*/
}
/* S A N S S E R I F ----- Noto Sans ----- */
/*Basic Latin Symbols*/
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans"), url("webfonts/NotoSansLatinBasicSymbols/NotoSansLatinBasicSymbols-Regular.woff2") format("woff2"), url("webfonts/NotoSansLatinBasicSymbols/NotoSansLatinBasicSymbols-Regular.woff") format("woff"), url("webfonts/NotoSansLatinBasicSymbols/NotoSansLatinBasicSymbols-Regular.ttf") format("truetype"), url("webfonts/NotoSansLatinBasicSymbols/NotoSansLatinBasicSymbols-Regular.eot") format("embedded-opentype"), url("webfonts/NotoSansLatinBasicSymbols/NotoSansLatinBasicSymbols-Regular.svg#NotoSansLatinBasicSymbols-Regular") format("svg");
    unicode-range: U+020-040, U+05B-060, U+07B-07F;
    /*Basic Latin Symbols*/
}
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans"), url("webfonts/NotoSansLatinBasicSymbols/NotoSansLatinBasicSymbols-Bold.woff2") format("woff2"), url("webfonts/NotoSansLatinBasicSymbols/NotoSansLatinBasicSymbols-Bold.woff") format("woff"), url("webfonts/NotoSansLatinBasicSymbols/NotoSansLatinBasicSymbols-Bold.ttf") format("truetype"), url("webfonts/NotoSansLatinBasicSymbols/NotoSansLatinBasicSymbols-Bold.eot") format("embedded-opentype"), url("webfonts/NotoSansLatinBasicSymbols/NotoSansLatinBasicSymbols-Bold.svg#NotoSansLatinBasicSymbols-Bold") format("svg");
    unicode-range: U+020-040, U+05B-060, U+07B-07F;
    /*Basic Latin Symbols*/
}
/*Basic Latin Letters*/
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans"), url("webfonts/NotoSansLatinBasicLetters/NotoSansLatinBasicLetters-Regular.woff2") format("woff2"), url("webfonts/NotoSansLatinBasicLetters/NotoSansLatinBasicLetters-Regular.woff") format("woff"), url("webfonts/NotoSansLatinBasicLetters/NotoSansLatinBasicLetters-Regular.ttf") format("truetype"), url("webfonts/NotoSansLatinBasicLetters/NotoSansLatinBasicLetters-Regular.eot") format("embedded-opentype"), url("webfonts/NotoSansLatinBasicLetters/NotoSansLatinBasicLetters-Regular.svg#NotoSansLatinBasicLetters-Regular") format("svg");
    unicode-range: U+041-05A, U+061-07A;
    /*Basic Latin Letters*/
}
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans"), url("webfonts/NotoSansLatinBasicLetters/NotoSansLatinBasicLetters-Bold.woff2") format("woff2"), url("webfonts/NotoSansLatinBasicLetters/NotoSansLatinBasicLetters-Bold.woff") format("woff"), url("webfonts/NotoSansLatinBasicLetters/NotoSansLatinBasicLetters-Bold.ttf") format("truetype"), url("webfonts/NotoSansLatinBasicLetters/NotoSansLatinBasicLetters-Bold.eot") format("embedded-opentype"), url("webfonts/NotoSansLatinBasicLetters/NotoSansLatinBasicLetters-Bold.svg#NotoSansLatinBasicLetters-Bold") format("svg");
    unicode-range: U+041-05A, U+061-07A;
    /*Basic Latin Letters*/
}
/*Latin Extended*/
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans"), url("webfonts/NotoSansLatinExtended/NotoSansLatinExtended-Regular.woff2") format("woff2"), url("webfonts/NotoSansLatinExtended/NotoSansLatinExtended-Regular.woff") format("woff"), url("webfonts/NotoSansLatinExtended/NotoSansLatinExtended-Regular.ttf") format("truetype"), url("webfonts/NotoSansLatinExtended/NotoSansLatinExtended-Regular.eot") format("embedded-opentype"), url("webfonts/NotoSansLatinExtended/NotoSansLatinExtended-Regular.svg#NotoSansLatinExtended-Regular") format("svg");
    unicode-range: U+0A0-24F;
    /*Latin Extended*/
}
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans"), url("webfonts/NotoSansLatinExtended/NotoSansLatinExtended-Bold.woff2") format("woff2"), url("webfonts/NotoSansLatinExtended/NotoSansLatinExtended-Bold.woff") format("woff"), url("webfonts/NotoSansLatinExtended/NotoSansLatinExtended-Bold.ttf") format("truetype"), url("webfonts/NotoSansLatinExtended/NotoSansLatinExtended-Bold.eot") format("embedded-opentype"), url("webfonts/NotoSansLatinExtended/NotoSansLatinExtended-Bold.svg#NotoSansLatinExtended-Bold") format("svg");
    unicode-range: U+0A0-24F;
    /*Latin Extended*/
}
/*Greek*/
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans"), url("webfonts/NotoSansGreek/NotoSansGreek-Regular.woff2") format("woff2"), url("webfonts/NotoSansGreek/NotoSansGreek-Regular.woff") format("woff"), url("webfonts/NotoSansGreek/NotoSansGreek-Regular.ttf") format("truetype"), url("webfonts/NotoSansGreek/NotoSansGreek-Regular.eot") format("embedded-opentype"), url("webfonts/NotoSansGreek/NotoSansGreek-Regular.svg#NotoSansGreek-Regular") format("svg");
    unicode-range: U+370-3FF;
    /*Greek and Coptic*/
}
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans"), url("webfonts/NotoSansGreek/NotoSansGreek-Bold.woff2") format("woff2"), url("webfonts/NotoSansGreek/NotoSansGreek-Bold.woff") format("woff"), url("webfonts/NotoSansGreek/NotoSansGreek-Bold.ttf") format("truetype"), url("webfonts/NotoSansGreek/NotoSansGreek-Bold.eot") format("embedded-opentype"), url("webfonts/NotoSansGreek/NotoSansGreek-Bold.svg#NotoSansGreek-Bold") format("svg");
    unicode-range: U+370-3FF;
    /*Greek and Coptic*/
}
/*Cyrillic*/
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans"), url("webfonts/NotoSansCyrillic/NotoSansCyrillic-Regular.woff2") format("woff2"), url("webfonts/NotoSansCyrillic/NotoSansCyrillic-Regular.woff") format("woff"), url("webfonts/NotoSansCyrillic/NotoSansCyrillic-Regular.ttf") format("truetype"), url("webfonts/NotoSansCyrillic/NotoSansCyrillic-Regular.eot") format("embedded-opentype"), url("webfonts/NotoSansCyrillic/NotoSansCyrillic-Regular.svg#NotoSansCyrillic-Regular") format("svg");
    unicode-range: U+400-52F;
    /*Cyrillic + Cyrillic Supplementary*/
}
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans"), url("webfonts/NotoSansCyrillic/NotoSansCyrillic-Bold.woff2") format("woff2"), url("webfonts/NotoSansCyrillic/NotoSansCyrillic-Bold.woff") format("woff"), url("webfonts/NotoSansCyrillic/NotoSansCyrillic-Bold.ttf") format("truetype"), url("webfonts/NotoSansCyrillic/NotoSansCyrillic-Bold.eot") format("embedded-opentype"), url("webfonts/NotoSansCyrillic/NotoSansCyrillic-Bold.svg#NotoSansCyrillic-Bold") format("svg");
    unicode-range: U+400-52F;
    /*Cyrillic + Cyrillic Supplementary*/
}
/*Amharic*/
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans Ethiopic"), url("webfonts/NotoSansEthiopic/NotoSansEthiopic-Regular.woff2") format("woff2"), url("webfonts/NotoSansEthiopic/NotoSansEthiopic-Regular.woff") format("woff"), url("webfonts/NotoSansEthiopic/NotoSansEthiopic-Regular.ttf") format("truetype"), url("webfonts/NotoSansEthiopic/NotoSansEthiopic-Regular.eot") format("embedded-opentype"), url("webfonts/NotoSansEthiopic/NotoSansEthiopic-Regular.svg#NotoSansEthiopic-Regular") format("svg");
    unicode-range: U+1200-137F;
    /*Ethiopic*/
}
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans Ethiopic"), url("webfonts/NotoSansEthiopic/NotoSansEthiopic-Bold.woff2") format("woff2"), url("webfonts/NotoSansEthiopic/NotoSansEthiopic-Bold.woff") format("woff"), url("webfonts/NotoSansEthiopic/NotoSansEthiopic-Bold.ttf") format("truetype"), url("webfonts/NotoSansEthiopic/NotoSansEthiopic-Bold.eot") format("embedded-opentype"), url("webfonts/NotoSansEthiopic/NotoSansEthiopic-Bold.svg#NotoSansEthiopic-Bold") format("svg");
    unicode-range: U+1200-137F;
    /*Ethiopic*/
}
/*Arabic, Dari, Pashto, Persian, Urdu*/
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Naskh Arabic"), url("webfonts/NotoNaskhArabic/NotoNaskhArabic-Regular.woff2") format("woff2"), url("webfonts/NotoNaskhArabic/NotoNaskhArabic-Regular.woff") format("woff"), url("webfonts/NotoNaskhArabic/NotoNaskhArabic-Regular.ttf") format("truetype"), url("webfonts/NotoNaskhArabic/NotoNaskhArabic-Regular.eot") format("embedded-opentype"), url("webfonts/NotoNaskhArabic/NotoNaskhArabic-Regular.svg#NotoNaskhArabic-Regular") format("svg");
    unicode-range: U+600-6FF, U+750-77F, U+8A0-8FF, U+FB50-FDFF, U+FE70-FEFF, U+1EE00-1EEFF, U+10E60-10E7F;
    /*Arabic*/
}
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Noto Naskh Arabic"), url("webfonts/NotoNaskhArabic/NotoNaskhArabic-Bold.woff2") format("woff2"), url("webfonts/NotoNaskhArabic/NotoNaskhArabic-Bold.woff") format("woff"), url("webfonts/NotoNaskhArabic/NotoNaskhArabic-Bold.ttf") format("truetype"), url("webfonts/NotoNaskhArabic/NotoNaskhArabic-Bold.eot") format("embedded-opentype"), url("webfonts/NotoNaskhArabic/NotoNaskhArabic-Bold.svg#NotoNaskhArabic-Bold") format("svg");
    unicode-range: U+600-6FF, U+750-77F, U+8A0-8FF, U+FB50-FDFF, U+FE70-FEFF, U+1EE00-1EEFF, U+10E60-10E7F;
    /*Arabic*/
}
/*Bengali*/
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans Bengali"), url("webfonts/NotoSansBengali/NotoSansBengali-Regular.woff2") format("woff2"), url("webfonts/NotoSansBengali/NotoSansBengali-Regular.woff") format("woff"), url("webfonts/NotoSansBengali/NotoSansBengali-Regular.ttf") format("truetype"), url("webfonts/NotoSansBengali/NotoSansBengali-Regular.eot") format("embedded-opentype"), url("webfonts/NotoSansBengali/NotoSansBengali-Regular.svg#NotoSansBengali-Regular") format("svg");
    unicode-range: U+980-9FF;
    /*Bengali*/
}
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans Bengali"), url("webfonts/NotoSansBengali/NotoSansBengali-Bold.woff2") format("woff2"), url("webfonts/NotoSansBengali/NotoSansBengali-Bold.woff") format("woff"), url("webfonts/NotoSansBengali/NotoSansBengali-Bold.ttf") format("truetype"), url("webfonts/NotoSansBengali/NotoSansBengali-Bold.eot") format("embedded-opentype"), url("webfonts/NotoSansBengali/NotoSansBengali-Bold.svg#NotoSansBengali-Bold") format("svg");
    unicode-range: U+980-9FF;
    /*Bengali*/
}
/*Hindi*/
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans Devanagari"), url("webfonts/NotoSansDevanagari/NotoSansDevanagari-Regular.woff2") format("woff2"), url("webfonts/NotoSansDevanagari/NotoSansDevanagari-Regular.woff") format("woff"), url("webfonts/NotoSansDevanagari/NotoSansDevanagari-Regular.ttf") format("truetype"), url("webfonts/NotoSansDevanagari/NotoSansDevanagari-Regular.eot") format("embedded-opentype"), url("webfonts/NotoSansDevanagari/NotoSansDevanagari-Regular.svg#NotoSansDevanagari-Regular") format("svg");
    unicode-range: U+900-97F;
    /*Devanagari*/
}
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans Devanagari"), url("webfonts/NotoSansDevanagari/NotoSansDevanagari-Bold.woff2") format("woff2"), url("webfonts/NotoSansDevanagari/NotoSansDevanagari-Bold.woff") format("woff"), url("webfonts/NotoSansDevanagari/NotoSansDevanagari-Bold.ttf") format("truetype"), url("webfonts/NotoSansDevanagari/NotoSansDevanagari-Bold.eot") format("embedded-opentype"), url("webfonts/NotoSansDevanagari/NotoSansDevanagari-Bold.svg#NotoSansDevanagari-Bold") format("svg");
    unicode-range: U+900-97F;
    /*Devanagari*/
}
/**
 * _header.scss
 *
 * @package m.dw.com
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @since 2017/08/18
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 1000;
    height: 16.875vw;
    width: 100vw;
    background-image: linear-gradient(280deg, #00a5ff 58%, #0064b4);
}

/* layout */
.head__liveTV {
    width: 61%;
    height: 3.4375vw;
    margin: 0 0 0.625vw 0;
    padding: 0 2.5vw 0;
}
.head__liveTV-link {
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.15625vw;
    text-align: start;
    color: white;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}
.head__liveTV-button {
    width: 2.5vw;
    height: 3.125vw;
    margin: 0 1.25vw 0.15625vw 0;
}
.head__shownavi {
    width: 13.125vw;
    padding: 3.125vw 3.125vw;
    margin: 0.625vw 0 0;
}
.head__button-burger {
    width: 6.875vw;
    height: 4.375vw;
}
.head__logo {
    height: 9.375vw;
    padding: 0 4.6875vw;
}
.head__logo-image {
    width: 15.625vw;
    height: 9.375vw;
}

/* states */
/*




*/
/**
 * _search.scss
 *
 * @package m.dw.com
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @since 2017/08/18
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.search {
    display: none;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100vw;
    height: 16.25vw;
}
.search--result {
    display: block;
    padding: 0 0 4.375vw;
    height: 13.125vw;
}

/* layout */
.search {
    background-color: white;
}
.search__flexwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 0 3.125vw;
    height: 16.25vw;
}
.search__flexwrap--greyBG {
    background: #f1f3f5;
    height: 13.75vw;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.search__resultwrap {
    padding: 0 3.125vw;
}
.search__button {
    height: 5vw;
}
.search__button-close {
    width: 5vw;
}
.search__searchform {
    margin: 0;
    height: 8.75vw;
    width: 62.5vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.search__searchform > input {
    height: 100%;
}
.search__searchform--resultform {
    width: 93.75vw;
}
.search__textfield {
    background-color: #f1f3f5;
    border: none;
    width: 52.5vw;
    border-radius: 0;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.75vw;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    padding: 0.3125vw 0 0 3.125vw;
}
.search__textfield--resulttextfield {
    width: 83.75vw;
}
.search__button-submit {
    border: none;
    border-radius: 0;
    color: white;
    width: 0;
    height: 0;
    background: #f1f3f5 url("image/magnifier.svg") no-repeat 3.125vw 2.5vw/3.75vw 3.75vw;
    padding: 0 0 0 10vw;
}
.search__button-language {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    text-transform: uppercase;
}
.search__button-language--active {
    color: #00a5ff;
}
.search__headerlist {
    width: 100vw !important;
    position: relative;
}
.search__autocomp-listitem {
    width: 93.75vw;
    margin: 0 3.125vw 0 3.125vw !important;
    border-bottom: 0.3125vw solid #d8dde2;
}
.search__autocomp-listitem > .ui-state-active {
    background: none !important;
    font-weight: 700 !important;
    color: #3c444d !important;
    border: 0.3125vw solid transparent !important;
    padding: 3.75vw 0.3125vw 3.4375vw !important;
}
.search__autocomp-text {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.75vw;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    padding: 3.75vw 0.3125vw 3.4375vw !important;
    margin: 0;
}
.search__resultlist {
    width: 100vw;
}
.search__intro {
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0;
    text-align: start;
    color: #272b33;
    margin: 0;
    padding: 4.375vw 3.125vw 2.5vw;
}
.search__sorter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4.375vw 3.125vw 1.25vw;
}
.search__sortitem {
    width: 50vw;
    text-align: center;
    padding: 0 0 3.75vw;
    border-bottom: 0.625vw solid #d8dde2;
}
.search__sortitem--active {
    border-bottom: 0.625vw solid #3c444d;
}
.search__sortanchor {
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: center;
    color: rgba(109, 119, 128, 0.2);
    text-transform: uppercase;
    display: block;
}
.search__sortanchor--active {
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: center;
    color: #3c444d;
}
.search__pagination {
    margin: 0 0 5vw;
}

/* states */
/**
 * _navigation.scss
 *
 * @package m.dw.com
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @since 2017/08/18
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.navigation {
    background-color: #00a5ff;
    width: 100vw;
    padding-bottom: 5vw;
}
.navigation--mc {
    background-color: #3c444d;
}
.navigation--next_edition {
    display: none;
}
.navigation--latest_edition {
    background-color: white;
}

/* layout */
.navigation__TV {
    background-color: #f1f3f5;
    padding: 0 0 6.25vw;
}
.navigation__metaheadline {
    text-transform: uppercase;
    padding: 5.625vw 3.125vw 2.5vw;
    margin: 0;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.navigation__sectionlist {
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 0 3.125vw;
}
.navigation__sectionlist--fullwidth {
    padding: 5.9375vw 0 0 3.125vw;
}
.navigation__sectionlist-item {
    width: 48.4375vw;
    min-height: 13.75vw;
    padding: 2.5vw 3.125vw 5vw 0.3125vw;
}
.navigation__sectionlist-item--topmeta-active {
    border-bottom: 0.625vw solid white;
    text-transform: uppercase;
    width: 46.875vw;
    height: 16.25vw;
    padding: 5.625vw 0;
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0.3125vw;
    text-align: center;
    color: white;
}
.navigation__sectionlist-item--topmeta-inactive {
    border-bottom: 0.625vw solid white;
    text-transform: uppercase;
    width: 46.875vw;
    height: 16.25vw;
    padding: 5.625vw 0;
    opacity: 0.4;
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0.3125vw;
    text-align: center;
    color: white;
}
.navigation__sectionlist-item--white-active {
    border-bottom: 0.625vw solid #3c444d;
    text-transform: uppercase;
    width: 46.875vw;
    padding: 5vw 0 4.375vw;
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: center;
    color: #3c444d;
}
.navigation__sectionlist-item--white-inactive {
    border-bottom: 0.625vw solid #3c444d;
    text-transform: uppercase;
    width: 46.875vw;
    padding: 5vw 0 4.375vw;
    opacity: 0.2;
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: center;
    color: #3c444d;
}
.navigation__sectionlist-item--edition-active {
    border-bottom: 0.625vw solid #3c444d;
    text-transform: uppercase;
    width: 46.875vw;
    height: 15vw;
    padding: 5.625vw 0 4.375vw;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: center;
    color: #3c444d;
}
.navigation__sectionlist-item--edition-inactive {
    border-bottom: 0.625vw solid rgba(109, 119, 128, 0.4);
    text-transform: uppercase;
    width: 46.875vw;
    height: 15vw;
    padding: 5.625vw 0 4.375vw;
    opacity: 0.4;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: center;
    color: rgba(60, 68, 77, 0.4);
}
.navigation__sectionlist-item--fullwidth {
    padding: 3.4375vw 11.25vw 0 3.125vw;
    background: transparent url("image/link.svg") no-repeat 85.625vw 4.0625vw/5vw 5vw;
    width: 100vw;
    clear: both;
}
.navigation__sectionlist-item--maincat {
    height: 13.4375vw;
    width: 96.875vw;
    padding: 3.75vw 3.125vw 3.75vw 0.3125vw;
}
.navigation__sectionlist-item--nodisplay {
    display: none;
}
.navigation__sectionlist-item--switch {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.75vw;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: rgba(255, 255, 255, 0.6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}
.navigation__sectionlist-anchor {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.75vw;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: white;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}
.navigation__sectionlist-anchor--maincat {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0.3125vw;
    text-align: left;
    color: white;
    margin: 0;
}
.navigation__sectionlist-anchor--indent {
    padding: 0 2.8125vw;
}
.navigation__divider {
    height: 0.3125vw;
    width: 93.75vw;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 0 3.125vw;
}
.navigation__divider--fat {
    height: 0.625vw;
    width: 100vw;
    background-color: white;
    margin: 0;
}
.navigation__meta {
    padding: 5vw 0 0;
}
.navigation__switchicon {
    width: 5vw;
    margin: 0 2.1875vw;
}
.navigation__switcharrow {
    fill: rgba(255, 255, 255, 0.6);
    -webkit-transform: rotate(90deg) translate(1.5625vw, -4.0625vw);
    -ms-transform: rotate(90deg) translate(1.5625vw, -4.0625vw);
    transform: rotate(90deg) translate(1.5625vw, -4.0625vw);
}
.navigation__switcharrow--open {
    -webkit-transform: rotate(270deg) translate(-3.4375vw, 0);
    -ms-transform: rotate(270deg) translate(-3.4375vw, 0);
    transform: rotate(270deg) translate(-3.4375vw, 0);
}

/* states */
/**
 * _languageselection.scss
 *
 * @package m.dw.com-Prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 14.09.2017
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.languageselect {
    width: 100vw;
}

/* layout */
.languageselect {
    background: #00a5ff;
    padding: 0 0 6.25vw;
}
.languageselect__list {
    margin: 0;
    padding: 0;
}
.languageselect__list-item {
    list-style: none;
    width: 100vw;
    height: 13.75vw;
    padding: 3.75vw 12.5vw 0 3.125vw;
}
.languageselect__list-item--checked {
    background: transparent url("image/checkmark.svg") no-repeat 90.625vw center/3.8125vw 3.15625vw;
}
.languageselect__list-anchor {
    text-decoration: none;
    display: block;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.75vw;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: white;
}
.languageselect__closefield {
    padding: 3.75vw 6.25vw;
    margin: 2.5vw auto 0;
    width: 93.75vw;
    background-color: #0087eb;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0.09375vw;
    text-align: center;
    color: white;
}

/* states */
/**
 * _footer.scss
 *
 * @package m.dw.com
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @since 2017/08/18
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.footer {
    background-color: #00a5ff;
    width: 100vw;
    padding-bottom: 6.25vw;
}

/* layout */
.footer__sectionheadline {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: white;
    padding: 3.75vw 3.125vw;
    margin: 0;
}
.footer__sectionheadline--nodisplay {
    display: none;
}
.footer__sectionlist {
    padding: 0 0 0 3.125vw;
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer__sectionlist-item {
    width: 48.4375vw;
    min-height: 13.75vw;
    padding: 3.125vw 3.125vw 3.125vw 0.3125vw;
}
.footer__sectionlist-item--fullwidth {
    width: 100vw;
    clear: both;
    padding: 3.4375vw 11.25vw 0 3.125vw;
    background: transparent url("image/link.svg") no-repeat 85.625vw 4.0625vw/5vw 5vw;
}
.footer__sectionlist-item--maincat {
    height: 13.4375vw;
    width: 96.875vw;
    padding: 3.75vw 3.125vw 3.75vw 0.3125vw;
}
.footer__sectionlist-item--nodisplay {
    display: none;
}
.footer__sectionlist-anchor {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.75vw;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: white;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}
.footer__category {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: white;
    margin: 0;
}
.footer__category--level2 {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.75vw;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: white;
}
.footer__company {
    text-align: center;
}
.footer__logo {
    width: 15.625vw;
    height: 9.0625vw;
    margin-top: 10.625vw;
}
.footer__copyright {
    margin: 3.75vw 0 5vw;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0.15625vw;
    text-align: center;
    color: white;
}
.footer__divider {
    height: 0.3125vw;
    width: 93.75vw;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 0 3.125vw;
}
.footer__meta {
    padding: 3.4375vw 0 0;
}

/* states */
/**
 * _breadcrumb.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 03.01.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.breadcrumb {
    margin: 21.875vw 0 4.375vw 3.125vw;
}

/* layout */
.breadcrumb__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.breadcrumb__path {
    margin: 0 5vw 1.25vw 0;
}
.breadcrumb__heading {
    margin: 0;
    font-size: initial;
}
.breadcrumb__anchor {
    font-family: Noto Sans, sans-serif;
    font-size: 3.4375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.8181818182;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    text-transform: uppercase;
    white-space: nowrap;
}
.breadcrumb__anchor--active {
    color: #3c444d;
    display: inline;
    border-bottom: 0.3125vw solid #3c444d;
}

/* states */
/**
 * _sharing.scss
 *
 * @package mobile.prototyp
 * @author Nadejda Luchian [nadejda.luchian@dw.com]
 * @create 12.01.2018
 * @version v1.0.0
 * @copyright (c) 2018 Deutsche Welle, Bonn
 */
/* base */
.sharing {
    padding: 0 0 0 3.75vw;
}

/* layout */
.sharing:after {
    clear: both;
    content: "";
    display: block;
}
.sharing__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    height: 7.5vw;
    list-style: none;
    float: left;
    position: relative;
    top: 1.25vw;
}
.sharing__list--fixed {
    top: 2.1875vw;
}
.sharing__list--fixedmoreoptions {
    display: none;
    width: 82.8125vw;
    top: 0;
    margin: 1.25vw 0 1.5625vw 0;
    position: relative;
    left: -0.3125vw;
}
.sharing__list--moreoptions {
    width: 82.8125vw;
    display: none;
    top: 0;
    margin: 1.875vw 0 -1.875vw 0;
    position: relative;
    left: -0.3125vw;
}
.sharing__item {
    margin: 0 6.25vw 0 0;
}
.sharing__item--optional {
    margin: 0 6.25vw 3.125vw 0;
    float: right;
}
.sharing__item--fb {
    background: transparent url("image/sharing/facebook.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--twitter {
    background: transparent url("image/sharing/twitter.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--email {
    background: transparent url("image/sharing/mail.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--sms {
    background: transparent url("image/sharing/message.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--whatsapp {
    background: transparent url("image/sharing/whatsapp.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--more {
    background: transparent url("image/sharing/more.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--digg {
    background: transparent url("image/sharing/digg.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--douban {
    background: transparent url("image/sharing/douban.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--fbm {
    background: transparent url("image/sharing/facebook-messenger.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--flipboard {
    background: transparent url("image/sharing/flipboard.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--linkedin {
    background: transparent url("image/sharing/linkedin.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--newsvine {
    background: transparent url("image/sharing/newsvine.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--pinterest {
    background: transparent url("image/sharing/pinterest.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--qzone {
    background: transparent url("image/sharing/qzone.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--reddit {
    background: transparent url("image/sharing/reddit.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--renren {
    background: transparent url("image/sharing/renren.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--telegram {
    background: transparent url("image/sharing/telegram.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--tumblr {
    background: transparent url("image/sharing/tumblr.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--viber {
    background: transparent url("image/sharing/viber.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--vkontakte {
    background: transparent url("image/sharing/vkontakte.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--weibo {
    background: transparent url("image/sharing/weibo.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--xing {
    background: transparent url("image/sharing/xing.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--youtube {
    background: transparent url("image/sharing/youtube.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--line {
    background: transparent url("image/sharing/line.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--wechat {
    background: transparent url("image/sharing/wechat.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--balatarin {
    background: transparent url("image/sharing/balatarin.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--twoo {
    background: transparent url("image/sharing/twoo.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--odnoklassniki {
    background: transparent url("image/sharing/odnoklassniki.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--meneame {
    background: transparent url("image/sharing/meneame.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--moikrug {
    background: transparent url("image/sharing/moikrug.svg") no-repeat center center/7.5vw 7.5vw;
}
.sharing__item--share {
    background: transparent url("image/sharing/share-bubble.svg") no-repeat center center/10vw 10vw;
}
.sharing__share {
    background: transparent url("image/sharing/share-bubble.svg") no-repeat 82.5vw center/10vw 10vw;
    height: 10vw;
}
.sharing__share--M {
    background-position: 0 center;
    background-size: 11.875vw 11.875vw;
    height: 11.875vw;
    position: relative;
    left: 80.3125vw;
}
.sharing__share--L {
    background-position: 0 center;
    background-size: 13.75vw 13.75vw;
    height: 13.75vw;
    width: 13.75vw;
    bottom: 4.6875vw;
    position: fixed;
    right: 2.5vw;
}
.sharing__link {
    width: 7.5vw;
    height: 7.5vw;
    display: block;
}
.sharing__hiddenbottomwrap {
    width: 100vw;
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    bottom: 3.125vw;
    left: 0;
    z-index: 2;
}
.sharing__hiddenbottom {
    display: none;
    position: relative;
    left: 3.75vw;
    padding: 0 0 0 0.625vw;
}
.sharing__more {
    display: none;
    margin: 2.5vw 0;
}

/**
 * _mediafilter.scss
 *
 * @package mobile.prototyp
 * @author Nadejda Luchian [nadejda.luchian@dw.com]
 * @create 08.02.2018
 * @version v1.0.0
 * @copyright (c) 2018 Deutsche Welle, Bonn
 */
/* base */
.mediafilter {
    background-color: #f1f3f5;
    padding: 2.5vw 3.125vw;
    margin-bottom: 6.25vw;
}

/* layout */
.mediafilter__wrapper {
    height: 10vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.mediafilter__item {
    height: 10vw;
    width: 29.6875vw;
    cursor: pointer;
}
.mediafilter__item--gallery {
    background: rgba(109, 119, 128, 0.2) url("image/gallery_white.svg") no-repeat center center/10vw 10vw;
}
.mediafilter__item--audio {
    background: rgba(109, 119, 128, 0.2) url("image/audio_white.svg") no-repeat center center/10vw 10vw;
    margin: 0 2.5vw;
    width: 29.375vw;
}
.mediafilter__item--video {
    background: rgba(109, 119, 128, 0.2) url("image/video_white.svg") no-repeat center center/10vw 10vw;
}
.mediafilter__item--active {
    background-color: #3c444d;
}

/**
 * _pagination.scss
 *
 * @package mobile.prototyp
 * @author Nadejda Luchian [nadejda.luchian@dw.com]
 * @create 09.02.2018
 * @version v1.0.0
 * @copyright (c) 2018 Deutsche Welle, Bonn
 */
/* base */
.pagination {
    margin: 6.25vw 0 3.125vw;
    position: relative;
}

/* layout */
.pagination__wrap {
    text-align: center;
}
.pagination__current {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.pagination__total {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.pagination__separator {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    vertical-align: 0.3125vw;
}
.pagination__button {
    position: absolute;
    z-index: 1;
}
.pagination__button--next {
    background: url(image/link-grey.svg) no-repeat 0 0.3125vw/5vw 5vw;
    right: 5vw;
    left: auto;
    width: 5vw;
    height: 5vw;
    top: 0;
}
.pagination__button--prev {
    background: url(image/rtl-link-grey.svg) no-repeat 0 0.3125vw/5vw 5vw;
    right: auto;
    left: 5vw;
    width: 5vw;
    height: 5vw;
    top: 0;
}
.pagination__button--inactive {
    opacity: 0.4;
}

/**
 * _dropdown.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 13.02.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
/* layout */
.dropdown {
    padding: 0 0.9375vw 0 0;
}
.dropdown__label {
    display: none;
}
.dropdown__label--dynamic {
    display: block;
    visibility: hidden;
    margin: 0 0 1.875vw;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.125vw;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.dropdown__list {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: left;
    color: #6d7780;
    background: transparent url("image/arrow_down-6d7780.svg") no-repeat right top -0.625vw/6.25vw 6.25vw;
    padding: 0 8.125vw 0 0;
}
.dropdown__list--arrow-left {
    background: transparent url("image/arrow_down-6d7780.svg") no-repeat left -0.625vw/6.25vw 6.25vw;
    padding: 0 0 0 8.125vw;
}
.dropdown__list--font14 {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2857142857;
    letter-spacing: 0;
    text-align: left;
    color: #6d7780;
}
.dropdown__list--underlined {
    border-bottom: 0.3125vw solid #d8dde2;
    padding-bottom: 3.75vw;
}
.dropdown__list--text-end {
    direction: rtl;
    text-align: right;
}
.dropdown__list--containerwidth {
    width: 100%;
}
.dropdown__item {
    background: #f1f3f5;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: end;
    color: #6d7780;
}
.dropdown__item--selected {
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: end;
    color: #6d7780;
}

.dropdown2__label {
    display: block;
    visibility: hidden;
    margin: 0 0 1.875vw;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.125vw;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.dropdown2__list {
    border: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2857142857;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    background: transparent url("image/arrow_down-6d7780.svg") no-repeat right top -0.625vw/6.25vw 6.25vw;
    padding: 0 6.875vw 3.75vw 0;
}
@-moz-document url-prefix() {
    .dropdown2__list {
        position: relative;
        left: -0.9375vw;
        background-position-x: right -0.9375vw;
    }
}
.dropdown2__list--arrow-left {
    background: transparent url("image/arrow_down-6d7780.svg") no-repeat left -0.625vw/6.25vw 6.25vw;
    padding: 0 0 0 6.875vw;
}
@-moz-document url-prefix() {
    .dropdown2__list--arrow-left {
        position: relative;
        left: 1.25vw;
    }
}
.dropdown2__list--text-end {
    direction: rtl;
    text-align: right;
}
.dropdown2__item--selected {
    font-weight: 700;
}

/* states */
/**
* _channel.scss
*
* @package mobile.prototyp
* @author Nadejda Luchian [nadejda.luchian@dw.com]
* @create 19.02.2018
* @version v1.0.0
* @copyright (c) 2018 Deutsche Welle, Bonn
*/
/* base */
.channel {
    border-bottom: 0.3125vw solid #d8dde2;
}

/* layout */
.channel__wrap {
    background-color: #f1f3f5;
}
.channel__wrap--broadcastoverview {
    margin-bottom: 6.25vw;
}
.channel__wrap--themenindex {
    display: inline-block;
}
.channel__headline {
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5384615385;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #6d7780;
    text-transform: uppercase;
    padding: 3.75vw 3.125vw 0;
    margin: 0;
}
.channel__list {
    width: 100vw;
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5384615385;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #3c444d;
    padding: 3.75vw 12.5vw 3.75vw 3.125vw;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f1f3f5 url("image/arrow_down-6d7780.svg") no-repeat 90.9375vw center/5.625vw 5.625vw;
}
@-moz-document url-prefix() {
    .channel__list {
        position: relative;
        height: 13.75vw;
        background: #f1f3f5 url("image/arrow_down-6d7780.svg") no-repeat 91.875vw center/5.625vw 5.625vw;
        left: -4px;
    }
}
.channel__list--tv {
    padding: 4.375vw 3.125vw;
    height: 15vw;
}
.channel__list--dossier {
    white-space: normal;
    background: #f1f3f5 url("image/arrow_down-6d7780.svg") no-repeat right 3.75vw bottom 3.75vw/5.625vw 5.625vw;
}
.channel__item {
    padding: 2.1875vw 3.125vw 1.5625vw;
    font-weight: 700;
}

/**
 * _modal.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 05.03.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.modal {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1100;
    padding: 3.125vw 0 17.1875vw;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}
.modal--palegrey-opaque {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f1f3f5;
    padding: 0;
}

/* layout */
.modal--palegrey-opaque .close {
    background-color: rgba(0, 0, 0, 0.5);
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    z-index: 10;
    right: 0;
}
.modal--palegrey-opaque .close__box {
    -webkit-transform: scale(1.3) rotate(0deg) translate(11.5px, 11.5px);
    -ms-transform: scale(1.3) rotate(0deg) translate(11.5px, 11.5px);
    transform: scale(1.3) rotate(0deg) translate(11.5px, 11.5px);
}
.modal--palegrey-opaque .close__close {
    fill: white;
}

/* states */
/**
 * _buttons.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 08.03.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
/* layout */
.button {
    padding: 3.75vw 6.25vw;
    margin: 0;
    width: 100%;
    border: none;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0.09375vw;
    text-align: center;
    color: white;
}
.button--azure2 {
    background-color: #0087eb;
}
.button--azure2[disabled] {
    background-color: rgba(109, 119, 128, 0.2);
}
.button--warm-grey {
    background-color: #6d7780;
}
.button--warm-grey[disabled] {
    background-color: rgba(109, 119, 128, 0.2);
}
.button--sizeS {
    padding: 1.875vw 6.25vw;
}

/* states */
/**
 * _linkbox.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 29.03.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.linkbox {
    background-color: #f1f3f5;
    padding: 5vw 3.125vw 4.6875vw;
}
.linkbox--azure2 {
    background-color: #0087eb;
}
.linkbox--warm-grey {
    background-color: #6d7780;
}

/* layout */
.linkbox__link {
    padding: 0;
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    background: transparent url("image/arrow-right-6d7780.svg") no-repeat right -0.3125vw top 0.625vw/5vw 5vw;
}
.linkbox__link--azure2 {
    background-image: url("image/arrow-right-ffffff.svg");
}
.linkbox__link--warm-grey {
    background-image: url("image/arrow-right-ffffff.svg");
}
.linkbox__anchor {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    display: block;
}
.linkbox__anchor--azure2 {
    color: white;
}
.linkbox__anchor--warm-grey {
    color: white;
}

/* states */
/**
 * _adds.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 18.04.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
.adds__schema {
    display: initial;
}

/**
 * _utils.scss
 *
 * @package mobile.prototyp
 * @author Suk-Be Jang [suk-be.jang@dw.com]
 * @create 11.04.2018
 * @version v1.0.0
 * @copyright (c) 2018 Deutsche Welle, Bonn
 */
.select--sticky {
    position: fixed;
    top: 16.875vw;
    width: 100%;
    z-index: 2;
}
.select--sticky ~ .articlelinks__list {
    margin-top: 17.8125vw;
}
.select--sticky ~ .broadcastoverview:first-of-type {
    margin-top: 25.625vw;
}

/**
 * _icons.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 15.05.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.arrow {
    background-color: transparent;
    border: none;
}
.arrow__box {
    -webkit-transform: scale(1) rotate(0deg) translate(4.5px, 2px);
    -ms-transform: scale(1) rotate(0deg) translate(4.5px, 2px);
    transform: scale(1) rotate(0deg) translate(4.5px, 2px);
}
.arrow__arrow {
    fill: #00a5ff;
}

.headphone {
    background-color: transparent;
    border: none;
}
.headphone__box {
    -webkit-transform: scale(0.685) rotate(0deg) translate(0.15px, 2.3px);
    -ms-transform: scale(0.685) rotate(0deg) translate(0.15px, 2.3px);
    transform: scale(0.685) rotate(0deg) translate(0.15px, 2.3px);
}
.headphone__headphone {
    fill: #00a5ff;
}

.download {
    background-color: transparent;
    border: none;
}
.download__box {
    -webkit-transform: scale(1) rotate(0deg) translate(10px, 10.48px);
    -ms-transform: scale(1) rotate(0deg) translate(10px, 10.48px);
    transform: scale(1) rotate(0deg) translate(10px, 10.48px);
}
.download__download {
    fill: #00a5ff;
}

.external {
    background-color: transparent;
    border: none;
}
.external__box {
    -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px);
    -ms-transform: scale(1) rotate(0deg) translate(0px, 0px);
    transform: scale(1) rotate(0deg) translate(0px, 0px);
}
.external__external {
    fill: #00a5ff;
}

.gallery {
    background-color: transparent;
    border: none;
}
.gallery__box {
    -webkit-transform: scale(1) rotate(0deg) translate(2px, 5.333px);
    -ms-transform: scale(1) rotate(0deg) translate(2px, 5.333px);
    transform: scale(1) rotate(0deg) translate(2px, 5.333px);
}
.gallery__gallery {
    fill: #00a5ff;
}

.video {
    background-color: transparent;
    border: none;
}
.video__box {
    -webkit-transform: scale(1) rotate(0deg) translate(-2px, -2px);
    -ms-transform: scale(1) rotate(0deg) translate(-2px, -2px);
    transform: scale(1) rotate(0deg) translate(-2px, -2px);
}
.video__video {
    fill: #00a5ff;
}

.reporter {
    width: 28.125vw;
    height: 28.125vw;
    margin: 0 5vw 0 0;
}

.coffee {
    background-color: transparent;
    border: none;
}
.coffee__box {
    -webkit-transform: scale(1.475) rotate(0deg) translate(0, 4.8px);
    -ms-transform: scale(1.475) rotate(0deg) translate(0, 4.8px);
    transform: scale(1.475) rotate(0deg) translate(0, 4.8px);
}
.coffee__coffee {
    fill: #00a5ff;
}

.enlarge {
    background-color: transparent;
    border: none;
}
.enlarge__box {
    -webkit-transform: scale(3.3825) rotate(0deg) translate(0, 0);
    -ms-transform: scale(3.3825) rotate(0deg) translate(0, 0);
    transform: scale(3.3825) rotate(0deg) translate(0, 0);
}
.enlarge__enlarge {
    fill: #00a5ff;
}

.close {
    background-color: transparent;
    border: none;
}
.close__box {
    -webkit-transform: scale(4.4) rotate(0deg) translate(0, 0);
    -ms-transform: scale(4.4) rotate(0deg) translate(0, 0);
    transform: scale(4.4) rotate(0deg) translate(0, 0);
}
.close__close {
    fill: #00a5ff;
}

/* layout */
/* states */
/**
* _cookie.scss
*
* @package mobile.prototyp
* @author Nadejda Luchian [nadejda.luchian@dw.com]
* @create 17.05.2018
* @version v1.0.0
* @copyright (c) 2018 Deutsche Welle, Bonn
*/
/* base */
.cookie {
    display: none;
    position: relative;
}
.cookie--visible > div {
    transition: 350ms 250ms ease-out;
    transform: translateY(0%);
}

/* layout */
.cookie__wrap {
    background-color: rgba(60, 68, 77, 0.9);
    padding: 3.125vw 3.125vw 5.9375vw;
    position: fixed;
    bottom: 0;
    z-index: 5;
    transition: 250ms ease-in;
    transform: translateY(100%);
    width: 100vw;
}
.cookie__item {
    padding: 0 0 4.6875vw;
}
.cookie__text {
    padding: 0;
    margin: 0;
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4615384615;
    letter-spacing: 0;
    text-align: start;
    color: white;
}
.cookie__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}
.cookie__btn {
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3846153846;
    letter-spacing: 0;
    text-align: center;
    color: white;
    padding: 1.875vw 4.375vw 2.5vw;
}
.cookie__btn:first-child {
    margin: 0 3.125vw;
}
.cookie__btn--more {
    background-color: #7f8891;
}
.cookie__btn--ok {
    background-color: #00a5ff;
}

/* states */
/* T E A S E R */
/**
 * _breaking-news.scss
 *
 * @package m.dw.com
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @since 2017/08/18
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.breakingnews {
    direction: ltr;
}

/* layout */
.breakingnews {
    background-color: #be232d;
}
.breakingnews__head {
    padding: 3.125vw 3.125vw 0 3.125vw;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}
.breakingnews__mainheadline {
    margin: 0;
    padding: 1.25vw 3.125vw 3.125vw 3.125vw;
}
.breakingnews__mainheadline-anchor {
    font-family: DWTheAntiquaB, serif;
    font-size: 5vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: left;
    color: white;
}
.breakingnews__title {
    margin: 0;
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5384615385;
    letter-spacing: 0.3125vw;
    text-align: left;
    color: white;
}
.breakingnews__date {
    font-family: Noto Sans, sans-serif;
    font-size: 3.4375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.8181818182;
    letter-spacing: 0;
    text-align: right;
    color: white;
}

/* states */
/**
 * _headerbanner.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 08.11.2017
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.headerbanner {
    margin: 0;
}

/* layout */
.headerbanner__picture {
    width: 100vw;
    display: table;
}
.headerbanner__title {
    font-family: DWTheAntiquaB, serif;
    font-size: 4.375vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: white;
    padding: 3.125vw 3.125vw 5vw;
    background: #3c444d;
    display: block;
    margin: 0;
}

/* states */
/**
 * _survey.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 09.11.2017
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.survey {
    margin: 0 3.125vw;
    background: #f1f3f5;
    padding: 3.75vw 0 5vw;
}

/* layout */
.survey--liveblog {
    padding: 3.75vw 0 3.125vw;
}
.survey__metaheadline {
    margin: 0;
    text-transform: uppercase;
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5384615385;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #6d7780;
    padding: 0 3.125vw 6.25vw;
}
.survey__headline {
    margin: 0;
    font-family: DWTheAntiquaB, serif;
    font-weight: 600;
    font-size: 5.625vw;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #002d5a;
    padding: 0 3.125vw 2.5vw;
}
.survey__text {
    padding: 0 3.125vw 5vw;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.survey__text--result {
    color: #be232d;
    padding: 0 3.125vw 6.25vw;
}
.survey__link {
    padding: 1.875vw 3.125vw 6.875vw;
}
.survey__answerlist {
    margin: 0;
    padding: 0;
}
.survey__answeritem {
    list-style-type: none;
    margin: 0 3.125vw;
    padding: 4.0625vw 0;
    border-top: 0.3125vw solid #f1f3f5;
    border-bottom: 0.3125vw solid #d8dde2;
}
.survey__answeritem--first {
    border-top-color: #d8dde2;
}
.survey__answeritem--result {
    background: none;
    height: 20.3125vw;
    padding: 3.125vw 0 3.75vw;
}
.survey__answeranchor, .survey__singlelink {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    display: block;
    padding: 0 8.125vw 0.3125vw 0;
    background: transparent url("image/arrow-right-6d7780.svg") no-repeat right center/5vw 5vw;
}
.survey__resultitem {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.survey__result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding: 2.1875vw 0 0 0;
}
.survey__resultsheading {
    padding: 0 3.125vw 3.75vw;
    margin: 0;
    text-transform: uppercase;
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5384615385;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #6d7780;
}
.survey__resultpercent {
    height: 5vw;
    display: inline-block;
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #424242;
}
.survey__resultvalue {
    width: 70.625vw;
    height: 5vw;
    background: rgba(109, 119, 128, 0.2);
}
.survey__resultvalue::-webkit-meter-bar {
    background: rgba(109, 119, 128, 0.2);
}
.survey__resultvalue::-webkit-meter-optimum-value {
    background: #00a5ff;
}
.survey__resultvalue:-moz-meter-optimum::-moz-meter-bar {
    background: #00a5ff;
}
.survey__result-close-button {
    padding: 1.875vw 0 0;
    height: 10vw;
    margin: 5vw 3.125vw 0;
    background: #0087eb;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0;
    text-align: center;
    color: white;
}
.survey__embeddedframe {
    margin: 0 3.125vw;
    background-color: white;
    height: 100vw;
}
.survey__embeddedframe iframe {
    width: 100%;
    height: 100vw;
}

/* states */
/**
 * _basicteaser.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 14.11.2017
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.basicteaser {
    border-bottom: 0.3125vw solid #d8dde2;
}
.basicteaser--white20 {
    border-color: rgba(255, 255, 255, 0.2);
}

/* layout */
.basicteaser--inProgram {
    border: none;
    padding: 3.125vw;
}
.basicteaser__wrap {
    margin: 0 3.125vw;
    position: relative;
}
.basicteaser__wrap--S {
    padding: 0 0 3.125vw;
}
.basicteaser__wrap--greyBG {
    background-color: #3c444d;
    margin: 0;
}
.basicteaser__imageanchor {
    position: relative;
    display: block;
    margin: 0 0 3.125vw 0;
    overflow: hidden;
}
.basicteaser__imageanchor--S {
    margin: 0.9375vw 0 5vw 0;
}
.basicteaser__imageanchor--nomargin {
    margin: 0;
}
.basicteaser__imagewrap {
    height: 52.8125vw;
    display: block;
}
.basicteaser__imagewrap--S {
    height: 16.25vw;
    width: 29.0625vw;
}
.basicteaser__imagewrap--fullwidth {
    height: 56.25vw;
}
.basicteaser__imagewrap--280 {
    height: 49.375vw;
}
.basicteaser__image {
    width: 93.75vw;
    height: 100%;
}
.basicteaser__image--280 {
    width: 87.5vw;
}
.basicteaser__image--S {
    height: 16.25vw;
    width: 29.0625vw;
}
.basicteaser__image--fullwidth {
    width: 100vw;
    height: 100%;
}
.basicteaser__category {
    padding: 0 0 2.5vw 0;
    text-transform: uppercase;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.4375vw;
    font-style: normal;
    line-height: 1.2727272727;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.basicteaser__category--fullwidth {
    padding: 3.125vw 3.125vw 0;
    color: white;
}
.basicteaser__separator {
    vertical-align: 0.3125vw;
}
.basicteaser__date {
    text-transform: initial;
}
.basicteaser__headline {
    padding: 0 0 2.5vw 0;
    margin: 0;
}
.basicteaser__headline--S {
    width: 59.6875vw;
    padding: 0;
    margin: 0 0 3.125vw;
}
.basicteaser__headline--fullwidth {
    padding: 2.5vw 3.125vw 5vw;
    font-family: DWTheAntiquaB, serif;
    font-size: 5vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: start;
    color: white;
}
.basicteaser__headline--broadcast {
    padding: 2.5vw 3.125vw 1.5625vw;
    font-family: DWTheAntiquaB, serif;
    font-size: 5vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: start;
    color: white;
}
.basicteaser__anchor {
    font-family: DWTheAntiquaB, serif;
    font-weight: 600;
    font-size: 5.625vw;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #002d5a;
    display: inline-block;
}
.basicteaser__anchor--S {
    font-size: 5vw;
    line-height: 1.25;
}
.basicteaser__anchor--fullwidth {
    color: white;
}
.basicteaser__text {
    padding: 0 0 2.5vw 0;
    margin: 0;
}
.basicteaser__text--fullwidth {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: white;
    padding: 0 3.125vw 0;
    margin: -2.5vw 0 0;
}
.basicteaser__text--rl_offsets {
    padding: 0 3.125vw 2.5vw;
}
.basicteaser__additionalinfo {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: white;
    padding: 6.25vw 3.125vw 5vw;
    margin: 0;
}
.basicteaser__allmedia {
    padding: 0 3.125vw;
}
.basicteaser__allmediaanchor {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: white;
    display: block;
    border-top: 0.3125vw solid rgba(255, 255, 255, 0.2);
    padding: 6.25vw 0;
    background: transparent url("image/link.svg") no-repeat right center/5vw 5vw;
}
.basicteaser__textanchor {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.basicteaser__textanchor--dark_3c444d {
    font-family: DWTheAntiquaB, serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: white;
}
.basicteaser__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}
.basicteaser__footer--mk {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.basicteaser__author {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.75vw;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    display: inline-block;
    padding: 2.5vw 0;
}
.basicteaser__imageflex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
}
.basicteaser__mediaindicator {
    position: absolute;
    height: 13.75vw;
    width: 13.75vw;
    bottom: -0.09375vw;
    right: 0;
}
.basicteaser__mediaindicator--S {
    height: 10vw;
    width: 10vw;
}
.basicteaser__mediaindicator--M {
    position: relative;
}
.basicteaser__mediawrap {
    position: absolute;
    height: 13.75vw;
    width: 100vw;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.basicteaser__mediawrap--w300 {
    width: 93.75vw;
}
.basicteaser__mediaduration {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: white;
    padding: 4.375vw 3.125vw 0;
    display: inline-block;
}
.basicteaser__label {
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: center;
    color: white;
    position: absolute;
    height: 7.1875vw;
    top: 0;
    padding: 0 1.5625vw;
    margin: 0 0 3.125vw;
    background-color: #00a5ff;
    left: 0;
}
.basicteaser__label--top {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.basicteaser__labeltext {
    position: relative;
    top: 1.25vw;
    text-transform: uppercase;
}

/* states */
/**
 * _commentary.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 28.11.2017
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.commentaryteaser {
    background-color: #f1f3f5;
}

/* layout */
.commentaryteaser__wrap {
    padding: 0 0 10vw;
}
.commentaryteaser__metaheadline {
    font-family: Noto Sans, sans-serif;
    font-size: 4.6875vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #3c444d;
    padding: 5.9375vw 3.125vw 0;
    margin: 0;
    text-transform: uppercase;
}
.commentaryteaser__commentator {
    padding: 10.625vw 3.125vw 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}
.commentaryteaser__commentator--reporter {
    padding: 5vw 3.125vw;
}
.commentaryteaser__commentator--inSwiper {
    padding: 0 3.125vw;
}
.commentaryteaser__imagewrap {
    width: 28.125vw;
    height: 28.125vw;
    margin: 0 5vw 0 0;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}
.commentaryteaser__image {
    height: 28.125vw;
    -webkit-transform: translateX(-10.9375vw);
    -ms-transform: translateX(-10.9375vw);
    transform: translateX(-10.9375vw);
}
.commentaryteaser__name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Noto Sans, sans-serif;
    font-size: 4.6875vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0.09375vw;
    text-align: start;
    color: #6d7780;
}
.commentaryteaser__headline {
    padding: 5.3125vw 3.125vw 0;
    margin: 0;
}
.commentaryteaser__headlineanchor {
    font-family: DWTheAntiquaB, serif;
    font-weight: 600;
    font-size: 5.625vw;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #002d5a;
}
.commentaryteaser__text {
    padding: 2.8125vw 3.125vw 0;
    margin: 0;
}
.commentaryteaser__text--discussion {
    padding: 6.5625vw 15vw 5.9375vw 3.125vw;
    background: transparent url("image/comment.svg") no-repeat 83.125vw 2.5vw/13.75vw 13.75vw;
}
.commentaryteaser__textanchor {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    display: block;
}
.commentaryteaser__footer {
    background: transparent url("image/comment.svg") no-repeat 0 2.5vw/13.75vw 13.75vw;
    padding: 6.875vw 16.25vw 0.9375vw;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}

/* states */
/**
 * _galleryteaser.scss
 *
 * @package mobile.prototyp
 * @author Milan Burgmann
 * @create 14.11.2017
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
/* layout */
.galleryTeaser .swiper-container {
    height: auto;
    background-color: #3c444d;
    margin: 0;
}
.galleryTeaser__wrap {
    position: relative;
    padding: 0 0 18.75vw;
}
.galleryTeaser__imageContent {
    position: relative;
}
.galleryTeaser__imagewrap {
    display: block;
    width: 100vw;
    min-height: 56.25vw;
    position: relative;
}
.galleryTeaser__imagewrap svg.enlarge {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 13.75vw;
    height: 13.75vw;
    background: rgba(255, 255, 255, 0.7);
    padding: 3.75vw;
}
.galleryTeaser__imagewrap svg.enlarge .enlarge__enlarge {
    fill: #3c444d;
}
.galleryTeaser__image {
    width: 100%;
    display: block;
}
.galleryTeaser__textContent {
    margin: 3.125vw 3.125vw 0;
}
.galleryTeaser__category {
    text-transform: uppercase;
    margin: 0;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.4375vw;
    font-style: normal;
    line-height: 1.2727272727;
    letter-spacing: 0;
    text-align: start;
    color: white;
}
.galleryTeaser__date {
    text-transform: initial;
}
.galleryTeaser__headline {
    padding: 3.125vw 0 0 0;
    margin: 0;
    font-family: DWTheAntiquaB, serif;
    font-weight: 600;
    font-size: 5.625vw;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: white;
}
.galleryTeaser__text {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: white;
    padding: 2.8125vw 0 0 0;
    margin: 0;
}
.galleryTeaser .swiper-pagination {
    color: white;
    bottom: 3.75vw;
}
.galleryTeaser .swiper-button-next {
    background: url(image/link.svg) no-repeat -0.625vw 0.3125vw/5vw 5vw;
    color: white;
    width: 5vw;
    height: 5.625vw;
    top: initial;
    bottom: 3.75vw;
}
.galleryTeaser .swiper-button-prev {
    background: url(image/rtl-link.svg) no-repeat 0.625vw 0.3125vw/5vw 5vw;
    color: white;
    width: 5vw;
    height: 5.625vw;
    top: initial;
    bottom: 3.75vw;
}
.galleryTeaser__current {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: white;
    vertical-align: text-bottom;
}
.galleryTeaser__total {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: white;
    vertical-align: text-bottom;
}
.galleryTeaser__fullscreenButton {
    position: absolute;
    height: 13.75vw;
    width: 13.75vw;
    right: 0;
    bottom: 0;
    display: none;
}
.galleryTeaser__mediawrap {
    position: absolute;
    height: 13.75vw;
    width: 100vw;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.galleryTeaser__mediaduration {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: white;
    padding: 4.375vw 3.125vw 0;
    display: inline-block;
}

/* states */
/**
 * _feedbackteaser.scss
 *
 * @package mobile.prototyp
 * @author Thomas Ciura
 * @create 06.12.2017
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.feedbackteaser {
    background-color: #f1f3f5;
    padding: 5vw 3.125vw 4.6875vw;
    margin: 0 3.125vw;
}

.feedbackform {
    background-color: #f1f3f5;
    padding: 0 3.125vw 3.125vw;
    margin: 0 3.125vw;
    position: relative;
}

/* layout */
.feedbackteaser__headline {
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5384615385;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #6d7780;
    padding: 0.625vw 0 6.875vw 0;
}
.feedbackteaser__textContent {
    font-family: DWTheAntiquaB, serif;
    font-size: 4.375vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.feedbackteaser__link {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    padding: 6.875vw 0 1.5625vw 0;
    color: #6d7780;
    background: transparent url("image/arrow-right-6d7780.svg") no-repeat 83.125vw 7.5vw/5vw 5vw;
}
.feedbackteaser__link--linkelement {
    padding: 0;
    background-position: 82.8125vw 0.625vw;
}
.feedbackteaser__anchor {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    display: block;
}

.feedbackform__button-close {
    position: absolute;
    top: 4.375vw;
    right: 4.375vw;
}
.feedbackform__title {
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5384615385;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #6d7780;
    padding: 3.75vw 0 0;
    margin: 0;
    text-transform: uppercase;
}
.feedbackform__subtitle {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    padding: 6.875vw 0 5vw;
    margin: 0;
}
.feedbackform__label {
    display: block;
    margin: 0 0 1.875vw;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.125vw;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.feedbackform__label--nodisplay {
    display: none;
}
.feedbackform__dropdown {
    margin: 0 0 5.625vw;
}
.feedbackform__dropdown--underline {
    border-bottom: 0.3125vw solid #d8dde2;
}
.feedbackform__inputwrap {
    margin: 0 0 5.625vw;
}
.feedbackform__input {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #424242;
    background: #f1f3f5;
    border: solid #d8dde2;
    border-width: 0 0 0.3125vw;
    width: 100%;
    padding: 0 0 3.75vw;
}
.feedbackform__input::-webkit-input-placeholder {
    color: #6d7780;
    opacity: 1;
}
.feedbackform__input::-moz-placeholder {
    color: #6d7780;
    opacity: 1;
}
.feedbackform__input:-ms-input-placeholder {
    color: #6d7780;
    opacity: 1;
}
.feedbackform__input::placeholder {
    color: #6d7780;
    opacity: 1;
}
.feedbackform__textareawrap {
    margin: 0 0 8.75vw;
}
.feedbackform__textarea {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #424242;
    border-width: 0;
    width: 100%;
    height: 87.5vw;
    padding: 4.375vw 3.125vw;
    resize: none;
}
.feedbackform__textarea::-webkit-input-placeholder {
    color: #6d7780;
    opacity: 1;
}
.feedbackform__textarea::-moz-placeholder {
    color: #6d7780;
    opacity: 1;
}
.feedbackform__textarea:-ms-input-placeholder {
    color: #6d7780;
    opacity: 1;
}
.feedbackform__textarea::placeholder {
    color: #6d7780;
    opacity: 1;
}
.feedbackform__checkboxfield {
    margin: 0 0 9.6875vw;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.feedbackform__checklabel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}
.feedbackform__checklabel--items {
    margin: 0 0 5vw;
    font-family: Noto Sans, sans-serif;
    font-weight: 700;
    font-size: 4.6875vw;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: rgba(60, 68, 77, 0.8);
}
.feedbackform__checkinput {
    display: none;
}
.feedbackform__checkinput:checked + span::before {
    content: url("image/tick-00a5ff.svg");
    position: absolute;
    top: 0.9375vw;
    left: 1.875vw;
    width: 4.0625vw;
    height: 3.4375vw;
}
.feedbackform__checkbox {
    height: 7.5vw;
    width: 7.5vw;
    display: inline-block;
    position: relative;
    background-color: white;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 1.875vw 0 0;
}
.feedbackform__checkboxinfo {
    margin: 6.25vw 0 6.875vw;
    font-family: Noto Sans, sans-serif;
    font-weight: 700;
    font-size: 4.6875vw;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.feedbackform__topics {
    display: none;
}
.feedbackform__captcha {
    width: 87.5vw;
    margin: 0 0 2.5vw;
}
.feedbackform__captchalabel {
    display: block;
    margin: 0 0 5vw;
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.feedbackform__captchawrap {
    transform-origin: top left;
    width: 87.5vw;
}
.feedbackform__usernote {
    margin: 0 0 3.125vw;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.4375vw;
    font-style: normal;
    line-height: 1.4545454545;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.feedbackform__usernotetext {
    margin: 0;
}
.feedbackform__send {
    padding: 3.75vw 6.25vw;
    margin: 2.5vw auto 0;
    width: 93.75vw;
    background-color: #0087eb;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0.09375vw;
    text-align: center;
    color: white;
}
.feedbackform__button {
    margin: 0 0 3.125vw;
}
.feedbackform__button--success {
    margin: 2.5vw 0 3.125vw;
}

/**
 * _contactteaser.scss
 *
 * @package mobile.prototyp
 * @author Thomas Ciura
 * @create 06.12.2017
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.contactteaser {
    background-color: #f1f3f5;
    margin: 0 3.125vw;
    padding: 3.125vw;
}

/* layout */
.contactteaser__personname {
    font-family: DWTheAntiquaB, serif;
    font-size: 5vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    margin: 0 0 2.5vw 0;
}
.contactteaser__personloction {
    font-family: DWTheAntiquaB, serif;
    font-size: 4.375vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2857142857;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    margin: 0;
}
.contactteaser__personinfo {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    margin: 0;
}
.contactteaser__picture {
    float: right;
    margin: 0 0 3.125vw 3.125vw;
}

/**
 * _articlelinks.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 05.12.2017
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
/* layout */
.articlelinks--azureBG {
    background-color: #00a5ff;
    padding: 3.125vw 3.125vw 6.25vw;
}
.articlelinks--standalone {
    border-bottom: 0.3125vw solid #d8dde2;
    padding: 0 0 2.1875vw;
}
.articlelinks--numbered {
    border-bottom: 0.3125vw solid #d8dde2;
    padding: 0;
    margin: 0 0 6.25vw;
}
.articlelinks--bullet {
    padding: 4.6875vw 0 0;
}
.articlelinks--noborder {
    border: none;
}
.articlelinks--inBulletin {
    border-bottom: 0.3125vw solid #d8dde2;
}
.articlelinks__title {
    font-family: Noto Sans, sans-serif;
    font-size: 4.6875vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #3c444d;
    text-transform: uppercase;
    padding: 0 3.125vw 3.4375vw;
    margin: 0;
}
.articlelinks__title--jumpmark {
    padding: 4.0625vw 3.125vw 3.4375vw;
    border: solid #d8dde2;
    border-width: 0.3125vw 0;
}
.articlelinks__title--externallink {
    padding: 0 3.125vw 0;
    margin-bottom: -0.3125vw;
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5384615385;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #3c444d;
}
.articlelinks__title--inBulletin {
    padding: 0 3.125vw 1.25vw;
}
.articlelinks__h2anchor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
}
.articlelinks__h2anchor span:first-child {
    max-width: 79.6875vw;
}
.articlelinks__h2anchor span:nth-child(2) {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.articlelinks__h2anchor svg {
    width: 7.5vw;
    height: auto;
    margin: 0 3.125vw -0.9375vw;
}
.articlelinks__textContent {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    padding: 1.875vw 3.125vw 3.4375vw;
    margin: 0;
}
.articlelinks__textContent--inBulletin {
    display: none;
    padding: 2.5vw 0 0;
}
.articlelinks__list {
    list-style: none;
    padding: 0.9375vw 3.125vw 0;
    margin: 0;
}
.articlelinks__list--numbered {
    counter-reset: numberedlistcounter;
    padding: 1.875vw 3.125vw 0;
}
.articlelinks__list--bullet {
    list-style: disc;
    padding: 0 3.125vw;
}
.articlelinks__list--inTopicContent {
    padding: 2.8125vw 0 0;
}
.articlelinks__list--inBulletin {
    padding: 1.25vw 3.125vw 0;
}
.articlelinks__listitem--numbered {
    counter-increment: numberedlistcounter;
    padding: 0 0 2.5vw;
    border-bottom: 0.3125vw solid #d8dde2;
    margin: 0 0 2.8125vw 8.75vw;
}
.articlelinks__listitem--numbered:before {
    content: counter(numberedlistcounter) " ";
    font-family: Noto Sans, sans-serif;
    font-weight: 700;
    font-size: 5vw;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: start;
    color: #00a5ff;
    width: 3.125vw;
    padding: 5.9375vw 0 0 1.5625vw;
    left: 3.125vw;
    position: absolute;
}
.articlelinks__listitem--bullet {
    margin: 0 0 0 5vw;
    color: #3c444d;
    font-size: 4.375vw;
}
.articlelinks__listitem--inTopicContent {
    padding: 0 0 2.5vw;
    margin: 0 0 2.8125vw;
    border-bottom: 0.3125vw solid rgba(255, 255, 255, 0.2);
}
.articlelinks__listitem--inTopicContent:last-child {
    margin: 0;
}
.articlelinks__listitem--inBulletin {
    border-bottom: 0.3125vw solid #d8dde2;
    padding: 0 0 3.75vw;
}
.articlelinks__listitem--noborder {
    border: none;
}
.articlelinks__itemtitle {
    margin: 0;
}
.articlelinks__itemtitle--bullet {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 2;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.articlelinks__itemtitle--inBulletin {
    padding: 3.75vw 0 0;
    border: none;
    font-family: DWTheAntiquaB, serif;
    font-size: 5vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: start;
    color: #002d5a;
}
.articlelinks__anchor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    padding: 3.125vw 0 2.8125vw 0;
    border-bottom: 0.3125vw solid #d8dde2;
    font-family: DWTheAntiquaB, serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.articlelinks__anchor span:first-child {
    max-width: 84.375vw;
}
.articlelinks__anchor span:nth-child(2) {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.articlelinks__anchor svg {
    width: 5vw;
    height: auto;
    margin-bottom: -0.9375vw;
    margin-right: 0.9375vw;
}
.articlelinks__anchor--index {
    padding: 3.75vw 0 3.4375vw;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.75vw;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.articlelinks__anchor--noborder {
    padding: 3.125vw 0 3.125vw 0;
    border-bottom: none;
}
.articlelinks__anchor--video svg {
    margin-right: 0.625vw;
}
.articlelinks__anchor--audio svg {
    margin-right: 0.46875vw;
}
.articlelinks__anchor--gallery svg {
    margin-right: 0.46875vw;
}
.articlelinks__anchor--download svg {
    width: 4.6875vw;
    margin-right: 0.625vw;
}
.articlelinks__anchor--inlined_external_content svg {
    margin-right: 0.46875vw;
}
.articlelinks__anchor--externallink svg, .articlelinks__anchor--article svg {
    width: 4.0625vw;
    margin-right: 0.625vw;
}
.articlelinks__anchor--inArticle span:first-child {
    max-width: 79.6875vw;
}
.articlelinks__anchor--inArticle svg {
    width: 7.5vw;
    margin-right: 3.125vw;
}
.articlelinks__anchor--numbered {
    font-family: DWTheAntiquaB, serif;
    font-size: 5vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.375;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    padding: 1.25vw 0 0 0;
}
.articlelinks__anchor--inTopicContent {
    font-family: DWTheAntiquaB, serif;
    font-size: 5vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: start;
    color: white;
    padding: 1.25vw 0 0 0;
}
.articlelinks__category {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.4375vw;
    font-style: normal;
    line-height: 1.2727272727;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.articlelinks__category--white {
    color: white;
}
.articlelinks__category--inBulletin {
    padding: 0 3.125vw;
}
.articlelinks__separator {
    vertical-align: 0.3125vw;
}
.articlelinks__author {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.75vw;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    padding: 1.25vw 0 0;
    margin: 0;
}
.articlelinks__author--white {
    color: white;
}

/* states */
/**
 * _subheader.scss
 *
 * @package mobile.prototyp
 * @author Nadejda Luchian [nadejda.luchian@dw.com]
 * @create 6.12.2017
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.subheader {
    background-color: #f1f3f5;
}

/* layout */
.subheader__text {
    padding: 5.625vw 3.125vw 5.9375vw;
    text-transform: uppercase;
    margin: 0;
    font-family: Noto Sans, sans-serif;
    font-size: 4.6875vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #3c444d;
}

/**
 * _articledetail.scss
 *
 * @package mobile.prototyp
 * @author Nadejda Luchian [nadejda.luchian@dw.com]
 * @create 28.12.2017
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.articledetail {
    border-bottom: 0.3125vw solid #d8dde2;
}

/* layout */
.articledetail__wrap {
    margin: 0 3.125vw;
}
.articledetail__imagewrap {
    height: 55.9375vw;
    display: block;
    padding: 0 0 3.125vw 0;
}
.articledetail__image {
    width: 93.75vw;
}
.articledetail__category {
    text-transform: uppercase;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.4375vw;
    font-style: normal;
    line-height: 1.2727272727;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.articledetail__title {
    font-family: DWTheAntiquaB, serif;
    font-weight: 600;
    font-size: 5.625vw;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #002d5a;
    padding: 2.5vw 0 0 0;
    margin: 0;
}
.articledetail__shorttext {
    padding: 5vw 0 0 0;
    margin: 0;
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.articledetail__text {
    padding: 5vw 0 0 0;
    margin: 0;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    overflow: hidden;
}
.articledetail__text p {
    margin: 0 0 3.125vw;
}
.articledetail__footer {
    padding: 1.875vw 0 5vw;
}
.articledetail__author {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.75vw;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}

/**
 * _rutscheteaser.scss
 *
 * @package mobile.prototyp
 * @author Nadejda Luchian [nadejda.luchian@dw.com]
 * @create 03.01.2018
 * @version v1.0.0
 * @copyright (c) 2018 Deutsche Welle, Bonn
 */
/* base */
.rutscheteaser {
    margin: 0;
    background-color: #3c444d;
}
.rutscheteaser--palegreyBG {
    background-color: #f1f3f5;
}
.rutscheteaser--azureBG {
    background-color: #00a5ff;
}
.rutscheteaser--noBG {
    background: none;
}

/* layout */
.rutscheteaser__wrap .swiper-container {
    padding: 0 0 6.25vw;
    margin: 0;
}
.rutscheteaser__wrap .swiper-container--inProgram {
    padding: 5vw 0 0;
}
.rutscheteaser__wrap .swiper-container--inComment {
    padding: 1.875vw 0 0;
}
.rutscheteaser__wrap .swiper-slide {
    background-color: black;
    height: auto;
    width: 75vw;
    margin: 0 0 0 3.125vw;
}
.rutscheteaser__wrap .swiper-slide--whiteBG {
    background-color: white;
}
.rutscheteaser__wrap .swiper-slide--inProgram {
    background-color: #3c444d;
    width: 40vw;
}
.rutscheteaser__wrap .swiper-slide--inTopicContent {
    background: none;
    width: 81.5625vw;
}
.rutscheteaser__wrap .swiper-slide--inCommentContent {
    margin: 0;
    width: 87.5vw;
    background-color: transparent;
    border-right: 0.3125vw solid #d8dde2;
}
.rutscheteaser__wrap .swiper-slide--fullwidth {
    width: 100vw;
    background-color: inherit;
    padding: 0 3.125vw;
    margin: 0;
}
.rutscheteaser__wrap .swiper-pagination-bullet {
    width: 3.125vw;
    height: 3.125vw;
    background: #6d7780;
    opacity: 1;
}
.rutscheteaser__wrap .swiper-pagination-bullet-active {
    background: #3c444d;
}
.rutscheteaser__wrap .swiper-pagination--white .swiper-pagination-bullet {
    width: 3.125vw;
    height: 3.125vw;
    background: rgba(255, 255, 255, 0.2);
}
.rutscheteaser__wrap .swiper-pagination--white .swiper-pagination-bullet-active {
    background-color: white;
}
.rutscheteaser__wrap .swiper-pagination {
    position: relative;
    bottom: 0;
    padding: 5.9375vw 0 0;
    display: none;
    margin: 0 0 -0.3125vw;
}
.rutscheteaser__wrap .swiper-pagination--dark {
    padding: 7.1875vw 0 6.25vw;
}
.rutscheteaser__wrap .swiper-pagination--dark .swiper-pagination-bullet {
    width: 3.125vw;
    height: 3.125vw;
    background: #d8dde2;
}
.rutscheteaser__wrap .swiper-pagination--dark .swiper-pagination-bullet-active {
    background-color: #3c444d;
}
.rutscheteaser__wrap .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2.5vw;
}
.rutscheteaser__borderwrap {
    padding: 0 3.125vw 0 0;
    border-right: 0.3125vw solid rgba(255, 255, 255, 0.2);
}
.rutscheteaser__metaheadline {
    margin: 0;
    text-transform: uppercase;
    padding: 5.625vw 3.125vw;
    font-family: Noto Sans, sans-serif;
    font-size: 4.6875vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: white;
}
.rutscheteaser__metaheadline--multirutsche {
    padding-bottom: 4.375vw;
}
.rutscheteaser__metaheadline--grey {
    color: #3c444d;
}
.rutscheteaser__metaheadline--inTopicContent {
    padding: 5.625vw 3.125vw 5.625vw 0;
}
.rutscheteaser__metaheadline--fullwidth {
    padding: 5.625vw 0;
}
.rutscheteaser__rubric {
    padding: 0 3.125vw 3.125vw;
    margin: -1.25vw 0 0;
    text-transform: uppercase;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.rutscheteaser__imageanchor {
    position: relative;
    display: block;
}
.rutscheteaser__imagewrap {
    height: 42.1875vw;
    display: block;
}
.rutscheteaser__imagewrap--notavailable {
    background: #f1f3f5 url("image/not-available.svg") no-repeat center 13.4375vw/10vw 10vw;
}
.rutscheteaser__imagewrap--loading {
    background: #f1f3f5 url("image/loading.svg") no-repeat center 13.4375vw/10vw 10vw;
}
.rutscheteaser__imagewrap--h72 {
    height: 22.5vw;
}
.rutscheteaser__imagewrap--h141 {
    height: 44.0625vw;
}
.rutscheteaser__imagewrap--h169 {
    height: 52.8125vw;
}
.rutscheteaser__errormsgwrap {
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2307692308;
    letter-spacing: 0.3125vw;
    text-align: center;
    color: #6d7780;
}
.rutscheteaser__errormsg {
    margin: 0 auto;
    top: 27.1875vw;
    position: relative;
    width: 56.25vw;
}
.rutscheteaser__image {
    width: 75vw;
    height: 100%;
}
.rutscheteaser__image--w128 {
    width: 40vw;
}
.rutscheteaser__image--w250 {
    width: 78.125vw;
}
.rutscheteaser__image--w300 {
    width: 93.75vw;
}
.rutscheteaser__mediawrap {
    position: absolute;
    height: 13.75vw;
    width: 75vw;
    bottom: -0.015625vw;
    background-color: rgba(0, 0, 0, 0.5);
}
.rutscheteaser__mediawrap--inProgram {
    height: 10vw;
    width: 40vw;
    bottom: 0;
}
.rutscheteaser__mediaduration {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: white;
    padding: 4.375vw 3.125vw 0;
    display: inline-block;
}
.rutscheteaser__mediaduration--inProgram {
    font-size: 3.75vw;
    line-height: 1.6666666667;
    letter-spacing: 0;
    padding: 2.1875vw 3.125vw 0;
}
.rutscheteaser__mediaindicator {
    position: absolute;
    height: 13.75vw;
    width: 13.75vw;
    bottom: 0;
    right: 0;
}
.rutscheteaser__mediaindicator--inProgram {
    height: 10vw;
    width: 10vw;
}
.rutscheteaser__category {
    padding: 2.8125vw 3.125vw 0;
    text-transform: uppercase;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.4375vw;
    font-style: normal;
    line-height: 1.2727272727;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.rutscheteaser__separator {
    vertical-align: 0.3125vw;
}
.rutscheteaser__date {
    text-transform: lowercase;
}
.rutscheteaser__headline {
    margin: 0;
    padding: 2.5vw 3.125vw 4.375vw;
    font-family: DWTheAntiquaB, serif;
    font-size: 5vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: start;
    color: white;
}
.rutscheteaser__headline--blue {
    font-size: 5.625vw;
    line-height: 1.33;
    color: #002d5a;
    padding: 2.5vw 3.125vw 5vw;
}
.rutscheteaser__headline--inProgram {
    padding: 1.5625vw 3.125vw 2.1875vw;
    font-size: 4.375vw;
    line-height: 1.4285714286;
    font-weight: 400;
}
.rutscheteaser__anchor {
    color: white;
}
.rutscheteaser__anchor--blue {
    color: #002d5a;
}
.rutscheteaser__allmedia {
    padding: 0 3.125vw 6.25vw;
}
.rutscheteaser__allmediaanchor {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: white;
    display: block;
    background: transparent url("image/link.svg") no-repeat right center/5vw 5vw;
}
.rutscheteaser__allmediaanchor--inTopicContent {
    padding: 1.5625vw 0 1.875vw;
}

/* states */
/**
 * _followus.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 17.01.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.followus {
    margin: 0 3.125vw;
    padding: 3.125vw 0 0 0;
    background: #f1f3f5;
}

/* layout */
.followus__titel {
    margin: 0;
    padding: 0.9375vw 3.125vw 3.125vw;
    text-transform: uppercase;
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5384615385;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #6d7780;
}
.followus__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.followus__item {
    width: 46.875vw;
    padding: 0 0 4.6875vw 3.125vw;
}
.followus__anchor {
    display: inline-block;
    width: 100%;
}
.followus__image {
    vertical-align: middle;
    height: 13.75vw;
    padding: 0 0.625vw 0 0;
}
.followus__label {
    font-family: DWTheAntiquaB, serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    display: inline;
    padding: 0 3.125vw;
    margin: 0;
}

/* states */
/**
 * _relatedsubjects.scss
 *
 * @package mobile.prototyp
 * @author Nadejda Luchian [nadejda.luchian@dw.com]
 * @create 26.01.2018
 * @version v1.0.0
 * @copyright (c) 2018 Deutsche Welle, Bonn
 */
/* base */
.relatedsubjects {
    background-color: #f1f3f5;
}

/* layout */
.relatedsubjects__title {
    text-transform: uppercase;
    padding: 5.625vw 3.125vw;
    margin: 0;
    font-family: Noto Sans, sans-serif;
    font-size: 4.6875vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #3c444d;
}
.relatedsubjects__itemtitle {
    margin: 0;
}
.relatedsubjects__anchor {
    font-family: Noto Sans, sans-serif;
    font-weight: 700;
    font-size: 4.6875vw;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: white;
    padding: 1.875vw 2.5vw;
    display: inline-block;
}
.relatedsubjects .swiper-container {
    padding: 0 0 5vw 0;
    margin: 0;
}
.relatedsubjects .swiper-slide {
    text-align: center;
    background-color: #a1abb4;
    margin-left: 3.125vw;
    width: auto;
}

/**
 * _sendungsclaim.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 29.03.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.sendungsclaim {
    margin: 0 3.125vw;
}

/* layout */
.sendungsclaim__category {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.4375vw;
    font-style: normal;
    line-height: 1.2727272727;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    text-transform: uppercase;
    margin: 0 0 2.5vw;
}
.sendungsclaim__separator {
    vertical-align: 0.3125vw;
}
.sendungsclaim__headline {
    margin: 0 0 2.5vw;
    font-family: DWTheAntiquaB, serif;
    font-weight: 600;
    font-size: 5.625vw;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #002d5a;
}
.sendungsclaim__title {
    margin: 0 0 2.5vw;
    font-family: DWTheAntiquaB, serif;
    font-weight: 600;
    font-size: 6.875vw;
    font-style: normal;
    line-height: 1.2727272727;
    letter-spacing: 0;
    text-align: start;
    color: #002d5a;
}
.sendungsclaim__text {
    margin: 0;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.sendungsclaim__text--broadcast {
    background: transparent url("image/broadcast.svg") no-repeat right 0 top 0.3125vw/6.25vw 6.25vw;
}
.sendungsclaim__link {
    margin: 3.125vw 0 6.25vw;
}
.sendungsclaim__metainfo {
    padding: 6.25vw 3.125vw 0;
}
.sendungsclaim__label {
    text-transform: uppercase;
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5384615385;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #3c444d;
    margin: 0 0 1.25vw 0;
}

/* states */
/**
 * _broadcastoverview.scss
 *
 * @package mobile.prototyp
 * @author Suk-Be Jang [suk-be.jang@dw.com]
 * @create 11.04.2018
 * @version v1.0.0
 * @copyright (c) 2018 Deutsche Welle, Bonn
 */
/* qa */
.broadcastoverview {
    background: #f1f3f5;
    margin-bottom: 5vw;
}
.broadcastoverview--dark_3c444d {
    background: #3c444d;
}
.broadcastoverview__linkcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.broadcastoverview__headline {
    order: 1;
    margin: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    padding: 3.125vw 3.125vw 1.5625vw;
    font-family: DWTheAntiquaB, serif;
    font-size: 5vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: start;
    color: #002d5a;
}
.broadcastoverview__text {
    order: 1;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    padding: 0 3.125vw;
    margin: 0 0 2.5vw;
    font-family: DWTheAntiquaB, serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.broadcastoverview__picture {
    order: 0;
    height: 56.25vw;
}
.broadcastoverview__picture img {
    height: auto;
}
.broadcastoverview__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    border-top: 0.3125vw solid rgba(109, 119, 128, 0.2);
}
.broadcastoverview__nav--noborder {
    border-top: none;
}
.broadcastoverview__navlink {
    padding: 0 3.125vw;
    height: 13.75vw;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.broadcastoverview__navlink span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.broadcastoverview__navlink svg {
    width: 3.4375vw;
    height: 3.4375vw;
    margin: 0.78125vw 0.9375vw 0;
}
.broadcastoverview__navlink svg .arrow__arrow {
    fill: #3c444d;
}
.broadcastoverview__navlink:first-child {
    border-right: 0.3125vw solid rgba(109, 119, 128, 0.2);
}
.broadcastoverview__navlink--dark_3c444d {
    color: white;
}
.broadcastoverview__navlink--dark_3c444d:first-child {
    border-right: 0.3125vw solid rgba(255, 255, 255, 0.2);
}
.broadcastoverview__navlink--dark_3c444d svg .arrow__arrow {
    fill: white;
}
.broadcastoverview__lastaudio {
    display: none;
}

/**
 * _programplan.scss
 *
 * @package mobile.prototyp
 * @author Nadejda Luchian [nadejda.luchian@dw.com]
 * @create 30.05.2018
 * @version v1.0.0
 * @copyright (c) 2018 Deutsche Welle, Bonn
 */
/* base */
.programplan {
    background-color: #f1f3f5;
    padding: 3.75vw 3.125vw 3.125vw;
    margin: 5vw 0 6.25vw;
}

/* layout */
.programplan__metaheadline {
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-family: Noto Sans, sans-serif;
    font-size: 4.0625vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5384615385;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #3c444d;
}
.programplan__metadata {
    padding: 2.5vw 0 0;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #6d7780;
}
.programplan__dayslider {
    position: relative;
    left: -3.125vw;
    width: 100vw;
    padding: 6.875vw 3.125vw 4.0625vw;
    margin: 4.375vw 0 0 0;
    border-top: 0.3125vw solid rgba(109, 119, 128, 0.2);
}
.programplan__separator {
    vertical-align: 0.3125vw;
}
.programplan__items {
    margin: 3.75vw 0 0;
}
.programplan__itemwrap {
    margin: 0 0 1.25vw;
    background-color: white;
}
.programplan__itemwrap:last-child {
    margin: 0;
}
.programplan__breakwrap {
    margin: 3.125vw 0;
}
.programplan__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}
.programplan__item svg {
    width: 4.0625vw;
    -webkit-transform: rotate(90deg) translate(0.3125vw);
    -ms-transform: rotate(90deg) translate(0.3125vw);
    transform: rotate(90deg) translate(0.3125vw);
}
.programplan__item svg .arrow__arrow {
    fill: #6d7780;
}
.programplan__itemmetadata {
    border-right: 0.3125vw solid rgba(109, 119, 128, 0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 87%;
    height: 15vw;
    border-bottom: 0.3125vw solid transparent;
}
.programplan__itemmetadata--border-botom {
    border-bottom: 0.3125vw solid rgba(109, 119, 128, 0.2);
}
.programplan__itemmetadata--no-border {
    border: none;
}
.programplan__hour {
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #6d7780;
    margin: 0 3.125vw 0;
}
.programplan__name {
    width: 69%;
    font-family: DWTheAntiquaB, serif;
    font-size: 5vw;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: start;
    color: #002d5a;
}
.programplan__name--radio {
    width: 66%;
}
.programplan__channel {
    text-transform: uppercase;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #d8d8d8;
    margin: 0.3125vw 3.125vw 0;
}
.programplan__arrow {
    margin: 0 4.375vw;
}
.programplan__arrow--up svg {
    -webkit-transform: rotate(270deg) translate(0.3125vw);
    -ms-transform: rotate(270deg) translate(0.3125vw);
    transform: rotate(270deg) translate(0.3125vw);
}
.programplan__itemdetails {
    padding: 5vw 3.125vw 3.125vw;
    display: none;
}
.programplan__itemdetails--radio {
    padding: 0 3.125vw 5vw;
}
.programplan__title {
    margin: 0;
    padding: 0;
    font-family: DWTheAntiquaB, serif;
    font-weight: 600;
    font-size: 5.625vw;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #002d5a;
}
.programplan__text {
    padding: 2.5vw 0 0;
    margin: 0;
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.programplan__linkbox {
    background-color: #f1f3f5;
    padding: 0 3.125vw 0;
    margin: 3.125vw 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 13.75vw;
}
.programplan__anchor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1428571429;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
}
.programplan__anchor svg {
    width: 3.4375vw;
}
.programplan__anchor svg .arrow__arrow {
    fill: #6d7780;
}
.programplan__break {
    background: rgba(109, 119, 128, 0.4);
    padding: 3.125vw;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}
.programplan__break svg {
    transform: rotate(0deg) scale(1.9);
    width: 5vw;
    height: 5vw;
    margin: 0 3.75vw 0 0;
}
.programplan__break svg .coffee__coffee {
    fill: white;
}
.programplan__coffeetext {
    max-width: 75vw;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.6666666667;
    letter-spacing: 0;
    text-align: start;
    color: white;
}

/* D E T A I L */
/**
 * _article.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 03.01.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.article {
    overflow: hidden;
}

/* layout */
.article__head {
    padding: 0 0 1.875vw;
}
.article__headline {
    font-family: DWTheAntiquaB, serif;
    font-weight: 600;
    font-size: 6.875vw;
    font-style: normal;
    line-height: 1.2727272727;
    letter-spacing: 0;
    text-align: start;
    color: #002d5a;
    padding: 0 3.125vw 3.125vw;
    margin: 0;
}
.article__headline--inTVprogram {
    padding: 0 3.125vw 6.25vw;
}
.article__metainfo {
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #6d7780;
    text-transform: uppercase;
    padding: 0 3.125vw 3.125vw;
    margin: 0;
}
.article__metainfo--inThemen {
    padding: 0 3.125vw 0;
}
.article__separator {
    vertical-align: 0.3125vw;
}
.article__date {
    text-transform: initial;
}
.article__themeinfo {
    padding: 3.125vw 3.125vw 4.0625vw;
}
.article__label {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 3.4375vw;
    font-style: normal;
    line-height: 1.4545454545;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    padding: 0 3.125vw 0 0;
}
.article__title {
    font-family: Noto Sans, sans-serif;
    font-weight: 700;
    font-size: 3.4375vw;
    font-style: normal;
    line-height: 1.4545454545;
    letter-spacing: 0;
    text-align: start;
    color: #002d5a;
    padding: 0 0 0 3.125vw;
    text-transform: uppercase;
}
.article__intro {
    font-family: Noto Sans, sans-serif;
    font-size: 4.375vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    padding: 5vw 3.125vw 3.125vw;
}
.article__subheadline {
    font-family: Noto Sans, sans-serif;
    font-weight: 700;
    font-size: 4.6875vw;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    padding: 0 3.125vw 3.125vw;
}
.article__paragraph {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
    padding: 0 3.125vw 3.125vw;
    margin: 0;
}
.article__editorUL, .article__editorOL {
    padding: 0 3.125vw 3.125vw 10.9375vw;
    margin: 0;
}
.article__editorLI {
    font-family: Noto Sans, sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    font-style: normal;
    line-height: 1.4285714286;
    letter-spacing: 0;
    text-align: start;
    color: #3c444d;
}
.article__linkcolor {
    color: #00a5ff;
}
.article__news {
    padding: 3.75vw 0 3.125vw;
    border-top: 0.3125vw solid #d8dde2;
}
.article__news--inThemen {
    padding: 1.25vw 0 0;
}
.article__image {
    margin: 0;
}
.article__imagecaption {
    background-color: #f1f3f5;
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    padding: 3.125vw;
}
.article__imagecaptionheadline {
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    margin: 0;
}
.article__sharing {
    padding: 3.75vw 0 5vw 0;
}
.article__media {
    margin: 1.90625vw 0 5vw;
}
.article__media--offset {
    margin: 1.90625vw 3.125vw 5vw;
}
.article__media--offset-top {
    margin: 5vw 3.125vw 5vw;
}
.article__author {
    font-family: Noto Sans, sans-serif;
    font-size: 3.75vw;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #6d7780;
    padding: 1.875vw 3.125vw 3.125vw;
    margin: 0;
}
.article__detaillist {
    padding: 9.375vw 0 0 0;
}
.article__jumpmark {
    padding: 3.125vw 0;
}
.article__followus {
    padding: 0;
}
.article__feedbacklink {
    padding: 3.125vw 0 0 0;
}
.article__feedbacklink--inTVprogram {
    padding: 3.125vw 0;
}
.article__feedbacklink--inTVprogramInfo {
    padding: 6.25vw 0 3.125vw;
}
.article__externallink {
    padding: 3.75vw 0 0;
}

/* states */
/* 3rd party */
/**
 * _swiper.scss
 *
 * @package m.dw.com
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @since 2017/08/18
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.swiper-container {
    width: 100vw;
    margin: 0 0 6.25vw;
}

/* layout */
.simple-text-slider__title {
    text-transform: uppercase;
    padding: 5.625vw 3.125vw;
    margin: 0;
    font-family: Noto Sans, sans-serif;
    font-size: 4.6875vw;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0.3125vw;
    text-align: start;
    color: #3c444d;
}
.simple-text-slider__itemtitle {
    margin: 0;
}
.simple-text-slider__anchor {
    font-family: Noto Sans, sans-serif;
    font-weight: 700;
    font-size: 4.6875vw;
    font-style: normal;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-align: start;
    color: #6d7780;
    display: inline-block;
}
.simple-text-slider__anchor--active {
    color: #3c444d;
}
.simple-text-slider .swiper-container {
    margin: 0;
    width: 100%;
}
.simple-text-slider .swiper-slide {
    text-align: center;
    margin-right: 5vw;
    width: auto;
}

/* states */
/**
 * _youtube_video.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 22.03.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* YOUTUBE VIDEO IFRAME */
iframe.yt-video {
    width: 100vw;
    height: 56.25vw;
    margin: 0;
    padding: 0 0 3.125vw;
}

/**
 * _lazyloading.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 05.07.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/**

 * styles for "The lazysizes Blur Up plugin". https://github.com/aFarkas/lazysizes/tree/master/plugins/blur-up

 */
.mediabox {
    position: relative;
    display: block;
}

.ls-blur-up-img,
.mediabox-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    object-fit: cover;
}

.ls-blur-up-img {
    filter: blur(10px);
    opacity: 1;
    transition: opacity 1000ms, filter 1500ms;
}

.ls-blur-up-img.ls-inview.ls-original-loaded {
    opacity: 0;
    filter: blur(5px);
}

/* C M S - P R E V I E W */
/**
 * _cms-preview.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 19.02.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
@media screen {
    #blocklayer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 6666;
        background-color: #808080;
        text-align: center;
        padding: 0;
        opacity: .00;
        filter: alpha(opacity=0);
    }

    #pi {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 6667;
        color: #f0f0f0;
        cursor: pointer;
    }

    #previewinfo {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 25px;
        z-index: 6667;
        text-align: center;
        background-color: #808080;
        color: #fff;
        font-weight: bold;
        margin-top: 0;
    }
}

/*# sourceMappingURL=styles-ltr-mdw.css.map */