@charset "utf-8";

/*
Theme Name:		Kreativmärkte
Theme URI:
Version:		1.0
Author:			Rico Floß, floss@51nullacht.de
Author URI: 	http://www.51nullacht.de/
Description:
Text Domain:	kreativmaerkte
Date:			2017-02
Client:			Funke
*/

/* ========= Helper
-webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -o-border-radius: 0.5rem; border-radius: 0.5rem;
-webkit-transition: top 1s ease; -moz-transition: top 1s ease; -o-transition: top 1s ease; transition: top 1s ease;
-webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5); -o-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5); box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5);
text-shadow: 0 0 5px #2c2c2c;
ele:after { font-family: FontAwesome; content: "\f105"; display: inline-block; }
ele:after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 0; height: 0; border-style: solid;
	margin: -10px 0 0 0;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ccc transparent;
}
*/

/* ========= font override */
/* @font-face {font-family: "PhosphateRRSolid"; font-display: swap; src: url("fonts/4d48ce12aa61776288d8361ba748c531.eot"); src: url("fonts/4d48ce12aa61776288d8361ba748c531.eot?#iefix") format("embedded-opentype"), url("fonts/4d48ce12aa61776288d8361ba748c531.woff2") format("woff2"), url("fonts/4d48ce12aa61776288d8361ba748c531.woff") format("woff"), url("fonts/4d48ce12aa61776288d8361ba748c531.ttf") format("truetype"), url("fonts/4d48ce12aa61776288d8361ba748c531.svg#PhosphateRRSolid") format("svg"); } */
/* roboto-condensed-regular - latin */
/* @font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/roboto-condensed-v18-latin-regular.eot');
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'),
       url('fonts/roboto-condensed-v18-latin-regular.woff') format('woff'),
       url('fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'),
       url('fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg');
} */
/* roboto-regular - latin */
/* @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/roboto-v20-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'),
       url('fonts/roboto-v20-latin-regular.woff') format('woff'),
       url('fonts/roboto-v20-latin-regular.ttf') format('truetype'),
       url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg');
} */

/* roboto-700 - latin */
/* @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/roboto-v20-latin-700.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'),
       url('fonts/roboto-v20-latin-700.woff2') format('woff2'),
       url('fonts/roboto-v20-latin-700.woff') format('woff'),
       url('fonts/roboto-v20-latin-700.ttf') format('truetype'),
       url('fonts/roboto-v20-latin-700.svg#Roboto') format('svg');
} */

/* playfair-display-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/playfair-display-v39-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/playfair-display-v39-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/playfair-display-v39-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/playfair-display-v39-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v43-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



html,body { font-weight: 300; font-family: 'Open Sans', Arial, Verdana, sans-serif; line-height: 1.5; color: #000; }
/* html.debug,body.debug { font-size: 16px; font-family: 'Playfair Display', Arial, Verdana, sans-serif; } */
body.open-news { /* overflow-x: hidden; */ }
strong, b { font-weight: 600; }
blockquote { }
cite { font-size: 1rem; }

/* ========= grid */

.container,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
	padding-left: 10px; padding-right: 10px;
}
.row { margin-left: -10px; margin-right: -10px; }
.container { width: 1420px; }
.wrapper { }

