/*
Theme Name: Zollfreilager
Theme URI: https://zollfreilager.net
Description: Custom Theme Zollfreilager
Author: Roger Burkhard
Author URI: http://www.rogerburkhard.com
*/

/*------------------------------------------------------
VARIABLES
------------------------------------------------------*/

:root {
  --offset: 20px;
  --offset-minus:  -20px;
  --max_width: 100%;
  --columns: 12;
  --gap: 20px;
  --baseline: 0;
  --baseline-offset: 0;
  --font_color: #000;
  --easing: cubic-bezier(0.25, 1, 0.5, 1);
  --grid_color: hsla(204, 80%, 72%, 0.25);
  --repeating_width: calc(100% / var(--columns));
  --column_width: calc((100% /  (var(--columns)) -  var(--gap)));
  --background_width: calc(100% +  var(--gap));
  --background_columns: repeating-linear-gradient(to right, var(--grid_color), var(--grid_color) var(--column_width), transparent var(--column_width), transparent var(--repeating_width));
  --background_baseline: repeating-linear-gradient(to bottom, var(--grid_color), var(--grid_color) 1px, transparent 1px, transparent var(--baseline));
}

/*------------------------------------------------------
THE BIG FAT RESET
------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, header, footer {
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------
IMPORT FONTS
------------------------------------------------------*/

