/**
 * 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%;
    margin  : 0 0 0.625vw 0;
    padding : 0.3125vw 2.5vw 0;
}
.head__liveTV--akademie {
    width : 41%;
}
.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         : fixed;
    top              : 0;
    z-index          : 101;
    width            : 100vw;
    height           : 16.875vw;
    background-color : white;
}
.search--result {
    display  : block;
    padding  : 0 0 4.375vw;
    height   : 13.125vw;
    position : initial;
}
.search--cms {
    display       : block;
    position      : initial;
    padding       : 0 0 4.6875vw;
    height        : initial;
    border-bottom : 0.3125vw solid #d8dde2;
    z-index       : 100;
}
/* layout */
.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.875vw;
}
.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__searchform--cmsform {
    width   : 100vw;
    height  : initial;
    display : block;
}
.search__textfield-wrap {
    padding : 5vw 3.125vw 2.8125vw;
}
.search__label {
    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;
}
.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;
    font-size        : 4.28125vw;
    padding          : 0.3125vw 0 0 3.125vw;
}
.search__textfield--resulttextfield {
    width       : 83.75vw;
    font-weight : 700;
}
.search__textfield--cmstextfield {
    width              : 100%;
    font-weight        : 700;
    margin             : 1.5625vw 0 0;
    height             : 8.75vw;
    padding            : 0.3125vw 3.125vw 0;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
}
.search__date-wrap {
    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                 : 0 3.125vw;
}
.search__date-block {
    width : 45.3125vw;
}
.search__button-wrap {
    padding : 4.6875vw 3.125vw 0;
}
.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-cmssubmit {
    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;
    height           : 13.75vw;
    background-color : #0096fa;
    border           : none;
    width            : 93.75vw;
    border-radius    : 0;
}
.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;
    border-top     : 0.3125vw solid #d8dde2 !important;
    border-bottom  : unset !important;
    border-left    : unset !important;
    border-right   : unset !important;
    padding-bottom : 6.25vw !important;
}
.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 !important;
    border-top     : 0.3125vw solid #d8dde2 !important;
    border-bottom  : unset !important;
    border-left    : unset !important;
    border-right   : unset !important;
    padding-bottom : 6.25vw !important;
}
.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__intro--cms {
    color          : #3b444d;
    line-height    : 1.3333333333;
    letter-spacing : 0.3125vw;
    text-transform : uppercase;
    padding-bottom : 0;
}
.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;
    margin           : 16.875vw 0 0;
}
.navigation--mc {
    background-color : #3c444d;
}
.navigation--next_edition {
    display : none;
}
/* 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 0;
}
.navigation__sectionlist--footer {
    padding : 0;
}
.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;
    padding                 : 5.625vw 0 5vw;
    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;
    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        : center;
    -ms-flex-pack           : center;
    -webkit-justify-content : center;
    -moz-justify-content    : center;
    justify-content         : center;
}
.navigation__sectionlist-item--topmeta-inactive {
    border-bottom           : 0.625vw solid white;
    text-transform          : uppercase;
    width                   : 46.875vw;
    padding                 : 5.625vw 0 5vw;
    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;
    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        : center;
    -ms-flex-pack           : center;
    -webkit-justify-content : center;
    -moz-justify-content    : center;
    justify-content         : center;
}
.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 : 0;
    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                   : white;
    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-item--open {
    color : rgba(255, 255, 255, 0.6);
}
.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%;
    word-wrap       : break-word;
}
.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__sectionlist-anchor--active span {
    border-bottom : 0.3125vw solid white;
}
.navigation__sectionlist-anchor--fullwidth {
    padding                 : 0 6.25vw 0 6.25vw;
    height                  : 100%;
    display                 : -webkit-box;
    display                 : -webkit-flex;
    display                 : -moz-flex;
    display                 : -ms-flexbox;
    display                 : flex;
    -webkit-box-direction   : normal;
    -webkit-box-orient      : horizontal;
    -webkit-flex-direction  : row;
    -moz-flex-direction     : row;
    -ms-flex-direction      : row;
    flex-direction          : 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;
}
.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 {
    margin : 0 4.0625vw;
}
.navigation__switchicon svg {
    width             : 3.75vw;
    -webkit-transform : rotate(90deg) translate(0.625vw);
    -ms-transform     : rotate(90deg) translate(0.625vw);
    transform         : rotate(90deg) translate(0.625vw);
}
.navigation__switchicon svg .arrow__arrow {
    fill : #6d7780;
}
.navigation__switchicon--open svg {
    -webkit-transform : rotate(270deg) translate(-0.625vw);
    -ms-transform     : rotate(270deg) translate(-0.625vw);
    transform         : rotate(270deg) translate(-0.625vw);
}
.navigation__linkicon {
    margin : 0;
}
.navigation__linkicon svg {
    width             : 5vw;
    padding           : 0.9375vw;
    -webkit-transform : rotate(0deg) translate(0, 0.625vw);
    -ms-transform     : rotate(0deg) translate(0, 0.625vw);
    transform         : rotate(0deg) translate(0, 0.625vw);
}
.navigation__linkicon svg .arrow__arrow {
    fill : white;
}
/* 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;
    background : #00a5ff;
    padding    : 0 0 6.25vw;
    margin     : 16.875vw 0 0;
}
/* layout */
.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--sticky {
    position : -webkit-sticky;
    position : -moz-sticky;
    position : -ms-sticky;
    position : sticky;
    top      : 16.5625vw;
    z-index  : 2;
}
.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;
    font-size          : 4.28125vw;
    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--picture {
    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;
}
.modal--gallery {
    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;
}
.modal--narrrow {
    -webkit-box-direction  : normal;
    -webkit-box-orient     : vertical;
    -webkit-flex-direction : column;
    -moz-flex-direction    : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
}
.modal--wide {
    -webkit-box-direction  : normal;
    -webkit-box-orient     : horizontal;
    -webkit-flex-direction : row;
    -moz-flex-direction    : row;
    -ms-flex-direction     : row;
    flex-direction         : row;
}
/* layout */
.modal--picture {
    background : #f1f3f5;
    padding    : 0;
}
.modal--picture .close {
    background-color : rgba(0, 0, 0, 0.5);
    width            : 44px;
    height           : 44px;
    position         : absolute;
    top              : 0;
    z-index          : 10;
    cursor           : pointer;
    right            : 0;
}
.modal--picture .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--picture .close__close {
    fill : white;
}
.modal--gallery {
    background : #3c444d;
    padding    : 0;
}
.modal--gallery .close {
    background-color : rgba(0, 0, 0, 0.5);
    width            : 44px;
    height           : 44px;
    position         : absolute;
    top              : 0;
    z-index          : 10;
    cursor           : pointer;
    right            : 0;
}
.modal--gallery .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--gallery .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          : 4.375vw 3.125vw;
}
.linkbox--azure2 {
    background-color : #0087eb;
}
.linkbox--warm-grey {
    background-color : #6d7780;
}
.linkbox--error {
    padding : 3.75vw 0 0;
}
/* 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;
}
.linkbox__anchorinline {
    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                 : -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;
}
.linkbox__anchorinline span:first-child {
    max-width : 93%;
}
.linkbox__anchorinline span:nth-child(2) {
    -webkit-align-self  : flex-end;
    -moz-align-self     : flex-end;
    -ms-flex-item-align : end;
    align-self          : flex-end;
}
.linkbox__anchorinline svg {
    width : 3.4375vw;
}
.linkbox__anchorinline svg .arrow__arrow {
    fill : #6d7780;
}
.linkbox__anchorinline--white {
    color : white;
}
.linkbox__anchorinline--white svg .arrow__arrow {
    fill : 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;
}
/**
 * _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;
}
.info {
    background-color : transparent;
    border           : none;
}
.info__box {
    -webkit-transform : scale(2) rotate(0deg) translate(0, 0);
    -ms-transform     : scale(2) rotate(0deg) translate(0, 0);
    transform         : scale(2) rotate(0deg) translate(0, 0);
}
.info__info {
    fill         : transparent;
    stroke       : #00a5ff;
    stroke-width : 2px;
}
/* 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 */
/**
 * _pictset.scss
 *
 * @package mobile.prototyp
 * @author Klaus Kroymann [klaus.kroymann@dw.com]
 * @create 03.09.2018
 * @version v1.0.0
 * @copyright (c) 2017 Deutsche Welle, Bonn
 */