/* ========= links */
a { color: #000; text-decoration: none; /* font-weight: 700; */ }
p a { }
a strong, a b, strong a, b a { }
a:hover{ }

/* ========= form */
form input, form textarea, form select { font-size: 0.777rem; }

::-webkit-input-placeholder { color: var(--secondary); }
:-moz-placeholder { color: var(--secondary); }
::-moz-placeholder { color: var(--secondary); }
:-ms-input-placeholder { color: var(--secondary); }

form textarea { padding-bottom: 0.75rem; }
form input[type="date"] { padding-left: 0.25rem; padding-right: 0.25rem; }

form textarea.error,
form select.error { border-color: red; }

/* wpng newsletter */
#wpng_error.error { color: red; }
#wpng_message.updated,
#wpng_error.updated { color: green; }

body.home .tnp-subscription input[type="email"] { background-color: #fff; /* padding: .5rem; */ height: auto; }
.tnp-field.tnp-privacy-field { border-top: 1px solid !important; padding-top: .5rem !important; margin-top: .5rem; }
.tnp-field.tnp-field-privacy { display: flex; }
.tnp-field.tnp-field-checkbox.tnp-field-list { margin-bottom: 0; }

/* ========= buttons */
a.button,
input.button,
input[type="submit"],
button,
.button {
	text-transform: uppercase; background-color: var(--primarylight); color: #000; border: none; font-family: 'Playfair Display', serif;
}

/* a.button.small { text-transform: none; } */
a.button-light { color: #000; background-color: var(--greymedium); }

a.button.none,
input.button.none,
input[type="submit"].none,
button.none,
.button.none { background-color: transparent; color: currentColor; padding: 0; text-transform: none; }

a.button:hover,a.button:focus,
input.button:hover,input.button:focus,
input[type="submit"]:hover,input[type="submit"]:focus,
button:hover,button:focus,
.button:hover,.button:focus { }

button.button-action {
	font-size: 0.5rem;
	background: var(--greymedium);
	color: #000;
}
/* ========= lists */
ul { }

/* ========= tables */
table { }
table.blank,
table.blank td { border: none; padding: 0 .5rem; }
table td.nowrap { white-space: nowrap; }
table th,
table td { }

/* ========= headlines */
h1, h1 a, .likeh1,
h2, h2 a, .likeh2,
h3, h3 a, .likeh3,
h4, h4 a, .likeh4,
h5, h5 a, .likeh5,
h6, h6 a, .likeh6 {
	font-weight: 600; color: currentColor; font-family: 'Playfair Display', serif; text-transform: uppercase; padding: 0; line-height: 1.5em;
}
body.debug h1, body.debug h1 a, body.debug .likeh1,
body.debug h2, body.debug h2 a, body.debug .likeh2,
body.debug h3, body.debug h3 a, body.debug .likeh3,
body.debug h4, body.debug h4 a, body.debug .likeh4,
body.debug h5, body.debug h5 a, body.debug .likeh5,
body.debug h6, body.debug h6 a, body.debug .likeh6 {
	/* font-weight: 600; */
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.likeh1 a, .likeh2 a, .likeh3 a, .likeh4 a, .likeh5 a, .likeh6 a { line-height: 1; }

strong.likeh1, strong.likeh2, strong.likeh3, strong.likeh4, strong.likeh5, strong.likeh6 { font-weight: 700; }

/* h1, .likeh1 { position: relative; font-size: 1.277rem; margin: 0.65rem 0 1rem 0; padding: 0.5rem 0.5rem; line-height: 1; background-color: #000; color: #fff; } */
h1, .likeh1 { position: relative; font-size: 1.666rem; margin: 0 0 1rem 0; padding: 0.5rem 0.5rem; line-height: 1; background-color: var(--secondary); color: #fff; }
.home h1, .home .likeh1 { font-family: 'Playfair Display', serif; font-size: 1.222rem; }

h2, .likeh2 { font-size: 1.666rem; font-weight: 700; position: relative; background-color: var(--greymedium); padding: 0.5rem; margin-bottom: 1rem; line-height: 1; }
body.debug h2, body.debug .likeh2 { font-size: 1.5rem; }
h2 small, .likeh2 small { font-size: 0.888rem; font-weight: 400; font-family: 'Playfair Display', serif; }
small { line-height: normal; }

h1.no-text-transform, .likeh1.no-text-transform,
h1.no-text-transform a, .likeh1.no-text-transform a,
h2.no-text-transform, .likeh2.no-text-transform,
h2.no-text-transform a, .likeh2.no-text-transform a,
h3.no-text-transform, .likeh3.no-text-transform,
h3.no-text-transform a, .likeh3.no-text-transform a,
h4.no-text-transform, .likeh4.no-text-transform,
h4.no-text-transform a, .likeh4.no-text-transform a,
h5.no-text-transform, .likeh5.no-text-transform,
h5.no-text-transform a, .likeh5.no-text-transform a,
h6.no-text-transform, .likeh6.no-text-transform,
h6.no-text-transform a, .likeh6.no-text-transform a { text-transform: none; }

h3, .likeh3 { font-size: 1.333rem; margin-top: -0.25em; }
h3.large, .likeh3.large { font-size: 1.666rem; line-height: 1.2; }
h3.small, .likeh3.small { font-size: 1.125rem; line-height: 1.2; }

h3.market-info-toggle { background-color: var(--greylight); margin-bottom: .5rem; }


h4, .likeh4 { font-size: 1.222rem; }
h5, .likeh5 { }
h6, .likeh6 { }

/* ========= header */
.page-header { position: relative; }
.page-header .panel { height: 588px; overflow: hidden; }
@media (max-width: 767px) {
  .page-header .panel { height: calc(100vw - 20px); }
}
.page-header .panel img { object-fit: cover; width: 100%; height: 100%; }
.page-header img { display: block; }

/* logo */
.logo-container .logo img { margin-top: -1px; } /* svg fix */
body:not(.debug) .logo-container { max-width: 100%; line-height: 0; position: relative; z-index: +1; }
/* body.debug .logo-container { background-color: transparent; } */
/* .logo-container .title { } */
/* .logo-container .claim { display: block; margin: 2.2rem 0 2rem 0; text-transform: uppercase; font-size: 0.666rem; font-weight: 400; line-height: 1; } */
body:not(.debug) .logo-container .logo-svg { position: relative; display: block; height: 0; width: 100%; padding-bottom: 141.200%; } /* height / width x 100 */
body:not(.debug) .logo-container .logo-svg svg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
body:not(.debug) .logo-container .logo-svg svg.mobile { display: none; }

/* ========= navigation */
/* page navigation */
.page-navigation-container { }
.page-navigation-container .custom-content { display: none; }
@media screen and (max-width: 992px) {
	.page-navigation-container .custom-content { display: block; }
}
.toggle-navigation { display: none; }
body.debug .navigation {  text-align: left; }
.page-navigation { margin-top: 18px; }
.page-navigation a { display: block; margin-bottom: 7px; padding: 0.5rem 0.5rem; font-family: 'Playfair Display', serif; }
body.debug .page-navigation a { /* font-family: 'Roboto'; font-weight: normal; */ margin-bottom: 0; font-size: 1.25rem; /* letter-spacing: normal; */ }
.page-navigation .navigation { }
	/* debug */
.page-navigation .navigation ul.show { display: block; }
.page-navigation .navigation li { display: block; }
body.debug .page-navigation .navigation li.is_merchant { margin-top: 3rem; }
.page-navigation .navigation > li > a {  text-transform: uppercase; }

.page-navigation .navigation .page-item-4 > a,
.page-navigation .navigation .page-item-2421 > a,
.page-navigation .navigation .is_merchant > a { background-color: var(--secondarylight); color: #000; }

body:not(.debug) .page-navigation .navigation > li[class*="current"] > a,
.page-navigation .navigation > li[class*="current"] > a,
body:not(.debug) .page-navigation .navigation > li > a.active,
.page-navigation .navigation > li > a.active,
body.debug .page-navigation .navigation > li.is_merchant > a:hover,
body:not(.debug) .page-navigation .navigation > li > a:hover,
.page-navigation .navigation > li > a:hover { background-color: var(--primary); color: #fff; }

	/* sub */
/* .archive.category .page-navigation .navigation > li.page-item-13 > ul, */
/* .single-post .page-navigation .navigation > li.page-item-13 > ul, */
.page-navigation .navigation ul.market-list,
.page-navigation .navigation > li[class*="current"] > ul { display: block; position: relative; top: auto; left: auto; }
.page-navigation .navigation > li > ul > li > a { background-color: var(--greymedium); font-size: 1.444rem; }
body.debug .page-navigation .navigation > li > ul > li > a { background-color: transparent; font-size: 1rem; /* color: var(--secondary); */ font-size: 1.25rem; }
/* .page-navigation .navigation li a.small { font-size: 1rem !important; text-transform: none; } */
.page-navigation .navigation ul li a:hover,
.page-navigation .navigation ul li a:focus a { background-color: var(--greylight) !important; color: #000 !important; }
.page-navigation .navigation ul li.current a { background-color: var(--greymedium) !important; color: #000 !important; }
.page-navigation .navigation ul.market-list li a { padding-left: 0 !important; padding-right: 0 !important; }

/* footer navigation */
.footer-navigation li { }
.footer-navigation li a { display: inline-block; margin-left: 1rem; /* font-size: 0.777rem; font-weight: 400; */ }
.footer-navigation li a:hover,
.footer-navigation li[class*="current"] a { }

/* "sidebar" */
/* .page-navigation-container .company-info { position: relative; margin-top: 8.6rem; font-size: 0.611rem; } */

/* ========= page-content */
.page-document { }
/* circle */
/* .page-document:before {
	content: ' '; display: block; width: 500px; max-width: 100%; height: 500px; position: absolute; left: -30%; top: 210px; z-index: -1; background-color: var(--greylight);
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;
} */

.page-content { }
.page-content a:not(.button):not(.btn) { color: var(--primary); }

.page-sidebar { }
.page-sidebar a { font-weight: 400; }
.page-sidebar .widget { margin-bottom: 0.5rem; }
.page-sidebar .widget-bg { background-color: var(--greylight); padding: 0.25rem; }
.page-sidebar .widget-inner { padding: 1rem; font-size: 0.888rem; }

.page-sidebar .category-navigation { list-style: none; padding-left: 0; }
.page-sidebar .category-navigation li.current-cat a { padding-left: 1rem; position: relative; }
.page-sidebar .category-navigation li.current-cat a:before { font-family: FontAwesome; content: "\f105"; display: block; position: absolute; left: 0; top: 0; }
/* .page-sidebar strong { font-weight: 400; } */

/* main elements */
	/* header */
.content-header { }

	/* footer */
.content-footer { }

	/* sidebar */
.content-sidebar { }

/* content main */
.content-main { }
	/* article header */
.content-main .article-header { }
	/* special container */
.content-main .special-container { }
	/* images */
.content-main figure { position: relative; }
.content-main figure img { display: block; }
.content-main .right > img { float: right; }
.content-main figcaption { }

		/* panels und ken burns */
/* figure.panel, */
/* .kenburns { overflow: hidden; position: relative; display: block; transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; } */
/* figure.panel,
.kenburns { overflow: hidden; position: relative; display: block; height: 320px; } */
/* body.debug figure.panel,
body.debug .kenburns { height: auto; } */

/* figure img,
.kenburns img { display: block; position: relative; } */
/* body:not(.debug) figure img,
body:not(.debug) .kenburns img { max-width: none; transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; } */
/* figure .image,
.kenburns .image { display: block; width: 100%; height: 100%; background: transparent center no-repeat; background-size: cover; transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; } */
/* body:not(.debug) figure:hover img,
body:not(.debug) .kenburns:hover img,
body:not(.debug) figure:not(.slick-slide):hover .image,
body:not(.debug) .kenburns:hover .image { transform: scale(1.1); } */

/* body:not(.debug) figure:hover .image img,
body:not(.debug) .kenburns:hover .image img { transform: scale(1); } */
/* figure:hover, */
/* .kenburns:hover { background-size: 110%; } */
/* .kenburns figcaption, */
/* figure.panel figcaption { position: absolute; z-index: +1; bottom: 0.25rem; right: 0.25rem; display: inline; float: right; } */
figure.panel figcaption { position: absolute; z-index: +1; bottom: 0; right: 0; display: inline; }
figure.panel { margin-bottom: 1rem; }

figcaption, .section-headline { margin-top: 0; padding: .25rem 1rem; }
figcaption.small, .section-headline.small { padding: .125rem .25rem; font-size: .888rem; }
figcaption, .section-headline, figcaption a, .section-headline a { line-height: 1.35; font-family: 'Playfair Display', serif; }
body.debug figcaption, body.debug .section-headline, body.debug figcaption a, body.debug .section-headline a { /* font-family: 'Roboto Condensed'; font-weight: normal; */ background-color: rgba(255,255,255,.9); color: #000; padding-bottom: .5rem; /* font-weight: 700; */ font-size: 1.5rem;  }
body.debug .section-headline a { background-color: transparent; }
body.debug figcaption .date { background-color: var(--primary); color: #fff; display: block; margin: -1.25rem -1rem .5rem -1rem; font-weight: 400; font-size: 1.25rem;  }
body.debug .section-headline,
body.debug .section-headline a { font-weight: 400; font-size: 1.25rem; text-transform: uppercase; }
.page-content .section-headline a { color: #000 !important; }

.market-panel-container .panel { height: 180px; }

/* .kenburns.smallH { height: 100px; } */

.panel .cta-now { position: absolute; z-index: +1; left: 0; top: 0; padding: .5rem; text-align: center; font-size: 1.75rem; line-height: 1; font-family: 'Playfair Display', serif; }
/* body.debug .panel .cta-now {  font-family: 'Roboto Condensed'; font-weight: normal; } */
.panel .cta-now:before { content:''; position: absolute; z-index: -1; left: -20px; top: -50px; width: 150px; height: 150px; background-color: #fff; border-radius: 100%; }

.cta-exhibitors { margin-left: -1%; margin-right: -1%; }
.cta-exhibitors .exhibitors-item { width: 20%; float: left; padding: 1%; }

/* .single.single-post .gallery-container figure.panel, */
/* .single.single-post .gallery-container .kenburns { height: 160px; } */
/* .single.single-post .gallery-container figure.panel img, */
/* .single.single-post .gallery-container .kenburns img { max-width: 100%; } */

	/* wp-pagenavi */
.wp-pagenavi span, .wp-pagenavi a { }
.wp-pagenavi span.current, .wp-pagenavi a:hover { }

/* tabs */
ul.tabs { margin-bottom: 2rem; }
ul.tabs li a { border: none; background-color: transparent; top: auto; color: #000; }
ul.tabs li a i { padding-right: 0.25rem; }
ul.tabs li.current a { background-color: #D1E751; }
.tab-content { padding: 0; border: none; }

/* accordion */
/* .accordion-container .trigger:before { font-family: "Fira Sans"; content: "+"; width: 1.5rem; } */
/* .accordion-container .trigger.trigger_active:before { font-family: "Fira Sans"; content: "-"; width: 1.5rem; } */

/* gallery */
ul.page-gallery,
ul.na5108market-gallery { list-style: none; }
.gallery-container { margin-bottom: 1rem; padding: 0; background-color: #fff; }
.gallery-container .slick-track { }
.gallery {}
	/* panel */
.panel.gallery { margin-top: 0; }
.panel.gallery .gallery-container .slick-slider { width: 100%; }
.panel.gallery .gallery-container .pager-container { display: none; }

/* .gallery-container .kenburns { height: auto; }
.gallery-container .kenburns img { margin: 0 auto; width: auto; max-width: 100%; } */
.gallery-container .pager.slick-slider { padding-left: 10px; padding-right: 10px; }
.gallery-container .pager li { padding: 0.25rem 0.25rem 0 0; cursor: pointer; }

.panel.gallery img { max-width: 100%; }
.na5108market-gallery li img { width: 100%; }


/* ========= custom types */

/* list */
.archive.tax-produkt-kategorie .term-container { padding: 2rem 0; background-color: rgba(190,183,179,0.3); }
.archive.tax-produkt-kategorie .term-container:first-child { padding-top: 4rem; }
.archive.tax-produkt-kategorie .term-container:nth-of-type(2n) { background-color: var(--greymedium); }
.archive.tax-produkt-kategorie .hentry { margin-bottom: 2rem; }
.archive.tax-produkt-kategorie .hentry h3 { padding-top: 0; }
.archive.tax-produkt-kategorie .hentry h3 strong { font-weight: 700; }

.archive.tax-produkt-kategorie .shifting-elements:nth-of-type(2n) img { background-color: var(--greymedium); }

.post-time { line-height: 3.25rem; padding-bottom: 1px; display: block; }

.post.hentry { padding-bottom: 3rem; margin-bottom: 1rem; }

.market-list > figure:nth-of-type(2n+1),
.market-list > div:nth-of-type(2n+1) { clear: left; }
body.debug .market-list { display: flex; flex-wrap: wrap; }
body.debug .market-list figure { position: relative; margin-bottom: 1rem; min-height: 100px }
body.debug .market-list figcaption,
figcaption.absolute { position: absolute; bottom: 0; left: 0; margin: 0 10px; right: 0; bottom: .35rem; }
body.debug .market-list figcaption { text-transform: uppercase; }
figcaption.absolute { bottom: 3.95rem; }

/* frontpage */
/* set img 16:9 */
.image-16x9 .panel-image,
.market-panel .panel-image { position: relative; padding-top: 56.25%; }
.image-16x9 .panel-image img,
.market-panel .panel-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

/* exhibitor */
.exhibitor-filter button { margin-bottom: .25rem; padding: .25rem .5rem; }
.exhibitor-filter button.current { background-color: #000; }
.exhibitor-list,
.workshop-list { -ms-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1%; margin-right: -1%; }
.exhibitor-list .exhibitor-item,
.workshop-list .workshop-item { width: 31.333%; background-color: var(--greylight); padding: 1rem; margin: 1%; }
.workshop-list .workshop-item .workshop-image { padding-top: 100%; position: relative; }
.workshop-list .workshop-item .workshop-image img { position: absolute; top: 0; object-fit: cover; width: 100%; height: 100%; }
.exhibitor-item h4 { text-overflow: ellipsis; width: 15rem; max-width: 100%; white-space: nowrap; overflow: hidden; }

/* single */
	/* productdatas and additional products */
.single.single-produkt .productdatas-container,
.single.single-produkt .additional-products-container { padding: 2rem 0; background-color: rgba(190,183,179,0.3); }
.single.single-produkt .additional-products-container { background-color: var(--greymedium); }
.single.single-produkt .productdatas-container { font-size: 0.777rem; }
	/* galerie */
.single.single-produkt .galerie-images { margin-top: 2rem; margin-bottom: 1rem; }

/* ========= other */
/* scrollTo */
/* .scrollTo-button { */
	/* position: absolute; top: 90vh; left: 50%; margin: -1.5rem 0 0 -1.35rem; display: block; background-color: #fff; width: 3rem; height: 3rem; text-align: center; */
	/* -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; */
	/* -webkit-box-shadow: 0 0 0.75rem -0.25rem rgba(0,0,0,1); -moz-box-shadow: 0 0 0.75rem -0.25rem rgba(0,0,0,1); -o-box-shadow: 0 0 0.75rem -0.25rem rgba(0,0,0,1); box-shadow: 0 0 0.75rem -0.25rem rgba(0,0,0,1); */
/* } */
.scrollTo-button { position: absolute; z-index: 9; top: 90vh; left: 0; width: 100%; margin-top: -1.5rem; display: block; text-align: center; }
.scrollTo-button i { display: inline-block; background-color: #fff; width: 3rem; height: 3rem; line-height: 3rem; }

/* dashed line */
/* .page-header figure.video:after, */
/* .page-header:before, */
/* .post-time:before,
.post.hentry:before, */
/* .page-navigation-container .company-info:before, */
/* .page-navigation .navigation > li:nth-of-type(1):after, */
/* .page-content hr.striped:before,
.page-content h1:before, .page-content .likeh1:before,
.page-content h2:before, .page-content .likeh2:before,
.page-content .with-line:after {
	content: ''; display: block; height: 5px; width: 100%; margin-bottom: 1rem;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGElEQVQYV2M8c+bMfxMTE0YGBgYGRmQOAINZCANzyqa5AAAAAElFTkSuQmCC); background-repeat: repeat;
} */
 /* we need a border right to hide the grid-outside position */
/* .page-header:before { position: absolute; z-index: -1; top: 327px; left: 10px; border-right: 20px solid #fff; }
.post.hentry:before { position: absolute; bottom: 0; border-right: 20px solid #fff; } */
/* .page-header figure.video:after { position: absolute; bottom: -0.7rem; right: 0.25rem; } */
/* .page-navigation-container .company-info:before { position: absolute; top: 0; } */
/* .post-time:before { position: absolute; bottom: 0; margin-bottom: 0; border-right: 20px solid #fff; } */
/* .page-content h1:before, .page-content .likeh1:before,
.page-content h2:before, .page-content .likeh2:before { position: absolute; left: 0; bottom: -12px; margin-bottom: 0; } */
/* .page-header .with-line:after { margin: 0.5rem 0; } */
/* .page-navigation .navigation > li:nth-of-type(1):after { margin-top: 0; margin-bottom: 6px; } */

/* .page-content hr.striped { border: none; } */

.over-line { display: block; position: relative; font-size: 0.666rem; }
.over-line span { background-color: #fff; padding: 0 0.25rem; position: relative; top: -0.5em }

h1.no-line, .likeh1.no-line,
h2.no-line, .likeh2.no-line { position: relative; padding-left: 0; padding-right: 0; background-color: transparent; color: #000; }
h1.no-line:before, .likeh1.no-line:before,
h2.no-line:before, .likeh2.no-line:before { display: none; }

.full-width { width: 100% !important; }

/* strange typo */
.strange-typo { color: var(--primary); font-size: 2rem; font-family: 'Playfair Display', serif; }
/* body.debug .strange-typo { font-family: 'Roboto Condensed'; font-weight: normal; } */

/* newsletter registration in page header */
.page-header .newsletter-container .newsletter-close { float: right; margin-right: -1rem; }
/* .page-header .newsletter-container { position: absolute; left: .25rem; top: -.25rem; right: .25rem; bottom: .75rem; z-index: +1; padding: 0; background-color: rgba(240,240,240,.5); border: .25rem dotted #fff; } */
.page-header .newsletter-container { position: absolute; left: .55rem; top: 1px; right: .55rem; z-index: +2; padding: 0; background-color: rgba(240,240,240,.5); border: .25rem dotted #fff; }
.page-header .newsletter-container:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 0; height: 0; border-style: solid;
	margin: .25rem 0 0 .25rem;
	border-width: 0 0 2rem 2rem;
	border-color: transparent transparent transparent var(--greymedium);
}
.page-header .newsletter-container .newsletter-inner { background-color: rgba(255,255,255,.8); padding: .5rem 1.5rem 0 1.5rem; height: 100%; }

.page-header .bookingbadge { display: block; position: absolute; right: 4rem; bottom: 4rem; z-index: +1; }

/* colored */
.colored-corporate { color: var(--corporateblue); }
.colored-bg-corporatelight { background-color: var(--primarylight); }
.colored-bg-corporate { background-color: var(--primary); }

body.page-id-4 .page-document { background-color: var(--primarylight); }

/* ========= page-footer */
.page-footer { margin-top: 1rem; margin-bottom: 2rem; /* font-size: 0.777rem; */ }
.page-footer hr { border-top: 3px solid #000; }
.page-footer p { line-height: 1; }
.page-navigation-container .custom-content a,
.page-footer .custom-content a {  vertical-align: top; }
.page-footer a img {  }
.page-navigation-container .custom-content a,
.page-footer .custom-content a { padding: 0 1rem; }

/* ========= override Modules */
/* booking-form */
.booking-form h2 .active .fa:before { content: "\f106"; }
.booking-form input[type="checkbox"] { margin-right: 0.5rem; }

/* ========= override Plugins */
/* ionicons */
/* [class^="ion-"] { font-size: 2.5rem; vertical-align: middle; } */
/* .icon-text { vertical-align: middle; } */
/* small [class^="ion-"] { font-size: 1.333rem; line-height: 1; } */

/* siteorigin page builder */
.so-panel .widget-title { display: none; }
.siteorigin-panels .panel-grid { margin-left: -10px !important; margin-right: -10px !important; margin-bottom: 0 !important; }
.siteorigin-panels .panel-grid-cell { padding-left: 10px !important; padding-right: 10px !important; }
.siteorigin-panels .panel-row-style.low-height figure { height: 180px; }

/* slick */
/* .slick-arrow { z-index: +1; top: 50%; width: 4rem; height: 4rem; } */
.slick-dotted.slick-slider { margin-bottom: 0; }
.slick-arrow { top: 50%; margin-top: -0.5rem; z-index: +1; width: 2rem; height: 2rem; background-color: rgba(0,0,0,0.5); }
.home .page-header .slick-arrow { top: 150px; }
.slick-arrow:hover { background-color: #000; }
.slick-prev { left: 1rem; }
.slick-next { right: 1rem; }
.slick-slide { overflow: hidden; }
.slick-slide .gallery { margin-top: 0; }
/* .slick-arrow:before { font-size: 4rem; color: #fff; } */
/* .slick-prev:before { } */
/* .slick-next:before { } */

/* market */
.market-info-toggle { padding: .5rem; }
.na5108market .market-info h3 { background-color: var(--greylight); }
.na5108market .logout-button { position: relative; z-index: +1; padding-top: .6rem; color: #fff; font-weight: 400; background-color: transparent; }

/* fancybox */
.exhibitor-item,
.workshop-item { position: relative; }
.exhibitor-item .zoom-icon,
.workshop-item .zoom-icon { position: absolute; width: 1rem; height: 1rem; right: 0; bottom: 0; background-color: var(--primary); color: #fff; padding: 1rem;
	-ms-display: flex; display: flex; align-items: center; justify-content: center;
	-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;
}
.exhibitor-item:hover .zoom-icon,
.workshop-item:hover .zoom-icon { width: 100%; height: 100%; opacity: .5;}
[data-fancybox] { cursor: pointer; }
.fancybox-content { width: auto; max-width: 80%; height: auto; max-height: 80%; padding: 2rem; }
.fancybox-crop { width:90vw; min-width: 483px; height: 80vh; min-height: 500px; }

.show-respo { display: none; }

/* .fa { vertical-align: middle; } */

/* helper */
div.bg-light {
	background-color: var(--greylight);
	padding: 2rem 1rem;
}
.d-flex { display: flex; flex-wrap: wrap; }
.pe-0 { padding-right: 0; }

:root {
	--primary: #bb1469;
	--primarylight: #f1d7e6;
	--secondary: #01636b;
	--secondarylight: #dbeff4;
	--greylight: #e6f1ea;
	--greymedium: #b9ddca;
}