@font-face {
    font-family: 'Helvetica LT Std Extra Compressed';
    src: url('styles/fonts/HelveticaLTStd-ExtraComp.eot');
    src: url('styles/fonts/HelveticaLTStd-ExtraComp.eot?#iefix') format('embedded-opentype'),
    	 url('styles/fonts/HelveticaLTStd-ExtraComp.svg#raleway') format('svg'),
    	 url('styles/fonts/HelveticaLTStd-ExtraComp.woff2') format('woff2'),
         url('styles/fonts/HelveticaLTStd-ExtraComp.woff') format('woff'),
         url('styles/fonts/HelveticaLTStd-ExtraComp.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica LT Std Extra Compressed Outline';
    src: url('styles/fonts/HelveticaZollfreilager-ExtraCompressedOutline.eot');
    src: url('styles/fonts/HelveticaZollfreilager-ExtraCompressedOutline.eot?#iefix') format('embedded-opentype'),
    	 url('styles/fonts/HelveticaZollfreilager-ExtraCompressedOutline.svg#raleway') format('svg'),
    	 url('styles/fonts/HelveticaZollfreilager-ExtraCompressedOutline.woff2') format('woff2'),
         url('styles/fonts/HelveticaZollfreilager-ExtraCompressedOutline.woff') format('woff'),
         url('styles/fonts/HelveticaZollfreilager-ExtraCompressedOutline.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Stanley Regular';
    src: url('styles/fonts/Stanley-Regular.eot');
    src: url('styles/fonts/Stanley-Regular.eot?#iefix') format('embedded-opentype'),
    	 url('styles/fonts/Stanley-Regular.svg#raleway') format('svg'),
    	 url('styles/fonts/Stanley-Regular.woff2') format('woff2'),
         url('styles/fonts/Stanley-Regular.woff') format('woff'),
         url('styles/fonts/Stanley-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Stanley Regular Italic';
    src: url('styles/fonts/Stanley-RegularIta.eot');
    src: url('styles/fonts/Stanley-RegularIta.eot?#iefix') format('embedded-opentype'),
    	 url('styles/fonts/Stanley-RegularIta.svg#raleway') format('svg'),
    	 url('styles/fonts/Stanley-RegularIta.woff2') format('woff2'),
         url('styles/fonts/Stanley-RegularIta.woff') format('woff'),
         url('styles/fonts/Stanley-RegularIta.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------------------------
GRID HELPER
------------------------------------------------------*/

/* Grid */

/*
html::before {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	width: calc(100% - (2 * var(--offset)));
	max-width: var(--max_width);
	min-height: calc(100vh - 86px);
	content: '';
	background-image: var(--background_columns), var(--background_baseline);
	background-size: var(--background_width) 100%;
	background-position: 0 var(--baseline-offset);
	z-index: 1000;
	pointer-events: none;
}

/* Squares */

/*
$square: transparent 0 calc(20px - 1px),#ccc 0 20px;

body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: repeating-linear-gradient(to right, $square), repeating-linear-gradient(to bottom,$square) #fff;
}
*/

/*------------------------------------------------------
GENERAL
------------------------------------------------------*/

html {
	width: 100%;
	height: 100%;
	background: #fff;
	margin:0 !important;
	-webkit-text-size-adjust: 100%;
}

body {
	width: -moz-calc(100% - (var(--offset))*2);
	width: -webkit-calc(100% - (var(--offset))*2);
	width: -o-calc(100% - (var(--offset))*2);
	width: calc(100% - (var(--offset))*2);
	padding: 0 var(--offset);
	overflow-x: hidden;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	min-height: 100%;
}

body, .page_archiv input, input.search {
	font: normal 1.875vw/2.34vw 'Stanley Regular', Helvetica, Arial, Verdana, sans-serif;
	color: #000;
}

body.noscroll {
	overflow: hidden;
}

body.wait, body.wait a {
	cursor:wait;
	overflow-y:hidden;
}

#wpadminbar {
	display:none !important;
}

div:focus {
	outline: none;
	ie-dummy: expression(this.hideFocus=true);
}

::selection {
  background: #ededed;
  color:#000;
}

::-moz-selection {
  background: #ededed;
  color:#000;
}

a::selection {
	color:#000 !important;
}

a::-moz-selection {
	color:#000 !important;
}

.ie_message {
	display: none;
	padding: 10px;
}

/*------------------------------------------------------
TYPOGRAPHY
------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Helvetica LT Std Extra Compressed';
	font-weight: normal;
}

h1, .editorial h2 {
	font-size: 15.6vw;
	line-height: 14.8vw;
}

.detail_ausgabe h2, .ausgabe_cover h1.subtitle {
	font-family: 'Helvetica LT Std Extra Compressed Outline';
	font-size: 9.7vw;
	line-height: 9.7vw;
	color: #fff;
}

h3 {
	font-family: 'Stanley Regular';
	font-size: 3.1vw;
	line-height: 3.1vw;
}

h3.is_italic {
	font-family: 'Stanley Regular Italic';
}

.header_single .author, .detail_ausgabe .lead {
	font-size: 3.7vw;
	line-height: 3.7vw;
}

.small_type {
	font-size: 1.36vw;
	line-height:1.95vw;
}

p {
	margin-bottom: 20px;
}

b, strong {
	font-weight: normal;
}

i {
	font-family: Stanley Regular Italic;
	font-style: normal;
}

/*------------------------------------------------------
GENERAL LINKS
------------------------------------------------------*/

a {
	outline: none;
	text-decoration: none;
	cursor: pointer;
	color: #000;
}

:focus {
	-moz-outline-style: none;
}

/*------------------------------------------------------
IMAGES
------------------------------------------------------*/

img {
	border: none 0;
}

.lazyload, .lazyloading {
	opacity: 0;
}

.lazyloaded {
	opacity: 1;
	-webkit-transition:opacity 0.5s;
	transition: opacity 0.5s;
}

/*------------------------------------------------------
VIDEO
------------------------------------------------------*/

video {
	outline: 0;
	-moz-outline-style: none;
}

/* Responsive iFrame */

.video_wrap {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------------------------
CLEAR
------------------------------------------------------*/

.clear {
	clear: both;
}

/*------------------------------------------------------
Focus Input & Textarea
------------------------------------------------------*/

input, textarea {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	resize: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea:focus, input:focus, select:focus {
    outline: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="button"], button {
   outline:none !important;
}
input[type="button"]::-moz-focus-inner, button::-moz-focus-inner {
   border: 0 !important;
}

/*------------------------------------------------------
WYSIWIG CONTENT
------------------------------------------------------*/

.wysiwig_content a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.wysiwig_content a:hover {
	color: #000;
	text-decoration: none;
}

.wysiwig_content ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    margin-bottom: 20px;
}
.wysiwig_content ul > li:before {
    display: inline-block;
    content: "–";
    width: 1em;
    margin-left: -1em;
}

/*------------------------------------------------------
GRID
------------------------------------------------------*/

.grid {
	display: -ms-grid;
	display: grid;
	grid-gap: var(--gap);
	grid-row-gap: 0px;
	grid-template-columns: repeat(var(--columns), 1fr);
	align-items: start;
}

.full_columns {
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
}

.max_width {
	display: -ms-grid;
	display: grid;
	grid-gap: var(--gap);
	grid-row-gap: 0px;
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
	grid-template-columns: repeat(var(--columns), 1fr);
	align-items: start;
}

/*------------------------------------------------------
HEADER
------------------------------------------------------*/

header .nav_item {
	display: block;
	position: fixed;
	bottom: -0.15vw;
	width: 19.1vw;
	height: 2.9vw;
	left: 50%;
	margin-left: -9.55vw;
	text-align: center;
	-webkit-transform: translateY(0.2vw);
	transform: translateY(0.2vw);
	-webkit-transition: -webkit-transform 0.5s var(--easing), color 0.5s var(--easing);
	transition: transform 0.5s var(--easing), color 0.5s var(--easing);
}

header .outer_nav a {
	pointer-events: none;
}

header .outer_nav.active_links a,
header .outer_nav.show a {
	pointer-events: all;
}

header .nav_item a {
	display: block;
	margin-top: 0.5vw;
	-webkit-transition: opacity 0.5s var(--easing);
	transition: opacity 0.5s var(--easing);
}

body.no_touch header .nav_item a:hover {
	opacity: 0.5;
}

header .nav_item.home_logo {
	z-index: 1000;
	background: transparent url('images/bg_logo.svg') no-repeat center center;
	background-size: 100% 100%;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

header .nav_item.nav_archive {
	z-index: 999;
}

header .nav_item.nav_imprint {
	display: block;
	z-index: 998;
}

header .nav_item.nav_archive,
header .nav_item.nav_imprint  {
	width: 17vw;
	margin-left: -8.5vw;
	background: #fff;
	border-top-left-radius: 0.8vw;
	border-top-right-radius: 0.8vw;
	line-height: 2.9vw;
	box-shadow: 0 -1px 4px 0 #9B9B9B;
}

header .nav_item.nav_archive a {
	display: block;
	margin-top: -0.1vw;
}

header .nav_item.nav_imprint a {
	display: block;
	margin-top: -0.16vw;
}

.outer_nav.show .nav_item.nav_archive {
	-webkit-transform: translateY(-2.2vw);
	transform: translateY(-2.2vw);
}

.outer_nav.show .nav_item.nav_imprint {
	-webkit-transform: translateY(-4.6vw);
	transform: translateY(-4.6vw);
}

body.no_touch header .nav_item.show {
	color: rgba(0,0,0,0.5);
}

/*------------------------------------------------------
AUSGABE
------------------------------------------------------*/

.ausgabe_cover {
	display: block;
	overflow: hidden;
	position: relative;
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
	margin-left: var(--offset-minus);
	margin-right: var(--offset-minus);
}

body.single-ausgaben .ausgabe_cover,
body.page-template-home .ausgabe_cover {
	min-height: 100vh;
}

.ausgabe_cover video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  object-fit: cover;
  height: 100%; 
  width: 100%;
  z-index: -1;
}

.editions_overview .ausgabe_cover video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 100%;
}

video::-webkit-media-controls {
    display:none !important;
}

video::-webkit-controls-bar {
    display:none !important;
}

.ausgabe_cover h1 {
	display: block;
	position: relative;
	z-index: 100;
	text-align: center;
	max-width: -moz-calc(100% - (var(--offset) * 2));
	max-width: -webkit-calc(100% - (var(--offset) * 2));
	max-width: -o-calc(100% - (var(--offset) * 2));
	max-width: calc(100% - (var(--offset) * 2));
	margin: 1.3vw auto 1.3vw auto;
}

.ausgabe_cover h1.subtitle.position_bottom {
	position: absolute;
	bottom: 2vw;
	left: 0;
	right: 0;
	padding-top: 3vw;
	margin-top: -3vw;
}

body.is_touch.single .ausgabe_cover h1.subtitle.position_bottom,
body.is_touch.home .ausgabe_cover h1.subtitle.position_bottom {
	bottom: 100px;
}

/* Editorial */

.editorial {
	-ms-grid-columns: 5 / 13;
	grid-column:5 / 13;
	padding: 4vw 0;
}

.editorial h2 {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.section_title_outer {
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
}

.section_title {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 2.8vw;
	text-align: center;
	background: url('images/section_titles.svg') no-repeat top center;
	background-size: 100% auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.section_title span {
	display: inline-block;
	padding-top: 5px;
}

.section_slider {
	margin: 4.6vw 0;
}

.section_slider a.slide {
	display: inline-block;
	margin: 0 1.5vw;
	width: -moz-calc(33.3333vw - 3vw);
	width: -webkit-calc(33.3333vw - 3vw);
	width: -o-calc(33.3333vw - 3vw);
	width: calc(33.3333vw - 3vw);
}

.section_slider a .preview_text,
.section_slider a .slide_image {
	margin-top: 3.5vw;
}

.section_slider a .slide_image {
	display:block;
	width: 100%;
	height: auto;
	max-height:20vw;
	object-fit: contain;
	margin:0 auto;
}

a.prev, a.next {
	top:50%;
	margin-top:-2.45vw;
}

a.prev {
	position: absolute;
	left: 0;
	display: block;
	width: 4.9vw;
	height: 4.9vw;
	background: url('images/slider_arrow_left.png') no-repeat center center;
	background-size: auto 100%;
}

a.next {
	display: block;
	position: absolute;
	right:0;
	width: 4.9vw;
	height: 4.9vw;
	background: url('images/slider_arrow_right.png') no-repeat center center;
	background-size: auto 100%;
}

.outer_slider a.next.total_3,
.outer_slider a.next.total_2,
.outer_slider a.next.total_1,
.outer_slider a.prev.total_3,
.outer_slider a.prev.total_2,
.outer_slider a.prev.total_1,
a.next.hide,
a.prev.hide {
	display: none;
}

/*------------------------------------------------------
ARTICLE DETAIL
------------------------------------------------------*/

.detail_ausgabe .author {
	text-align: center;
	margin: 3.5vw 0;
}

.detail_ausgabe h1, .detail_ausgabe h2 {
	display: block;
	text-align: center;
}

.detail_ausgabe .lead {
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
	margin: 3.5vw 0;
}

.detail_ausgabe .article_info {
	/*padding-top: 10vw;*/
	padding-bottom: 7vw;
}

.detail_ausgabe .article_info a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	-webkit-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}

body.no_touch .detail_ausgabe .article_info a:hover {
	color: #000 !important;
	text-decoration: none;
}

.header_single {
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
	min-height: -moz-calc(100vh - 14vw);
	min-height: -webkit-calc(100vh - 14vw);
	min-height: -o-calc(100vh - 14vw);
	min-height: calc(100vh - 14vw);
	margin-bottom: 7vw;
	overflow: hidden;
}

.header_single.has_lead {
	min-height: -moz-calc(100vh - 21.7vw);
	min-height: -webkit-calc(100vh - 21.7vw);
	min-height: -o-calc(100vh - 21.7vw);
	min-height: calc(100vh - 21.7vw);
}


/*------------------------------------------------------
FLEXIBLE CONTENT
------------------------------------------------------*/

.flexible_content {
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
	margin-bottom: 3.5vw;
}

/*------------------------------------------------------
FLEXIBLE CONTENT | TEXT
------------------------------------------------------*/

.flexible_content_text {
	-ms-grid-columns: 5 / 13;
	grid-column:5 / 13;
}

.flexible_content_text.is_full {
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
}

/*------------------------------------------------------
FLEXIBLE CONTENT | BILD + VIDEO
------------------------------------------------------*/

.flexible_content_media {
	display: -ms-grid;
	display: grid;
	grid-gap: var(--gap);
	grid-row-gap: 0px;
	grid-template-columns: repeat(var(--columns), 1fr);
	align-items: end;
}

.flexible_content_media img,
.flexible_content_media video {
	width: 100%;
	height: auto;
}

.flexible_content_media .media_box {
	-ms-grid-row: 1 / 1;
	grid-row:1 / 1;
}

.flexible_content_media .media_legend {
	-ms-grid-row: 1 / 1;
	grid-row:1 / 1;
}

.flexible_content_media.media_size_gross .media_legend {
	-ms-grid-row: 2 / 2;
	grid-row:2 / 2;
}

/* Small Media Left */

.flexible_content_media.media_size_klein.media_align_links .media_box {
	-ms-grid-columns: 1 / 5;
	grid-column:1 / 5;
}

.flexible_content_media.media_size_klein.media_align_links .media_legend {
	-ms-grid-columns: 5 / 13;
	grid-column:5 / 13;
}

/* Medium Media Left */

.flexible_content_media.media_size_mittel.media_align_links .media_box {
	-ms-grid-columns: 1 / 8;
	grid-column:1 / 8;
}

.flexible_content_media.media_size_mittel.media_align_links .media_legend {
	-ms-grid-columns: 8 / 13;
	grid-column:8 / 13;
}

/* Big Media Left */

.flexible_content_media.media_size_gross.media_align_links .media_box {
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
}

.flexible_content_media.media_size_gross.media_align_links .media_legend {
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
}

.flexible_content_media.media_align_rechts {
	text-align: right;
}

/* Small Media Right */

.flexible_content_media.media_size_klein.media_align_rechts .media_box {
	-ms-grid-columns: 8 / 13;
	grid-column:8 / 13;
}

.flexible_content_media.media_size_klein.media_align_rechts .media_legend {
	-ms-grid-columns: 1 / 8;
	grid-column:1 / 8;
}

/* Medium Media Right */

.flexible_content_media.media_size_mittel.media_align_rechts .media_box {
	-ms-grid-columns: 5 / 13;
	grid-column:5 / 13;
}

.flexible_content_media.media_size_mittel.media_align_rechts .media_legend {
	-ms-grid-columns: 1 / 5;
	grid-column:1 / 5;
}

/* Big Media Right */

.flexible_content_media.media_size_gross.media_align_rechts .media_box {
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
}

.flexible_content_media.media_size_gross.media_align_rechts .media_legend {
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
}

/*------------------------------------------------------
SLIDER GALLERY
------------------------------------------------------*/

.flexible_bildslider {
	position: relative;
}

.slider_gallery {
	margin-left: var(--offset-minus);
	margin-right: var(--offset-minus);
	position: relative;
}

.slider_gallery,
.slider_gallery .slick-list,
.slider_gallery .slick-track,
.slider_gallery .slide {
	text-align: center;
	overflow: hidden;
}

.slider_gallery {
	cursor: grab;
}

.slider_gallery:active {
	cursor: grabbing;
}

.slider_gallery .slide.next_slide {
	text-align: left;
	margin-left: 0;
}

.slider_gallery .slide.prev_slide {
	text-align: right;
}

.slider_gallery .slide {
	width: auto;
	margin: 0 10px;
	padding-left: var(--gap);
}

.slider_gallery .slide.slick-current {
	position: relative;
	z-index: -1;
}

.slider_gallery .slide img {
	display: block;
	height: 70vh;
	width: auto;
	object-fit: cover;
}

.slider_gallery .slide .image_caption {
	margin-top: 8px;
	text-align: left;
}

/*------------------------------------------------------
SUBGRID
------------------------------------------------------*/

.flexible_interview.subgrid {
	display: -ms-grid;
	display: grid;
	grid-gap: var(--gap);
	grid-row-gap: 0px;
	grid-template-columns: repeat(var(--columns), 1fr);
	align-items: start;
}

.flexible_interview.subgrid .question_row,
.flexible_interview.subgrid .answer_row {
	margin-bottom: 3vw;
}

.flexible_interview.subgrid .question_row {
	-ms-grid-columns: 1 / 8;
	grid-column: 1 / 8;
}


.flexible_interview.subgrid .answer_row {
	-ms-grid-columns: 5 / 13;
	grid-column: 5 / 13;
}

.flexible_interview.subgrid div:last-child {
	margin-bottom: 0 !important;
}

/*------------------------------------------------------
GLOSSAR
------------------------------------------------------*/

.glossar {
	display: none;
}

span.glossar_text {
	padding: 3px 5px;
	border-radius: 8px;
	box-shadow: 0 -1px 4px 0 #9b9b9b;
	cursor: help;
}

body.no_touch span.glossar_text:hover {
	background: #000;
	color: #fff;
}

.glossar_detail {
	display: none;
	position: absolute;
	margin-top: -2.8vw;
	width: 30vw;
	background: #fff;
	border-radius: 5px;
}

.flexible_content_text .glossar_detail,
.answer_row .glossar_detail {
	left: var(--offset);
}

.question_row .glossar_detail,
.lead .glossar_detail {
	right: var(--offset);
}

/*------------------------------------------------------
ARCHIVE
------------------------------------------------------*/

body.page-template-archiv main {
	overflow-x: hidden;
}

.page_archiv input {
	display: block;
	width: 54%;
	margin: 4.3vw auto 6vw auto;
	border: none 0;
	border-bottom: 1px solid #000;
	text-align: center;
}

input.search::-webkit-input-placeholder {
    color: #000;
}

input.search:-moz-placeholder {
   color: #000;
   opacity: 1;
}

input.search::-moz-placeholder {
   color: #000;
   opacity: 1;
}

input.search:-ms-input-placeholder {
   color: #000;
}

.article_listing, .search_results {
	margin: 4.3vw 0;
}

.article_listing .article_row {
	display: none;
}

.article_listing .article_row.active {
	display: block;
	opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

body.no_touch .article_listing .article_row.active:hover {
	opacity: 0.5;
}

.article_listing .column,
.search_results .article_listing .column,
.search_results .article_listing .column.column_title {
	float: left;
	width: -moz-calc(25% - 40px);
	width: -webkit-calc(25% - 40px);
	width: -o-calc(25% - 40px);
	width: calc(25% - 40px);
	margin-right: 40px;
	margin-bottom: 0.7vw;
}

.article_listing .column.column_title {
	width: -moz-calc(50% - 80px);
	width: -webkit-calc(50% - 80px);
	width: -o-calc(50% - 80px);
	width: calc(50% - 80px);
	margin-right: 80px;
}

.search_results .article_listing .column {}

.author_filter, .category_filter, .imprint_section {
	display: block;
	margin: 4.3vw 0;
}

.search_by_author .column_author,
.search_by_category .column_category {
	display: none;
}

.active_filter {
	display: block;
	text-align: center;
	margin-top: 4.3vw;
}

.active_filter a {
	display: inline-block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.active_filter a span {
	padding-right: 2vw;
	background: url(images/remove_filter.svg) no-repeat right top 0.3vw;
	background-size: 1.1vw 1.1vw;
}

.active_filter a .author_info {
	display: block;
	text-align: left;
	margin-top: 2vw;
}

.editions_overview {
	margin: 4.3vw 0;
}

.editions_overview a {
	display: block;
	width: -moz-calc(25% - 5px);
	width: -webkit-calc(25% - 5px);
	width: -o-calc(25% - 5px);
	width: calc(25% - 5px);
	margin: 0 2.5px 5px 2.5px;
	float: left;
	position: relative;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.editions_overview .ausgabe_cover h1 {
	font-size: 5.7vw;
	line-height: 4.7vw;
}

.detail_ausgabe h2, .ausgabe_cover h1.subtitle {
	font-size: 8.7vw;
	line-height: 7.7vw;
}

.editions_overview .detail_ausgabe h2, .editions_overview .ausgabe_cover h1.subtitle {
	font-size: 5.7vw;
	line-height: 5vw;
}

.editions_overview .ausgabe_cover h1.subtitle.position_bottom {
	bottom: 0;
}

.editions_overview a .ausgabe_cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.editions_overview img {
	display: block;
	width: 100%;
	height: auto;
}

body.no_touch a.do_filter {
	opacity: 1;
	-webkit-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

body.no_touch a.do_filter:hover {
	opacity: 0.5;
}

/*------------------------------------------------------
PAGE DEFAULT
------------------------------------------------------*/

.page_default {
	display: block;
	margin-top: 4.3vw;
}

.detail_page.page_default {
	margin-bottom: 7vw;
}

.page_default .column_left {
	width: -moz-calc(25% - 15px);
	width: -webkit-calc(25% - 15px);
	width: -o-calc(25% - 15px);
	width: calc(25% - 15px);
	margin-right: 15px;
	float: left;
}

.page_default .column_right {
	width: 75%;
	float: left;
}

/*------------------------------------------------------
HOME 2.0
------------------------------------------------------*/

.header_marquee {
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:2.9vw;
	background:rgba(255,255,255,0.9);
	box-shadow: 0 2px 10px 1px rgba(0,0,0,0.30);
	z-index:10000;
}

.marquee_text {
	display:block;
	position:absolute;
	top:50%;
	margin-top:-1.25vw;
	left:0;
	right:0;
	z-index:10;
	white-space: nowrap;
	height:2.7vw;
	line-height:2.7vw !important;
	z-index:1;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow:hidden;
	text-transform:uppercase;

}

input.search {
	position:absolute;
	right:1.4vw;
	top:0.3vw;
	width:40%;
	width: -moz-calc(30% - 4.1vw);
	width: -webkit-calc(30% - 4.1vw);
	width: -o-calc(30% - 4.1vw);
	width: calc(30% - 4.1vw);
	height:1.9vw;
	line-height:1.9vw;
	border-radius:3px;
	border:1px solid #4A4A4A;
	display:block;
	padding:0.2vw 2.7vw 0 0;
	text-align:center;
	text-transform:uppercase;
	z-index:1;
	background:rgba(255,255,255,0.9) url('images/search_icon.svg') no-repeat center right 0.48vw;
	background-size:1.6vw 1.6vw;
}

.section_last_edition {
	height:100vh;
}

.section_last_edition {
	display: -ms-grid;
	display: grid;
	grid-gap: var(--gap);
	grid-row-gap: 0px;
	grid-template-columns: repeat(2, 1fr);
	align-items: start;
	margin-bottom:4.6vw;
}

.column_left_last_edition {
	position:relative;
	height:100%;
	margin-left:var(--offset-minus);
	overflow: hidden;
}

.column_left_last_edition .ausgabe_cover {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin-left:0;
	margin-right:0;
}

.column_left_last_edition .ausgabe_cover h1 {
	margin-top:6.3vw;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.inside_column_right_last_edition {
	padding-top:7.9vw;
	margin-right: 5vw;
	margin-left: 5.9vw;
}

.section_last_edition .outer_go_to_ausgabe {
	display:block;
	text-align:center;
	margin-top:40px;
}

.section_last_edition .outer_go_to_ausgabe a {
	display:inline-block;
	text-transform:uppercase;
	border-radius: 3px;
	padding:0.4vw 0.2vw 0.1vw 0.2vw;
	line-height: 1.875vw;
	border: 1px solid rgba(0,0,0,0.3);
}

.search_results {
	display:none;
	position:fixed;
	top:2.9vw;
	left:0;
	right:0;
	margin-top:0;
	padding-left:var(--offset);
	padding-right:var(--offset);
	background:rgba(255,255,255,0.9);
	box-shadow: 0 2px 10px 1px rgba(0,0,0,0.30);
	z-index:10000;
	max-height: -moz-calc(100vh - 5.5vw);
	max-height: -webkit-calc(100vh - 5.5vw);
	max-height: -o-calc(100vh - 5.5vw);
	max-height: calc(100vh - 5.5vw);
	overflow:auto;
	scrollbar-width: none;
}

.search_results::-webkit-scrollbar {
    display: none;
}

.search_results.show {
	display:block;
}

.imprint_section {
	padding-bottom:4.3vw;
	border-bottom:1px solid #4A4A4A;
}

footer {
	display:none;
}

.footer {
	text-align:center;
	padding-bottom:4.3vw;
}

/*------------------------------------------------------
FOOTER
------------------------------------------------------*/
/*
footer {
	display: block;
	padding-bottom: 17.5vw;
	text-align: center;
}

footer a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	margin: 0 1.15vw;
}

body.no_touch footer a:hover {
	text-decoration: none;
}

footer .footer_links {
	margin-top: 3.5vw;
	margin-bottom: 2.3vw;
}

footer .zhd_outer {
	display: block;
	text-align: center;
	margin-top: 2.6vw;
}

footer .zhd_outer img {
	display: block;
	margin: 0 auto;
	width: 40%;
	max-width: 220px;
	height: auto;
}
*/

/*------------------------------------------------------
IE
------------------------------------------------------*/

.ie_message {
	display: none;
	padding: 10px;
}

.ie_message a {
	text-decoration: underline;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.ie_message {
		display: block !important;
	}
   header, main, footer {
    display: none !important
   }
}

/*------------------------------------------------------
VERY BIG SCREENS
------------------------------------------------------*/

@media all and (max-width: 10000px) and (min-width: 2000px) {

	body, .page_archiv input, input.search {
		font-size: 37px;
		line-height: 47px;
	}

	.section_last_edition .outer_go_to_ausgabe a {
		line-height:37px;
	}

	h1, .editorial h2 {
		font-size: 312px;
		line-height: 296px
	}

	.detail_ausgabe h2, .ausgabe_cover h1.subtitle {
		font-size: 174px;
		line-height: 174px;
	}

	.editions_overview .detail_ausgabe h2, .detail_ausgabe .ausgabe_cover h1.subtitle {
		font-size: 74px;
		line-height: 74px;
	}

	.ausgabe_cover h1.subtitle.position_bottom {
		bottom: 80px;
	}

	h3 {
		font-family: 'Stanley Regular';
		font-size: 62px;
		line-height: 62px;
	}

	.header_single .author, .detail_ausgabe .lead {
		font-size: 74px;
		line-height: 74px;
	}

	.small_type {
		font-size: 27px;
		line-height:39px;
	}

	.max_width {
		margin-left: auto;
		margin-right: auto;
		max-width: 2000px;
	}

	header .nav_item {
		width: 382px;
		height: 58px;
		margin-left: -191px;
		margin-bottom: -2px;
	}

	header .nav_item.nav_archive, header .nav_item.nav_imprint {
		width: 340px;
		height: 58px;
		margin-left: -170px;
		line-height: 58px;
	}

	.page_default {
		margin-top: 85.957px;
	}

	header .nav_item {
		bottom: -3px;
	}

	header .nav_item a {
		margin-top: 8px;
	}

	.outer_nav.show .nav_item.nav_archive {
	    -webkit-transform: translateY(-40px);
	    transform: translateY(-40px);
	}

	header .nav_item.nav_archive a {
		margin-top: -3px;
	}

	header .nav_item.nav_imprint a {
		margin-top: -6px;
	}

	.outer_nav.show .nav_item.nav_imprint {
		-webkit-transform: translateY(-86px);
		transform: translateY(-86px);
	}

	.section_title {
		height: 56px;
	}

	.flickity-prev-next-button.next,
	.flickity-prev-next-button.previou {
		width: 98px;
		height: 98px;
	}

	footer .footer_links {
		margin-top: 70px;
		margin-bottom: 46px;
	}

}

/*------------------------------------------------------
MOBILE
------------------------------------------------------*/

@media all and (max-width: 720px) and (min-width: 0) {

	:root {
	  --offset: 12px;
	  --offset-minus:  -12px;
	  --columns: 3;
	}

	body, .page_archiv input, input.search {
	    font-size: 4.5vw;
	    line-height: 6.4vw;
	}

	.section_last_edition .outer_go_to_ausgabe a {
		line-height:4.5vw;
	}

	h1, .editorial h2, .detail_ausgabe h2 {
		font-size: 22.6vw;
		line-height: 21.3vw;
	}

	.detail_ausgabe h2, .ausgabe_cover h1.subtitle {
		font-size: 12.6vw;
		line-height: 10.6vw;
	}

	.editions_overview .ausgabe_cover h1.subtitle.position_bottom {
		bottom: 2vw;
	}

	.editions_overview .detail_ausgabe h2, .editions_overview .ausgabe_cover h1.subtitle {
	    font-size: 8.6vw;
	    line-height: 8.6vw;
	}

	h3 {
		font-size: 10.6vw;
		line-height: 10.6vw;
	}

	.header_single .author, .detail_ausgabe .lead {
		font-size: 5.5vw;
		line-height: 7.4vw;
	}

	.small_type {
		font-size: 3vw;
		line-height: 4vw;
	}

	.ausgabe_cover h1 {
		margin: 12px auto;
	}

	.editions_overview .ausgabe_cover h1 {
		margin: 4vw auto 0 auto;
		font-size: 10vw;
		line-height: 8.3vw;
	}

	.editions_overview .detail_ausgabe h2, .editions_overview .ausgabe_cover h1.subtitle {
		font-size: 11.6vw;
		line-height: 9.6vw;
	}

	header .nav_item {
		bottom: -3vw;
		width: 50vw;
		height: 13.3vw;
		margin-left: -25vw;
		text-transform: uppercase;
	}

	header .nav_item a {
		margin-top: 4vw;
	}

	header .nav_item.nav_archive, header .nav_item.nav_imprint {
		width: 44vw;
		margin-left: -22vw;
		background: #fff;
		border-top-left-radius: 3vw;
		border-top-right-radius: 3vw;
		line-height: 2.9vw;
	}

	header .nav_item.nav_archive a, header .nav_item.nav_imprint a {
		padding-top: 2.2vw;
	}

	body.no_touch .outer_nav .nav_item.nav_archive, .outer_nav .nav_item.nav_archive,
	body.no_touch .outer_nav .nav_item.nav_imprint, .outer_nav .nav_item.nav_imprint {
		-webkit-transform: translateY(4vw);
		transform: translateY(4vw);
	}

	.outer_nav.show .nav_item.nav_archive {
	    -webkit-transform: translateY(-2.6vw);
	    transform: translateY(-2.6vw);
	}

	.outer_nav.show .nav_item.nav_imprint {
		-webkit-transform: translateY(-9.4vw);
		transform: translateY(-9.4vw);
	}

	.full_columns,
	.detail_ausgabe .lead,
	.ausgabe_cover,
	.section_title_outer,
	.flexible_content,
	.flexible_content_text,
	.flexible_content_media.media_size_klein.media_align_links .media_box,
	.flexible_content_media.media_size_klein.media_align_links .media_legend,
	.flexible_content_media.media_size_mittel.media_align_links .media_box,
	.flexible_content_media.media_size_mittel.media_align_links .media_legend,
	.flexible_content_media.media_size_gross.media_align_links .media_box,
	.flexible_content_media.media_size_gross.media_align_links .media_legend,
	.flexible_content_media.media_size_klein.media_align_rechts .media_box,
	.flexible_content_media.media_size_klein.media_align_rechts .media_legend,
	.flexible_content_media.media_size_mittel.media_align_rechts .media_box,
	.flexible_content_media.media_size_mittel.media_align_rechts .media_legend,
	.flexible_content_media.media_size_gross.media_align_rechts .media_box,
	.flexible_content_media.media_size_gross.media_align_rechts .media_legend,
	.flexible_interview.subgrid .question_row,
	.flexible_interview.subgrid .answer_row,
	.header_single,
	.flexible_content_text.is_full,
	.editorial,
	.max_width {
		-ms-grid-columns: 1 / 4;
		grid-column:1 / 4;
	}

	.editorial {
		grid-template-columns: repeat(1, 1fr);
	}

	.section_slider a.slide {
		width: -moz-calc(100vw - 24px);
		width: -webkit-calc(100vw - 24px);
		width: -o-calc(100vw - 24px);
		width: calc(100vw - 24px);
	}

	.section_slider a .slide_image {
		max-height:50vh;
	}

	.outer_slider a.next.total_3, .outer_slider a.next.total_2, .outer_slider a.prev.total_3, .outer_slider a.prev.total_2 {
		display: block;
	}

	.page_archiv input, input.search {
		width: 100%;
	}

	.section_title {
		height: 7.5vw;
		background: url(images/section_titles.svg) no-repeat top center;
		background-size: auto 110%;
	}

	.section_slider {
		margin: 10.6vw 0;
	}

	.editorial {
		padding: 10.6vw 0;
	}

	footer a {
		margin: 0 3.6vw;
		text-underline-offset: 1px;
	}

	.page_default .column_left,
	.page_default .column_right {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	.flexible_content_media .media_legend {
		-ms-grid-row: 2 / 2;
		grid-row: 2 / 2;
	}

	.glossar_detail {
		margin-top: 5px;
		left: var(--offset);
		right: var(--offset);
		width: auto;
		background: #fff;
		padding: 5px;
		border-radius: 8px;
		box-shadow: 0 -1px 4px 0 #9b9b9b;
	}

	.active_filter a {
		padding-right: 4vw;
		background: url(images/remove_filter.svg) no-repeat right top 1.3vw;
		background-size: 3vw 3vw;
	}

	.editions_overview a {
		width: -moz-calc(50% - 5px);
		width: -webkit-calc(50% - 5px);
		width: -o-calc(50% - 5px);
		width: calc(50% - 5px);
	}

	.detail_ausgabe .article_info a {
		text-underline-offset: 2px;
	}

	a.next, a.prev {
		width: 15vw;
		height: 15vw;
	}

	.header_single {
		min-height: -moz-calc(100vh - 170px);
		min-height: -webkit-calc(100vh 200px 170px);
		min-height: -o-calc(100vh - 170px);
		min-height: calc(100vh - 170px);
	}

	.header_single.has_lead {
		min-height: -moz-calc(100vh - 198px);
		min-height: -webkit-calc(100vh - 198px);
		min-height: -o-calc(100vh - 198px);
		min-height: calc(100vh - 198px);
	}

	.column_category, .column_date {
		display: none;
	}

	.article_listing .column.column_author {
		width: -moz-calc(40% - 20px);
		width: -webkit-calc(40% - 20px);
		width: -o-calc(40% - 20px);
		width: calc(40% - 20px);
		margin-right: 20px;
	}

	.article_listing .column.column_title {
		width: 60% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.search_by_author .column_date {
		display: block;
		width: -moz-calc(40% - 20px);
		width: -webkit-calc(40% - 20px);
		width: -o-calc(40% - 20px);
		width: calc(40% - 20px);
		margin-right: 0;
		margin-left: 20px;
	}

	footer .zhd_outer {
		margin-top: 6vw;
		padding-bottom: 6vw;
	}

	.section_last_edition {
		height:auto;
	}

	.section_last_edition {
		grid-template-columns: repeat(1, 1fr);
	}

	.column_left_last_edition {
		margin-right:var(--offset-minus);
		height:100vh;
	}

	.header_marquee {
		height:24vw;
		-webkit-transition:height 0.8s cubic-bezier(0.22, 1, 0.36, 1);
		transition:height 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.header_marquee.hide_search {
		height:14vw;
	}

	.marquee_text {
		font-size:6vw;
		line-height:6vw !important;
		height:6vw;
		right:0;
		top:5.3vw;
		margin-top:0;
	}

	input.search {
		top:14vw;
		width: -moz-calc(100% - 24px - 4vw);
		width: -webkit-calc(100% - 24px - 4vw);
		width: -o-calc(100% - 24px - 4vw);
		width: calc(100% - 24px - 4vw);
		height:6vw;
		left:12px;
		right:12px;
		padding-right:4vw;
		background: rgba(255,255,255,0.9) url(images/search_icon.svg) no-repeat center right 1vw;
		background-size: 3.5vw 3.5vw;
	}

	.search_results {
		top:24vw;
		max-height: -moz-calc(100vh - 24vw);
		max-height: -webkit-calc(100vh - 24vw);
		max-height: -o-calc(100vh - 24vw);
		max-height: calc(100vh - 24vw);
	}

	.column_left_last_edition .ausgabe_cover h1 {
		margin-top:28vw;
	}

	.header_marquee input.search {
		opacity:1;
		-webkit-transition:height 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease-out;
		transition:height 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease-out;
	}

	.header_marquee.hide_search input.search {
		opacity:0;
		height:0;
	}

	.section_last_edition .outer_go_to_ausgabe a {
		padding-top:4px;
	}

	.section_last_edition .outer_go_to_ausgabe {
		margin-bottom:40px;
	}

}