/* base */
.pictset {
    display  : block;
    position : relative;
}
.pictset--280 {
    width  : 87.5vw;
    height : 49.375vw;
}
.pictset--300 {
    width  : 93.75vw;
    height : 52.8125vw;
}
.pictset--320 {
    width  : 100vw;
    height : 56.25vw;
}
.pictset--160 {
    width  : 50vw;
    height : 28.125vw;
}
.pictset--093 {
    width  : 29.0625vw;
    height : 16.25vw;
}
/* layout */
.pictset__image {
    width  : 100%;
    height : 100%;
}
.pictset svg.enlarge {
    position   : absolute;
    right      : 0;
    bottom     : 0;
    width      : 13.75vw;
    height     : 13.75vw;
    background : rgba(255, 255, 255, 0.7);
    padding    : 3.75vw;
}
.pictset svg.enlarge .enlarge__enlarge {
    fill : #3c444d;
}
.pictset--circle {
    width         : 28.125vw;
    height        : 28.125vw;
    margin        : 0 5vw 0 0;
    border-radius : 50%;
    overflow      : hidden;
    display       : inline-block;
}
.pictset--circle .pictset__image {
    object-fit : cover;
}
/* 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;
    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;
}
/* layout */
.basicteaser--noborder {
    border : none;
}
.basicteaser--white20 {
    border-color : rgba(255, 255, 255, 0.2);
}
.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;
    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;
    height : 5.9375vw;
}
.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;
}
.galleryTeaser__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          : white;
    vertical-align : 0.3125vw;
}
.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;
}
.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 */
.modal--picture .zoom {
    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;
    position                : absolute;
    top                     : 0;
    left                    : 0;
    height                  : 100vh;
}
.modal--picture .galleryTeaser__imagewrap {
    position : initial;
}
@media only screen and (orientation : landscape) {
    .modal--picture .zoom {
        position : relative;
    }
}
.modal--gallery .swiper-container {
    position : initial;
    height   : 100%;
}
.modal--gallery .swiper-zoom-container {
    height : 100vh;
}
.modal--gallery .galleryTeaser {
    height : 100%;
}
.modal--gallery .galleryTeaser__textContent {
    display    : none;
    position   : absolute;
    bottom     : 13.75vw;
    background : rgba(0, 0, 0, 0.7);
    margin     : 0;
    padding    : 3.125vw 3.125vw 4.6875vw;
    width      : 100%;
}
.modal--gallery .galleryTeaser .swiper-pagination {
    position : absolute;
    bottom   : 3.75vw;
}
.modal--gallery .galleryTeaser__controls-bg {
    position   : absolute;
    bottom     : 0;
    height     : 13.75vw;
    width      : 100vw;
    background : rgba(0, 0, 0, 0.7);
    z-index    : 1;
}
.modal--gallery .galleryTeaser__wrap {
    padding : 0;
}
@media only screen and (orientation : landscape) {
    .modal--gallery .galleryTeaser__textContent {
        bottom  : 7.7328646749vw;
        padding : 1.7574692443vw;
    }
    .modal--gallery .galleryTeaser__category {
        font-size   : 1.9332161687vw;
        line-height : 2.460456942vw;
    }
    .modal--gallery .galleryTeaser__headline {
        font-size   : 3.1634446397vw;
        line-height : 4.2179261863vw;
        padding     : 1.7574692443vw 0 0 0;
    }
    .modal--gallery .galleryTeaser__text {
        font-size   : 2.460456942vw;
        line-height : 3.5149384886vw;
        padding     : 1.5817223199vw 0 0 0;
    }
    .modal--gallery .galleryTeaser__current {
        font-size   : 2.460456942vw;
        line-height : 2.8119507909vw;
    }
    .modal--gallery .galleryTeaser__separator {
        font-size   : 2.460456942vw;
        line-height : 2.8119507909vw;
    }
    .modal--gallery .galleryTeaser__total {
        font-size   : 2.460456942vw;
        line-height : 2.8119507909vw;
    }
    .modal--gallery .galleryTeaser__controls-bg {
        height : 7.7328646749vw;
        width  : 100vw;
    }
    .modal--gallery .galleryTeaser .swiper-pagination {
        bottom : 2.460456942vw;
        height : 3.1634446397vw;
    }
    .modal--gallery .galleryTeaser .swiper-button-next {
        width               : 7.7328646749vw;
        height              : 7.7328646749vw;
        right               : 0;
        bottom              : 0;
        background-size     : 3.3391915641vw;
        background-position : 2.2847100176vw 2.1089630931vw;
    }
    .modal--gallery .galleryTeaser .swiper-button-prev {
        width               : 7.7328646749vw;
        height              : 7.7328646749vw;
        left                : 0;
        bottom              : 0;
        background-size     : 3.3391915641vw;
        background-position : 2.1089630931vw 2.1089630931vw;
    }
}
.modal--gallery svg.info {
    width               : 13.75vw;
    height              : 13.75vw;
    bottom              : 0;
    right               : 13.4375vw;
    z-index             : 10;
    cursor              : pointer;
    position            : absolute;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
}
.modal--gallery svg.info .info__box {
    -webkit-transform : scale(0.9) rotate(0deg) translate(12px, 14px);
    -ms-transform     : scale(0.9) rotate(0deg) translate(12px, 14px);
    transform         : scale(0.9) rotate(0deg) translate(12px, 14px);
}
.modal--gallery svg.info .info__info {
    fill         : transparent;
    stroke       : white;
    stroke-width : 2px;
}
@media only screen and (orientation : landscape) {
    .modal--gallery svg.info {
        width  : 7.7328646749vw;
        height : 7.7328646749vw;
        right  : 7.5571177504vw;
    }
}
.modal--narrow .galleryTeaser__imagewrap {
    width : 100vw;
}
.modal--narrow .galleryTeaser__image {
    width   : 100%;
    display : block;
    height  : auto;
}
.modal--wide .galleryTeaser__wrap {
    -webkit-box-direction  : normal;
    -webkit-box-orient     : horizontal;
    -webkit-flex-direction : row;
    -moz-flex-direction    : row;
    -ms-flex-direction     : row;
    flex-direction         : row;
}
.modal--wide .galleryTeaser__imagewrap {
    width : auto;
}
.modal--wide .galleryTeaser__image {
    width   : auto;
    display : initial;
    height  : 100vh;
}
.modal--wide .galleryTeaser .swiper-zoom-container {
    -webkit-box-align   : initial;
    -ms-flex-align      : initial;
    -webkit-align-items : initial;
    -moz-align-items    : initial;
    align-items         : initial;
}
/**
 * _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          : 3.75vw 3.125vw 4.375vw;
    margin           : 0 3.125vw;
}
.feedbackform {
    background-color : #f1f3f5;
    padding          : 0 3.125vw 3.125vw;
    margin           : 0 3.125vw;
    position         : relative;
}
/* layout */
.feedbackteaser--linkelement {
    padding : 4.375vw 3.125vw;
}
.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;
}
.feedbackteaser__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        : 6.875vw 0 0;
}
.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 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__personinfo {
    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;
    margin         : 0;
}
.contactteaser__personinfo a {
    color : #00a5ff;
}
.contactteaser__picture {
    float  : right;
    margin : 0 0 3.125vw 1.5625vw;
}
/**
 * _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;
    padding        : 0 0 2.5vw 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          : #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;
    margin         : 0;
    padding        : 0 0 5vw 0;
}
.articledetail__shorttext {
    padding        : 0 0 5vw 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 {
    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          : #9099a3;
}
.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 {
    padding       : 0 3.125vw 2.5vw;
    border-bottom : 0.3125vw solid #d8dde2;
}
/* 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 0;
}
.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:first-of-type {
    margin-top : 6.25vw;
}
.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__itemmetadata--ltr {
    border-right : 0.3125vw solid rgba(109, 119, 128, 0.2);
    border-left  : none;
}
.programplan__itemmetadata--rtl {
    border-left  : 0.3125vw solid rgba(109, 119, 128, 0.2);
    border-right : 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             : 4.375vw 3.125vw;
    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;
}
.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 span:first-child {
    max-width : 93%;
}
.programplan__anchor span:nth-child(2) {
    -webkit-align-self  : flex-end;
    -moz-align-self     : flex-end;
    -ms-flex-item-align : end;
    align-self          : flex-end;
}
.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;
}
/**
 * _error.scss
 *
 * @package mobile.prototyp
 * @author Nadejda Luchian [nadejda.luchian@dw.com]
 * @create 26.07.2018
 * @version v1.0.0
 * @copyright (c) 2018 Deutsche Welle, Bonn
 */
/* base */
.error {
    margin : 0 3.125vw;
}
/* layout */
.error__imagewrap {
    margin : 0 3.125vw;
}
.error__metadata {
    margin : 4.0625vw 0 0;
}
.error__headline {
    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;
}
.error__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;
}
.error__link {
    margin : 6.25vw 0 0;
}
/* 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        : 1.875vw 3.125vw 5vw;
    margin         : 0;
}
.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 : 1.875vw 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 */