@font-face {
  font-family: 'tte-icons';
  src: url('../fonts/tte-icons.eot?vp1xzr');
  src: url('../fonts/tte-icons.eot?#iefixvp1xzr') format('embedded-opentype'), url('../fonts/tte-icons.woff?vp1xzr') format('woff'), url('../fonts/tte-icons.ttf?vp1xzr') format('truetype'), url('../fonts/tte-icons.svg?vp1xzr#tte-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.tte-icon {
  font-family: 'tte-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tte-icon-deutsch:before {
  content: "\e604";
}
.tte-icon-englisch:before {
  content: "\e606";
}
.tte-icon-menu-close:before {
  content: "\e607";
}
.tte-icon-menu-hamburger:before {
  content: "\e608";
}
.tte-icon-pause:before {
  content: "\e609";
}
.tte-icon-play:before {
  content: "\e60a";
}
.tte-icon-angle-down:before {
  content: "\e605";
}
.tte-icon-google-plus:before {
  content: "\e600";
}
.tte-icon-twitter:before {
  content: "\e601";
}
.tte-icon-facebook:before {
  content: "\e602";
}
.tte-icon-whatsapp:before {
  content: "\e603";
}
/******************************************************************
Site Name: The Travel Episodes
Author: Schreiber & Freunde GmbH

Stylesheet: Main Stylesheet
******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}
/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
b,
strong,
.strong {
  font-weight: bold;
}
dfn,
em,
.em {
  font-style: italic;
}
small,
.small {
  font-size: 75%;
}
ul,
ol {
  padding: 0;
  list-style-type: none;
}
dd {
  margin: 0;
}
.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}
/******************************************************************
Site Name: The Travel Episodes
Author: Schreiber & Freunde GmbH

Stylesheet: All Variables of the LESS-Stylesheet are set here
******************************************************************/
/******************************************************************
Site Name: The Travel Episodes
Author: Schreiber & Freunde GmbH

Stylesheet: Mixins & Constants Stylesheet

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
/* Border-Radius */
/* Box-Shadow */
/* Gradient */
/* Transistion */
/* Transform */
/* Opacity */
/* Text-Shadow */
/* Webkit Text Gradient */
/* Forms */
/******************************************************************
Site Name: The Travel Episodes
Author: Schreiber & Freunde GmbH

Stylesheet: Base Mobile Stylesheet

******************************************************************/
/*********************
GENERAL STYLES
*********************/
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
body {
  font: 300 18px/30px ff-meta-serif-web-pro, serif;
  color: #000000;
  -webkit-font-smoothing: antialiased;
}
body.noscroll {
  overflow: hidden;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  color: #000;
  transition: color 0.2s ease-in-out;
}
a:active,
a:hover {
  color: #99B3C9;
}
a:focus,
a:active {
  outline: none;
}
h1 {
  text-align: center;
  font: 700 36px/44px expressway, sans-serif;
}
h2 {
  font: normal 400 30px/40px expressway, sans-serif;
  letter-spacing: 0.1em;
  text-align: left;
  text-transform: uppercase;
}
h3 {
  font: normal 500 26px/36px ff-meta-serif-web-pro, serif;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
h4 {
  text-align: center;
  font: 700 36px/44px expressway, sans-serif;
}
div.page {
  overflow: hidden;
}
div.page-general {
  overflow: auto;
}
div.loading-overlay {
  background-color: #000000;
  bottom: 0px;
  color: #444444;
  left: 0px;
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 9999;
  display: table;
  width: 100%;
  height: 100%;
}
div.loading-overlay p {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
/*********************
MAIN-NAV
*********************/
.mainnav-wrapper {
  transition: all 1s ease;
  height: 0;
  overflow: hidden;
  padding: 0 60px 0 30px;
}
.mainnav-wrapper .menu-point-wrapper {
  width: 290px;
}
.mainnav-wrapper .info-text-wrapper {
  padding: 0;
}
.mainnav-wrapper .sponsor-wrapper {
  width: 290px;
}
.mainnav-wrapper .menu-wrapper {
  background: #5f83ad;
  padding: 30px 0;
}
.mainnav-wrapper ul.menu {
  margin: 0;
}
.mainnav-wrapper ul.menu.menu-main-navigation li {
  font: 300 18px/30px ff-meta-serif-web-pro, serif;
  letter-spacing: 0.1em;
  margin-bottom: 7.5px;
  padding-bottom: 8px;
  position: relative;
}
.mainnav-wrapper ul.menu.menu-main-navigation li a {
  display: block;
  padding: 0 30px;
  color: #FFFFFF;
  text-decoration: none;
}
.mainnav-wrapper ul.menu.menu-main-navigation li.active a,
.mainnav-wrapper ul.menu.menu-main-navigation li a:hover {
  background: #fd7b04;
}
.mainnav-wrapper ul.menu.menu-main-navigation li.active a:after,
.mainnav-wrapper ul.menu.menu-main-navigation li a:hover:after {
  content: '';
  background: url(../images/menu-fahne.svg) no-repeat;
  background-size: 32px 32px;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -40px;
  top: 10px;
}
.mainnav-wrapper ul.menu.menu-main-navigation li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.mainnav-wrapper ul.menu.menu-language {
  margin-bottom: 15px;
  margin-top: -10px;
}
.mainnav-wrapper ul.menu.menu-language li {
  font-size: 14px;
  font-style: italic;
  text-transform: none;
  font-weight: 400;
  border: none;
  margin-bottom: 0;
}
.mainnav-wrapper ul.menu.menu-language li .tte-icon {
  margin-right: 5px;
  line-height: 1;
}
.mainnav-wrapper ul.menu.menu-language li a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  padding: 8px 0px 8px 25px;
  line-height: 35px;
  vertical-align: top;
}
/*********************
HEADER
*********************/
.header-wrapper {
  max-height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  left: 0;
  position: fixed;
  top: -80px;
  background: rgba(63, 82, 104, 0.95);
  color: #FFFFFF;
  width: 100%;
  z-index: 100;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.header-wrapper.sticky {
  top: 0px;
}
.header-wrapper.top:not(.active):not(.on-bright-intro) {
  color: #FFFFFF;
  background: none;
  border-bottom: none;
  box-shadow: none;
}
.header-wrapper.top:not(.active):not(.on-bright-intro) a {
  color: #FFFFFF;
}
.header-wrapper .tte-icon {
  font-size: 28px;
  line-height: 70px;
}
.header-wrapper .tte-icon-menu-close {
  display: none;
}
.header-wrapper h1 {
  font: 700 14px expressway, sans-serif;
  line-height: 65px;
  margin: 0;
  padding: 0 15px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.22em;
}
.header-wrapper h1 a {
  border-bottom: 2px solid #FFFFFF;
  color: #FFFFFF;
  padding-bottom: 3px;
  text-decoration: none;
}
.header-wrapper .menu-switcher {
  right: 15px;
  position: fixed;
  top: 0;
}
.header-wrapper .menu-switcher a {
  color: #FFFFFF;
  text-decoration: none;
}
.header-wrapper .menu-switcher a:hover {
  text-decoration: none;
}
.header-wrapper.active .tte-icon-menu-close {
  display: inline;
}
.header-wrapper.active .tte-icon-menu-hamburger {
  display: none;
}
.header-wrapper .sponsor-wrapper {
  padding-bottom: 30px;
  max-width: 230px;
}
.header-wrapper .sponsor-wrapper p {
  font-size: 14px;
  font-style: italic;
}
.header-wrapper .info-text-wrapper,
.header-wrapper .sponsor-wrapper--side {
  display: none;
}
.home .header-wrapper .language-wrapper ul li {
  padding-left: 10px;
}
/*********************
CONTENT
*********************/
.content-wrapper {
  zoom: 1;
  overflow: hidden;
}
.content-wrapper:before,
.content-wrapper:after {
  content: "";
  display: table;
}
.content-wrapper:after {
  clear: both;
}
.content-wrapper:before,
.content-wrapper:after {
  content: "";
  display: table;
}
.content-wrapper:after {
  clear: both;
}
/*********************
CHAPTER
*********************/
.chapter {
  position: relative;
}
.chapter.chapter--alternative {
  background: #ebeff0;
}
.chapter.chapter--alternative .part > h4 span {
  background-color: #ebeff0;
}
/*********************
PART
*********************/
.edit-link {
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 100px;
  font-size: 12px;
  background: #92adcb;
  color: #fff;
  padding: 0 10px;
  opacity: 0.6;
}
.edit-link:hover {
  opacity: 1;
  color: #fff;
}
.home .part .text {
  padding: 0 20px;
}
.part {
  position: relative;
  width: 100%;
  float: left;
}
.part > h4 {
  background-position: 0 50%;
  background-repeat: repeat-x;
  color: #000000;
  font: 300 26px/36px ff-meta-serif-web-pro, serif;
  letter-spacing: 0.2em;
  padding: 15px 0;
  text-transform: uppercase;
}
.part > h4 span {
  background-color: #FFFFFF;
}
.part > h2 {
  text-align: left;
}
.part .subline {
  text-align: center;
  font-style: italic;
  margin-top: -15px;
  margin-bottom: 15px;
  padding: 0 15px;
}
.part .text {
  padding: 0 20px 90px;
  margin: 0 auto;
  max-width: 1280px;
}
.part.alternative {
  background: #ebeff0;
}
.part.alternative > h4 span {
  background-color: #ebeff0;
}
.part.part-intro-special h5 {
  color: #000000;
  text-align: center;
  font: italic 400 20px/34px ff-meta-serif-web-pro, serif;
  margin-top: -50px;
}
.part.part-sea-intro img:first-child {
  margin-top: 50px;
  max-width: 100%;
  height: auto;
}
.part.part-sea-intro img.logo {
  display: inline-block;
  max-width: 185px;
  height: auto;
  margin: 10px;
}
.part.part-sea-intro h1 {
  font: 300 36px/44px ff-meta-serif-web-pro, serif;
}
.part.part-sea-intro .button.button--inline {
  margin-bottom: 50px;
}
.part button,
.part .button {
  display: block;
  margin: 0 auto;
  font-family: ff-meta-serif-web-pro, serif;
  font-style: italic;
  padding: 6px 30px;
  margin-bottom: 0;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: 0;
  color: #fff;
  background-color: #92adcb;
  border: none;
  text-decoration: none;
}
.part button span,
.part .button span {
  font-family: expressway, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: normal;
  display: inline-block;
  margin-left: 5px;
}
.part button.button--inline,
.part .button.button--inline {
  display: inline-block;
  margin: 0 20px;
}
/*********************
TEASER
*********************/
.teaser {
  display: block;
}
/*********************
EPISODEN
*********************/
.home .episodes {
  padding-bottom: 30px;
}
.episodes .row {
  margin: 0 auto;
  max-width: 1280px;
}
.episodes .row .episode {
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.episodes .row .episode h4 {
  color: #000000;
  font: normal 700 28px/34px expressway, sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 0;
  margin-top: 10px;
  text-align: inherit;
  text-transform: uppercase;
}
.episodes .row .episode h4 a {
  text-decoration: none;
}
.episodes .row .episode h2 {
  font: italic 400 18px/30px ff-meta-serif-web-pro, serif;
  margin-bottom: 0;
  text-align: inherit;
}
/*********************
CONNECT
*********************/
.connect > .row {
  margin: 0 10%;
  padding-bottom: 90px;
}
.connect > .row h2 {
  font: italic 400 18px/30px ff-meta-serif-web-pro, serif;
  text-align: center;
}
/*********************
TIPS
*********************/
.tips {
  padding: 0 15px;
}
.tips > .row {
  margin: 0 auto;
  max-width: 810px;
  border: 1px solid #CDC4BB;
}
.tips > .row h4 {
  text-align: left;
  font: normal 400 26px/36px ff-meta-serif-web-pro, serif;
}
.tips > .row p {
  font: normal 400 18px/30px ff-meta-serif-web-pro, serif;
}
/*********************
READ MORE
*********************/
.read-more .row {
  margin: 0 auto;
  max-width: 1280px;
}
.read-more .row .social-media-wrapper {
  display: none;
}
.read-more .row .btn-secondary {
  display: block;
  text-align: center;
}
.read-more .row h4 {
  font: italic 400 20px/34px ff-meta-serif-web-pro, serif;
  text-align: center;
}
.read-more .newsletter input {
  background: #ddeaf6;
  color: #5680AA;
}
.read-more .newsletter input::-moz-placeholder {
  color: #5680AA;
  opacity: 1;
}
.read-more .newsletter input:-ms-input-placeholder {
  color: #5680AA;
}
.read-more .newsletter input::-webkit-input-placeholder {
  color: #5680AA;
}
.read-more .newsletter .mc_input {
  font: italic 400 18px/30px ff-meta-serif-web-pro, serif;
  padding: 10px;
}
/*********************
AUTOREN
*********************/
.home .authors {
  display: none;
}
.home .authors .row {
  margin: 0 auto;
  max-width: 1280px;
}
.home .authors .row .author {
  padding-bottom: 30px;
  margin-bottom: 30px;
  text-align: left;
}
.home .authors .row .author h2 a {
  text-decoration: none;
}
.page-episode .authors .author h2 {
  margin-top: 0;
}
.authors .row {
  margin: 0 10%;
  padding-bottom: 30px;
}
.authors .row .author {
  text-align: left;
}
.authors .row .author h4 {
  color: #000000;
  font: normal 700 28px/34px expressway, sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 0;
  margin-top: 10px;
  text-align: inherit;
  text-transform: uppercase;
}
.authors .row .author h2 {
  font: italic 400 18px/30px ff-meta-serif-web-pro, serif;
  margin-bottom: 0;
  text-align: inherit;
}
.authors .row .author img {
  width: auto;
  height: auto;
}
.authors .row .author.author-centered {
  text-align: center;
}
/*********************
NEWSLETTER
*********************/
.part.news {
  padding-bottom: 30px;
}
.part.news h3 {
  margin: 0;
  text-align: left;
  font: 700 26px/36px expressway, sans-serif;
}
.part.news .box {
  color: #37454e;
  padding: 20px;
  margin-bottom: 15px;
  text-align: center;
}
.newsletter {
  text-align: center;
  line-height: 1;
  font: normal 400 18px/30px ff-meta-serif-web-pro, serif;
}
.newsletter input {
  width: 100%;
  background: #fff;
  color: #5680AA;
}
.newsletter input::-moz-placeholder {
  color: #5680AA;
  opacity: 1;
}
.newsletter input:-ms-input-placeholder {
  color: #5680AA;
}
.newsletter input::-webkit-input-placeholder {
  color: #5680AA;
}
.newsletter .mc_header_email {
  display: none;
}
.newsletter .mc_custom_border_hdr {
  margin: 15px 0;
}
.newsletter .mc_merge_var {
  margin-bottom: 15px;
  text-align: left;
}
.newsletter .mc_var_label {
  display: none;
}
.newsletter .mc_interest_label {
  text-align: left;
  display: none;
  display: inline;
}
.newsletter .mc_input {
  font: italic 400 16px ff-meta-serif-web-pro, serif;
  padding: 7.5px 10px;
  letter-spacing: 0.03em;
  border: none;
}
.newsletter .mc_interest {
  text-align: center;
  margin-bottom: 10px;
  text-transform: lowercase;
}
.newsletter .mc_interest input,
.newsletter .mc_interest label {
  width: auto;
  line-height: 40px;
  font: italic 400 18px/30px ff-meta-serif-web-pro, serif;
  color: #5680AA;
}
.newsletter .mc_interest input {
  margin-right: 7.5px;
}
.newsletter .mc_interest br {
  content: ' ';
  display: inline-block;
  width: 20px;
}
.newsletter .mc_interest br:after {
  content: ' ';
}
.newsletter #mc-indicates-required {
  display: none;
}
.newsletter #mc_signup {
  padding-left: 0;
}
.newsletter .mc_signup_submit input {
  display: block;
  font-family: expressway, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 2px;
  padding: 6px 12px;
  margin-bottom: 0;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: 0;
  color: #5680AA;
  text-transform: uppercase;
  background-color: #D0DCE7;
  border: none;
}
/*********************
Social Share Wrapper
*********************/
.social-share-wrapper ul,
.social-share-wrapper li {
  list-style: none;
}
.social-share-wrapper ul {
  margin: 0 auto;
  width: 94%;
  max-width: 540px;
  zoom: 1;
}
.social-share-wrapper ul:before,
.social-share-wrapper ul:after {
  content: "";
  display: table;
}
.social-share-wrapper ul:after {
  clear: both;
}
.social-share-wrapper ul:before,
.social-share-wrapper ul:after {
  content: "";
  display: table;
}
.social-share-wrapper ul:after {
  clear: both;
}
.social-share-wrapper li {
  float: left;
  width: 50%;
}
.social-share-wrapper a {
  display: block;
  padding: 10px 15px;
  font-size: 14px;
  text-decoration: none;
  margin: 1px;
  text-align: center;
  color: #fff;
}
.social-share-wrapper a i {
  display: inline-block;
  margin-right: 10px;
}
.social-share-wrapper a.whatsapp {
  background: #5cbe4a;
}
.social-share-wrapper a.facebook {
  background: #3b5998;
}
.social-share-wrapper a.google-plus {
  background: #dd4b39;
}
.social-share-wrapper a.twitter {
  background: #00aced;
}
/*********************
GENERAL
*********************/
.general {
  padding: 30px 30px 90px;
  max-width: 1280px;
  float: none;
  margin: 0 auto;
}
/*********************
COPYTEXT
*********************/
.copytext {
  clear: both;
  float: none;
  margin: 0 auto;
  max-width: 600px;
  padding: 30px;
  text-align: left;
  font: normal 400 20px/34px ff-meta-serif-web-pro, serif;
}
.copytext blockquote {
  font: normal 400 36px/48px ff-meta-serif-web-pro, serif;
  margin: 30px 0;
  text-align: center;
}
/*********************
TEXT MULTICOLUMN
*********************/
.text-multicolumn,
.text-wide {
  clear: both;
  float: none;
  margin: 0 auto;
  width: 90%;
  max-width: 1280px;
  text-align: left;
  font: normal 400 20px/34px ff-meta-serif-web-pro, serif;
  padding: 30px 30px 60px;
}
.text-multicolumn h2,
.text-wide h2 {
  text-align: center;
  margin-bottom: 50px;
}
.text-multicolumn h3,
.text-wide h3 {
  text-align: left;
}
.text-multicolumn blockquote,
.text-wide blockquote {
  font: normal 400 36px/48px ff-meta-serif-web-pro, serif;
  margin: 30px 0;
  text-align: center;
}
.text-multicolumn.authors .row,
.text-wide.authors .row {
  margin: 0;
}
.text-multicolumn.authors,
.text-wide.authors {
  max-width: 100%;
  padding: 30px 0;
}
.text-wide img {
  display: block;
  margin: 0 auto;
}
/*********************
KOMMENTARE
*********************/
.comments h4 {
  margin-bottom: 30px;
}
.comments h2 {
  text-align: center;
}
.comments h3 {
  margin-top: 0;
}
.comments .comment-form {
  margin-bottom: 60px;
}
.comments ul {
  margin: 0 10%;
}
.comments li > .cf {
  min-height: 1px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  clear: both;
  background: url(../images/shadow-comments.png) no-repeat;
  background-size: 100% 190px;
  min-height: 190px;
}
.comments li ul {
  margin: 0;
}
.comments li h3 {
  margin: 0;
  font: normal 400 18px/30px ff-meta-serif-web-pro, serif;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
}
.comments li header img {
  width: 60px;
  height: 60px;
  margin-right: 15px;
  border-radius: 50%;
  position: absolute;
  top: 60px;
  left: 45px;
  display: none;
}
.comments > .comment-respond form {
  margin: 0 11.5%;
}
.comments .comment-respond {
  position: relative;
  padding-bottom: 60px;
}
.comments .comment-respond .logged-in-as,
.comments .comment-respond .comment-form-comment label,
.comments .comment-respond .form-allowed-tags,
.comments .comment-respond .comment-notes {
  display: none;
}
.comments .comment-respond h3 {
  text-align: left;
  font: 300 14px/21px ff-meta-serif-web-pro, serif;
  font-style: italic;
  color: #4d7291;
  text-decoration: none;
}
.comments .comment-respond .form-submit {
  text-align: right;
}
.comments .comment-reply-link,
.comments #cancel-comment-reply-link {
  position: absolute;
  bottom: 30px;
  right: 60px;
  font: 300 14px/21px ff-meta-serif-web-pro, serif;
  font-style: italic;
  color: #4d7291;
  text-decoration: none;
}
/*********************
MEDIA-WRAPPER
*********************/
.media-wrapper {
  position: relative;
  padding-bottom: 15px;
}
.home .media-wrapper {
  position: relative;
  overflow: hidden;
  padding-bottom: 0;
}
.media-wrapper .media-container {
  background-color: #000000;
  background-size: cover;
  height: 100%;
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  background-position: center;
}
.media-wrapper .media-container video,
.media-wrapper .media-container img {
  width: 100%;
  z-index: 2;
}
.media-wrapper .media-container video {
  background-color: #000000;
  background-image: url(../images/video-loader.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.media-wrapper .media-container video.loop {
  z-index: 1;
}
.media-wrapper .media-container .video-overlay {
  height: 100%;
  width: 100%;
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
}
.media-wrapper .steering {
  position: absolute;
  left: 5px;
  bottom: 0px;
  z-index: 5;
  color: #fff;
  line-height: 1;
  width: 40px;
  height: 40px;
}
.media-wrapper .steering .tte-icon {
  position: absolute;
  top: 10px;
  left: 10px;
}
.media-wrapper .steering--playing .tte-icon-play {
  opacity: 0;
}
.media-wrapper .steering--paused .tte-icon-pause {
  opacity: 0;
}
.media-wrapper .mobile-play {
  position: absolute;
  background: url(../images/play.png);
  width: 132px;
  height: 132px;
  background-size: 132px;
  z-index: 5;
}
.media-wrapper .seekbar {
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 20px;
  z-index: 4;
  left: 50px;
  right: 50px;
}
.media-wrapper .seekbar .inner {
  height: 100%;
  width: 0;
  transition: width 300ms linear;
  background: #fff;
}
.media-wrapper.media-small {
  background-color: #FFFFFF;
  max-width: 100%;
  margin: 0;
}
.media-wrapper .media-caption {
  color: #000000;
  font: 400 22px/34px ff-meta-serif-web-pro, serif;
  margin: 0 auto;
  max-width: 600px;
  padding: 70px 30px 0;
  text-align: left;
  width: 100%;
  height: 100%;
}
.media-wrapper .media-caption h4 {
  color: #38454E;
  font: 700 36px/44px expressway, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: left;
  margin: 0 0 20px 0;
}
.media-wrapper .media-caption h2 {
  font: italic 400 20px/30px ff-meta-serif-web-pro, serif;
  text-align: left;
  margin: 0;
}
.home .media-wrapper .media-caption {
  color: #FFFFFF;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 3;
}
.home .media-wrapper .media-caption h4 {
  color: #FFFFFF;
  font: 700 36px/36px expressway, sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
}
.home .media-wrapper .media-caption h4 a {
  color: #FFFFFF;
  text-decoration: none;
}
.home .media-wrapper .media-caption h2 {
  color: #FFFFFF;
  font: italic 400 20px/32px ff-meta-serif-web-pro, serif;
  text-align: center;
  display: none;
}
.home .media-wrapper .media-caption h2 a {
  color: #FFFFFF;
  text-decoration: none;
}
.home .media-wrapper .media-caption p:not(.scroll-down) {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.media-wrapper .caption-centered {
  max-width: 600px;
  overflow: hidden;
}
.media-wrapper .scroll-down {
  display: none;
}
.media-wrapper .caption-left {
  background: #ffffff;
  /* The Fallback */
  background: rgba(255, 255, 255, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#66ffffff');
  margin: 0;
  color: #000000;
  padding: 30px 60px;
  width: 33%;
  max-width: 330px;
  text-align: left;
}
.media-wrapper .caption-background {
  background: #ffffff;
  /* The Fallback */
  background: rgba(255, 255, 255, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#66ffffff');
  bottom: 0;
  left: 0;
  margin: 0;
  max-width: 330px;
  padding: 30px 60px;
  position: absolute;
  top: 0;
  width: 33%;
  z-index: 2;
}
.media-wrapper.media-small {
  max-width: 810px;
  margin: 0 auto;
}
.media-wrapper .caption-background {
  display: none;
}
.media-wrapper .caption-centered h4 {
  word-wrap: break-word;
}
.media-wrapper .scroll-down {
  color: #FFFFFF;
  bottom: 0;
  font-size: 17px;
  line-height: 1;
  left: 0;
  padding-bottom: 5px;
  position: absolute;
  text-align: center;
  width: 100%;
  margin: 0;
  z-index: 4;
}
.media-wrapper .scroll-down span {
  display: block;
}
.media-wrapper .scroll-down.dark {
  color: #000000;
}
.media-wrapper .scroll-down.hide {
  display: none;
}
.section.video-sequence {
  margin-top: 30px;
}
.section.video-sequence .media-container {
  background-color: #FFFFFF;
}
.section.video-sequence .media-container video {
  background-color: #FFFFFF;
  background-image: none;
}
/* Hide Android Video-Controls */
::-webkit-media-controls {
  display: none !important;
}
/*********************
Footer
*********************/
.footer-wrapper {
  border-top: 1px solid #000;
  color: #000;
  font: 400 italic 14px/24px ff-meta-serif-web-pro, serif;
  margin: 0 auto;
  padding-top: 6px;
  width: 80%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.footer-wrapper .footer-nav ul {
  margin: 0;
  text-align: right;
}
/*********************
SONSTIGES
*********************/
.glow-button {
  border: 2px solid #FFFFFF;
  font: 700 18px/30px expressway, sans-serif;
  color: #FFFFFF;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: inline-block;
  padding: 5px 20px;
}
.glow-button:hover {
  color: #FFFFFF;
  box-shadow: 0px 0px 15px #FFFFFF;
}
.glow-button {
  -webkit-animation-duration: 3s;
  -webkit-animation-name: glow;
  -webkit-animation-direction: alternate;
  -webkit-animation-delay: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: glow;
  animation-name: glow;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes glow {
  from {
    box-shadow: none;
  }
  to {
    box-shadow: 0px 0px 25px #FFFFFF;
  }
}
@keyframes glow {
  from {
    box-shadow: none;
  }
  to {
    box-shadow: 0px 0px 25px #FFFFFF;
  }
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #555555;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #9bb5cc;
  border-radius: 0px;
  margin-bottom: 15px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out;
}
.form-control:focus {
  border-color: #66AFE9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #CCCCCC;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
.btn,
.form-submit input[type=submit] {
  display: inline-block;
  padding: 6px 24px;
  margin-bottom: 0;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  color: #527392;
  background-color: #f4f4f4;
  border-color: #9bb5cc;
  letter-spacing: .1em;
  font: 300 14px/22px sans-serif;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn:hover,
.btn:focus,
.btn.focus,
.form-submit input[type=submit]:hover,
.form-submit input[type=submit]:focus {
  text-decoration: underline;
}
/* Button Secondary */
.btn-secondary {
  padding: 6px 12px;
  background: #e0e8f3;
  color: #92adcb;
  text-decoration: none;
  font: ff-meta-serif-web-pro, serif;
}
.btn-secondary:hover {
  background: #92adcb;
  color: #fff;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
/* Gallery */
.slides img,
.slides iframe {
  max-width: 100%;
}
.slides p {
  font: italic 400 16px/24px ff-meta-serif-web-pro, serif;
  margin: 0 0 15px 0;
}
/* Media */
.media .caption-background {
  display: none;
}
.media .media-caption {
  position: relative;
  z-index: 3;
}
.media .media-caption div {
  color: #000000;
  font: italic 400 16px/24px ff-meta-serif-web-pro, serif;
  margin: 0 auto;
  max-width: 600px;
  padding: 30px;
  text-align: left;
  width: 100%;
}
.media .media-caption div p {
  margin-top: 0;
}
/* Animationen */
.animation .animation-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
  display: none;
}
.animation .animation-wrapper .wistia_video {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.animation .caption-background {
  display: none;
}
.animation .animation-captions {
  position: relative;
  z-index: 3;
}
.animation .animation-captions div {
  color: #000000;
  font: italic 400 16px/24px ff-meta-serif-web-pro, serif;
  margin: 0 auto;
  max-width: 600px;
  padding: 30px;
  text-align: left;
  width: 100%;
}
.animation .animation-captions div h4 {
  font: 700 70px/70px expressway, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.animation .animation-captions div h2 {
  font: italic 400 20px/30px ff-meta-serif-web-pro, serif;
  text-align: center;
}
.animation .animation-captions div p {
  margin-top: 0;
}
.animation .animation-captions img {
  width: 100%;
  height: auto;
}
/*
Social
 */
.social {
  margin: 30px 30px 0 30px;
}
.social p {
  font: 300 14px/21px ff-meta-serif-web-pro, serif;
  font-style: italic;
  color: #4d7291;
  margin-bottom: 15px;
}
.social a {
  text-decoration: none;
  color: #4d7291;
}
.social .social-widgets {
  padding: 15px 0 10px;
}
.social .social-widgets .twitter iframe {
  display: block;
}
.social .social-widgets .facebook {
  margin-top: 15px;
}
.social .social-widgets .facebook iframe {
  height: 30px;
  width: 200px;
}
.coco-social {
  display: block;
}
/*********************
H5
*********************/
h5 {
  font-family: ff-meta-serif-web-pro, serif;
  font-style: italic;
  padding: 6px 0;
  margin-bottom: 0;
  line-height: 1.5;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
}
h5 a {
  color: #fff;
}
h5 span {
  font-family: expressway, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-style: normal;
  display: inline-block;
  margin-left: 5px;
}
/*********************
TABS
*********************/
.tab-tabs {
  display: none;
}
.tab-content-wrapper--map,
.tab-content-wrapper--topics {
  display: none;
}
.tab-content {
  background: #415168;
  padding: 15px;
}
.tab-content iframe {
  display: block;
}
.tab-content .links {
  font: normal 400 18px ff-meta-serif-web-pro, serif;
}
.tab-content .links a {
  display: block;
  padding-left: 0;
  color: #fff;
  text-decoration: none;
  line-height: 2.3;
}
.tab-content .links a.episode-title {
  margin-bottom: 7.5px;
  padding-bottom: 15px;
}
.tab-content .links span {
  font: normal 500 16px expressway, sans-serif;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
  color: #92adcb;
  letter-spacing: 0.1em;
  padding-bottom: 2px;
  margin-bottom: 5px;
}
.tab-content .links a span {
  border-bottom: 2px solid #92adcb;
  line-height: 1;
}
.tab-content-wrapper--countries h5 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP4/x8AAwAB/2+Bq7YAAAAASUVORK5CYII=);
  background-repeat: repeat-x;
  background-position: center;
}
.tab-content-wrapper--countries h5 span {
  background: #415168;
  padding-right: 10px;
  margin-left: 0;
}
.episodes-links {
  font: normal 400 18px ff-meta-serif-web-pro, serif;
}
.episodes-links li {
  background: #e0e8f3;
  margin-bottom: 7.5px;
  padding: 10px 10px 7.5px;
}
.episodes-links a {
  color: #3d4654;
  text-decoration: none;
  line-height: 1;
}
.episodes-links span {
  line-height: 1.5;
  color: #92adcb;
}
.episodes-links.episodes-links--episode {
  zoom: 1;
}
.episodes-links.episodes-links--episode:before,
.episodes-links.episodes-links--episode:after {
  content: "";
  display: table;
}
.episodes-links.episodes-links--episode:after {
  clear: both;
}
.episodes-links.episodes-links--episode:before,
.episodes-links.episodes-links--episode:after {
  content: "";
  display: table;
}
.episodes-links.episodes-links--episode:after {
  clear: both;
}
.episodes-links.episodes-links--episode li {
  float: left;
  width: 48%;
  margin-right: 1%;
}
.player .controls {
  display: none;
}
#e-intent-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#e-intent-modal input {
  background: #ddeaf6;
  color: #5680AA;
}
#e-intent-modal input::-moz-placeholder {
  color: #5680AA;
  opacity: 1;
}
#e-intent-modal input:-ms-input-placeholder {
  color: #5680AA;
}
#e-intent-modal input::-webkit-input-placeholder {
  color: #5680AA;
}
#e-intent-modal .mc_input {
  font: italic 400 18px/30px ff-meta-serif-web-pro, serif;
  padding: 10px;
}
#e-intent-modal .underlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}
#e-intent-modal .modal {
  width: 600px;
  height: 550px;
  background-color: #f0f1f2;
  z-index: 1;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  -webkit-animation: popin 0.3s;
  animation: popin 0.3s;
  padding: 20px;
}
#e-intent-modal form {
  text-align: center;
  margin-top: 35px;
}
#e-intent-modal form p {
  text-align: left;
  margin-left: 35px;
  opacity: 0.8;
  margin-top: 1px;
  padding-top: 1px;
  font-size: 0.9em;
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes popin {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  85% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes popin {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  85% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@media only screen and (min-width: 451px) {
  /******************************************************************
Site Name: The Travel Episodes
Author: Schreiber & Freunde GmbH

Stylesheet: Grid Stylesheet

******************************************************************/
  @-ms-viewport {
    width: device-width;
  }
  .visible-xs,
  tr.visible-xs,
  th.visible-xs,
  td.visible-xs {
    display: none !important;
  }
  .visible-sm,
  tr.visible-sm,
  th.visible-sm,
  td.visible-sm {
    display: none !important;
  }
  .visible-md,
  tr.visible-md,
  th.visible-md,
  td.visible-md {
    display: none !important;
  }
  .visible-lg,
  tr.visible-lg,
  th.visible-lg,
  td.visible-lg {
    display: none !important;
  }
  .visible-print,
  tr.visible-print,
  th.visible-print,
  td.visible-print {
    display: none !important;
  }
  .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    zoom: 1;
  }
  .container:before,
  .container:after {
    content: "";
    display: table;
  }
  .container:after {
    clear: both;
  }
  .container:before,
  .container:after {
    content: "";
    display: table;
  }
  .container:after {
    clear: both;
  }
  .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    zoom: 1;
  }
  .container-fluid:before,
  .container-fluid:after {
    content: "";
    display: table;
  }
  .container-fluid:after {
    clear: both;
  }
  .container-fluid:before,
  .container-fluid:after {
    content: "";
    display: table;
  }
  .container-fluid:after {
    clear: both;
  }
  .row {
    clear: all;
    zoom: 1;
  }
  .row:before,
  .row:after {
    content: "";
    display: table;
  }
  .row:after {
    clear: both;
  }
  .row:before,
  .row:after {
    content: "";
    display: table;
  }
  .row:after {
    clear: both;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: 0%;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: 0%;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0%;
  }
  /******************************************************************
Site Name: The Travel Episodes
Author: Schreiber & Freunde GmbH

Stylesheet: Tablet & Small Desktop Stylesheet
******************************************************************/
  /*********************
HEADER
*********************/
  .header-wrapper h1 {
    font: 700 18px/30px expressway, sans-serif;
    line-height: 70px;
  }
  .header-wrapper .info-text-wrapper {
    margin-bottom: 30px;
  }
  .header-wrapper .info-text-wrapper .info-text {
    background: #5f83ad;
    padding: 30px;
  }
  .header-wrapper .info-text-wrapper .info-text > *:first-child {
    margin-top: 0;
  }
  .header-wrapper .info-text-wrapper .info-text > *:last-child {
    margin-bottom: 0;
  }
  .header-wrapper .info-text-wrapper h3 {
    margin-top: 0;
    font-family: expressway, sans-serif;
    text-align: left;
    font-size: 20px;
  }
  .header-wrapper .info-text-wrapper p {
    font-size: 16px;
    line-height: 1.5;
  }
  .header-wrapper .info-text-wrapper {
    display: block;
  }
  /*********************
MAIN-NAV
*********************/
  .mainnav-wrapper {
    padding: 0 15px 0 0;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .mainnav-wrapper ul.chapters img {
    max-width: 150px;
    height: auto;
    float: left;
    display: block;
    margin-right: 15px;
    border: 1px solid #FFFFFF;
  }
  .mainnav-wrapper ul.chapters li {
    zoom: 1;
    margin-bottom: 30px;
    border: 1px solid #5f83ad;
  }
  .mainnav-wrapper ul.chapters li:before,
  .mainnav-wrapper ul.chapters li:after {
    content: "";
    display: table;
  }
  .mainnav-wrapper ul.chapters li:after {
    clear: both;
  }
  .mainnav-wrapper ul.chapters li:before,
  .mainnav-wrapper ul.chapters li:after {
    content: "";
    display: table;
  }
  .mainnav-wrapper ul.chapters li:after {
    clear: both;
  }
  .mainnav-wrapper ul.chapters li.active {
    border: 1px solid #FFFFFF;
  }
  .mainnav-wrapper ul.chapters li.active img {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
  }
  .mainnav-wrapper ul.chapters a {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
  }
  .mainnav-wrapper ul.chapters span.text-wrapper {
    display: block;
    padding: 7.5px 15px;
    line-height: 1.25;
  }
  .mainnav-wrapper ul.chapters span.title {
    font: normal 500 18px expressway, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
  }
  /*********************
PART
*********************/
  .part > h4 {
    background-image: url(../images/h1-background.png);
    font: 300 36px/44px ff-meta-serif-web-pro, serif;
    padding: 90px 0;
    margin: 0 auto;
    width: 80%;
    max-width: 1280px;
  }
  .part > h4 span {
    padding: 0 30px;
  }
  .part .subline {
    margin-top: -50px;
    margin-bottom: 90px;
  }
  .part button {
    margin-bottom: 90px;
  }
  .part.part-additional .text {
    margin-bottom: 30px;
  }
  .general {
    margin-top: 60px;
  }
  .general.part > h4 {
    padding: 30px 0;
  }
  /*********************
MEDIA-WRAPPER
*********************/
  .home .media-wrapper .media-caption h4 {
    font: 700 66px/66px expressway, sans-serif;
  }
  .home .media-wrapper .media-caption h2 {
    font: italic 400 26px/38px ff-meta-serif-web-pro, serif;
    margin-bottom: 30px;
    display: block;
  }
  .media-wrapper .media-caption .scroll-down {
    display: block;
  }
  /*********************
EPISODEN
*********************/
  .episodes .row {
    padding-bottom: 90px;
  }
  .episodes .row .episode {
    min-height: 600px;
    padding-bottom: 0;
  }
  /*********************
TIPS
*********************/
  .tips {
    padding-bottom: 90px;
  }
  .tips .row h4 {
    background-image: url(../images/h1-background.png);
    background-position: 0 50%;
    background-repeat: repeat-x;
  }
  .tips .row span {
    padding: 0 30px 0 0;
    background-color: #FFFFFF;
  }
  /*********************
AUTOREN
*********************/
  .home .authors .row {
    padding-bottom: 90px;
  }
  .home .authors .row .author {
    min-height: 650px;
    padding-bottom: 0;
  }
  .authors .row {
    padding-bottom: 90px;
  }
  /*********************
COPYTEXT
*********************/
  .copytext {
    padding: 90px 30px;
  }
  .copytext p > img,
  .copytext a > img {
    max-width: 150%;
    margin-left: -25%;
  }
  .part.part-intro + .part.copytext {
    padding-top: 0;
  }
  /*********************
KOMMENTARE
*********************/
  .comments li > .cf {
    padding-left: 130px;
  }
  .comments li ul {
    margin: 0 0 0 100px;
  }
  .comments li header img {
    display: inline;
  }
  /*********************
GALLERY
*********************/
  .gallery {
    margin: 30px -25%;
  }
  /* Media */
  .media .media-caption div {
    font: italic 400 20px/34px ff-meta-serif-web-pro, serif;
  }
  /* Animations */
  .animation .animation-captions div {
    font: 400 20px/34px ff-meta-serif-web-pro, serif;
  }
  /*********************
NEWSLETTER
*********************/
  .social-media-wrapper {
    min-height: 600px !important;
    padding-bottom: 0;
  }
  /*********************
TABS
*********************/
  .tab-tabs {
    display: block;
  }
  .tab-content-wrapper--map,
  .tab-content-wrapper--topics {
    display: block;
  }
  .tab-content {
    padding: 0;
  }
  button.tab {
    display: block;
    width: 100%;
    margin-bottom: 0;
  }
  button.tab:focus,
  button.tab:active {
    outline: none;
  }
  button.tab.tab--active {
    background: #415168;
  }
}
@media only screen and (min-width: 451px) and (max-width: 450px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 451px) and (min-width: 451px) and (max-width: 800px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 451px) and (min-width: 801px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 451px) and (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 451px) and (max-width: 450px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media only screen and (min-width: 451px) and (min-width: 451px) and (max-width: 800px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 451px) and (min-width: 801px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media only screen and (min-width: 451px) and (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 451px) and print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 451px) and print {
  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}
@media only screen and (min-width: 451px) and (min-width: 451px) {
  .container {
    max-width: 96%;
  }
}
@media only screen and (min-width: 451px) and (min-width: 801px) {
  .container {
    max-width: 930px;
  }
}
@media only screen and (min-width: 451px) and (min-width: 1200px) {
  .container {
    max-width: 930px;
  }
}
@media only screen and (min-width: 451px) and (min-width: 451px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 451px) and (min-width: 801px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 451px) and (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 451px) and (max-height: 450px) {
  .media-wrapper .media-caption p:not(.scroll-down) {
    display: none;
  }
  .home .media-wrapper .media-caption {
    padding-top: 30px;
  }
  .home .media-wrapper .media-caption h4 {
    font: 700 42px/42px expressway, sans-serif;
  }
  .home .media-wrapper .media-caption h2 {
    font: italic 400 21px/33px ff-meta-serif-web-pro, serif;
    margin-bottom: 7.5px;
  }
}
@media only screen and (min-width: 451px) and (min-height: 451px) {
  .media-wrapper .media-caption p {
    display: block;
  }
}
@media only screen and (min-width: 801px) {
  /******************************************************************
Site Name: The Travel Episodes
Author: Schreiber & Freunde GmbH

Stylesheet: Desktop Stylsheet
******************************************************************/
  body.noscroll {
    overflow: auto;
  }
  /*********************
EPISODEN
*********************/
  .episodes .row .episode {
    min-height: 400px;
  }
  .episodes .row .text {
    padding: 0;
  }
  /*********************
READ MORE
*********************/
  .read-more .row .social-media-wrapper {
    display: block;
  }
  /*********************
COPYTEXT
*********************/
  .copytext blockquote {
    margin: 30px -20%;
  }
  /*********************
PARTS
*********************/
  .part.image-two-col img {
    float: right;
    width: 66%;
    margin-left: 4%;
  }
  /*********************
TEXT MULTICOLUMN
*********************/
  .text-multicolumn {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
  }
  html:not(.safari) .text-multicolumn h2 {
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all;
  }
  html.safari .text-multicolumn h2 {
    margin-top: 0;
    text-align: left;
  }
  .text-multicolumn h2 + * {
    margin-top: 0;
  }
  .text-multicolumn h3:first-child,
  .text-multicolumn p:first-child {
    margin-top: 0;
  }
  .text-multicolumn h3:not(:first-of-type) {
    -webkit-column-break-before: always;
  }
  /* Media */
  .media .caption-background {
    background: #ffffff;
    /* The Fallback */
    background: rgba(255, 255, 255, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#66ffffff');
    bottom: 0;
    left: 0;
    margin: 0;
    max-width: 330px;
    padding: 30px 60px;
    position: absolute;
    top: 0;
    width: 33%;
    z-index: 2;
  }
  .media .media-caption {
    position: relative;
    z-index: 3;
  }
  .video-small {
    max-width: 810px;
  }
  /* Wistia */
  .animation .animation-wrapper {
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
  }
  .animation .animation-wrapper .wistia_video {
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .animation .caption-background {
    background: #ffffff;
    /* The Fallback */
    background: rgba(255, 255, 255, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#66ffffff');
    bottom: 0;
    left: 0;
    margin: 0;
    max-width: 330px;
    padding: 30px 60px;
    position: absolute;
    top: 0;
    width: 33%;
    z-index: 2;
  }
  .animation .animation-captions {
    position: relative;
    z-index: 3;
  }
  .animation .animation-captions div {
    font: 400 22px/34px ff-meta-serif-web-pro, serif;
    margin: 0;
    padding: 30px 60px;
    width: 33%;
    max-width: 400px;
    text-align: left;
  }
  .animation .animation-captions div h1 {
    font: 700 70px/70px expressway, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
  .animation .animation-captions div h2 {
    font: italic 400 20px/30px ff-meta-serif-web-pro, serif;
    text-align: center;
  }
  .animation .animation-captions img {
    display: none;
  }
  .animation.mobile-fallback .animation-wrapper {
    display: none;
  }
  .animation.mobile-fallback .caption-background {
    display: none;
  }
  .animation.mobile-fallback .animation-captions {
    position: static;
    text-align: center;
    margin: 0 auto;
    max-width: 600px;
  }
  .animation.mobile-fallback .animation-captions div {
    font: 400 20px/34px ff-meta-serif-web-pro, serif;
    margin: 0 auto;
    max-width: 600px;
    padding: 6px 30px 30px 30px;
    width: 150%;
    max-width: 150%;
    margin-left: -25%;
  }
  .animation.mobile-fallback .animation-captions img {
    display: block;
    width: 150%;
    max-width: 150%;
    margin-left: -25%;
  }
  .home .media-wrapper .caption-centered {
    height: 100%;
  }
  .media-wrapper .mobile-play {
    width: 198px;
    height: 198px;
    background-size: 198px;
  }
  /*********************
GALLERY
*********************/
  /* Gallery */
  .slides {
    position: relative;
    width: 800px;
    margin-left: -130px;
    margin-bottom: 100px;
    text-align: center;
    overflow: visible !important;
  }
  .slides p {
    margin: 15px 0;
  }
  .slides .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
  }
  .slides .embed-responsive .embed-responsive-item,
  .slides .embed-responsive iframe,
  .slides .embed-responsive embed,
  .slides .embed-responsive object,
  .slides .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
  }
  .slides .slidesjs-navigation {
    height: 40px;
    width: 40px;
    background-size: 40px 40px;
    position: absolute;
    text-align: center;
    top: 260px;
    text-decoration: none;
    text-indent: -10000px;
  }
  .slides .slidesjs-navigation.slidesjs-previous {
    left: -60px;
    background-image: url(../images/arrow-left.png);
  }
  .slides .slidesjs-navigation.slidesjs-next {
    right: -60px;
    background-image: url(../images/arrow-right.png);
  }
  /*********************
Social Share Wrapper
*********************/
  .social-share-wrapper li {
    width: 33%;
  }
  .social-share-wrapper li.whatsapp {
    display: none;
  }
  /*********************
Tabs
*********************/
  .tab-tabs {
    padding: 0 15px;
  }
  .tab-tabs > div {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1200px) {
  /******************************************************************
Site Name: The Travel Episodes
Author: Schreiber & Freunde GmbH

Stylesheet: Super Large Monitor Stylesheet
******************************************************************/
  /*********************
TEXT MULTICOLUMN
*********************/
  .text-multicolumn {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
  }
  /*********************
MEDIA-WRAPPER
*********************/
  .media-wrapper {
    overflow: hidden;
    padding-bottom: 0;
  }
  .media-wrapper .media-caption {
    color: #FFFFFF;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 3;
  }
  .media-wrapper .media-caption h4 {
    color: #FFFFFF;
    font: 700 70px/70px expressway, sans-serif;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
  }
  .media-wrapper .media-caption h2 {
    font: italic 400 20px/30px ff-meta-serif-web-pro, serif;
    text-align: center;
  }
  .media-wrapper .caption-centered {
    max-width: 600px;
    overflow: hidden;
    padding: 60px 0;
    height: auto;
  }
  .media-wrapper .scroll-down {
    display: block;
  }
  .media-wrapper .caption-left {
    background: #ffffff;
    /* The Fallback */
    background: rgba(255, 255, 255, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#66ffffff');
    margin: 0;
    color: #000000;
    padding: 30px 60px;
    width: 33%;
    max-width: 330px;
    text-align: left;
  }
  .media-wrapper .caption-background {
    background: #ffffff;
    /* The Fallback */
    background: rgba(255, 255, 255, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#66ffffff');
    bottom: 0;
    left: 0;
    margin: 0;
    max-width: 330px;
    padding: 30px 60px;
    position: absolute;
    top: 0;
    width: 33%;
    z-index: 2;
  }
  .media-wrapper.media-small {
    max-width: 810px;
    margin: 0 auto;
  }
  .home .media-wrapper .media-caption h4 {
    font: 700 70px/70px expressway, sans-serif;
  }
  .home .media-wrapper .media-caption h2 {
    font: italic 400 25px/28px ff-meta-serif-web-pro, serif;
  }
  .home .media-wrapper .media-caption p:not(.scroll-down) {
    font-size: 25px;
  }
  .media-wrapper .mobile-play {
    display: none;
  }
  /* Media */
  .media .media-caption div {
    font: 400 22px/34px ff-meta-serif-web-pro, serif;
    margin: 0;
    padding: 30px 60px;
    width: 33%;
    max-width: 330px;
    text-align: left;
  }
  /*********************
Sonstige
*********************/
  .glow-button {
    margin-top: 30px;
  }
  .part.part-intro + .part.copytext {
    padding-top: 90px;
  }
  .part.part-sea-intro > img:first-child {
    max-width: 800px;
  }
  .text-wide.authors {
    max-width: 90%;
    padding: 30px;
  }
}
/* Sonderlocken */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
Site Name: The Travel Episodes
Author: Schreiber & Freunde GmbH

Stylesheet: Retina Screens & Devices Stylesheet
******************************************************************/
}
@media print {
  /******************************************************************
Site Name: The Travel Episodes
Author: Schreiber & Freunde GmbH

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}