/*
Theme Name: KreativAgentur
Author: Mathias Greiner | medienlabor GmbH
Author URI: http://www.agentur-medienlabor.de
Text Domain: kreativagentur
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #f6f6f6;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

fieldset {
	min-width: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}



/**
 * 3.0 Typography
 */

body,
button,
input,
select,
textarea {
	color: #1d1d1d;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: lighter;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 400;
  text-transform: uppercase;
  color: #951C81;
  margin-bottom: 10px;
}

h1, h2 {
  font-size: 24px;
  font-size: 2.4rem;
}
#sidebar h2 {
  font-size: 20px;
  font-size: 2.0rem;
}
h3, h4 {
  font-size: 18px;
  font-size: 1.8rem;
}
h5, h6 {
  font-size: 16px;
  font-size: 1.6rem;
}
h6 {
	padding-left: 60px;
	color: #999;
	font-weight: lighter;
}

p {
	margin-bottom: 30px;
}

p:last-child {
	margin-bottom: 0;
}

b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #951b81;
	font-size: 18px;
	font-size: 1.8rem;
	padding-left: 60px;
	margin-bottom: 30px;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote cite,
blockquote small {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: italic;
	margin: 0 0 1.6em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

mark,
ins {
	background-color: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}


/**
 * 4.0 Elements
 */

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 10px;
}

ul,
ol {
	margin: 0 0 1.6em 1.3333em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin-bottom: 10px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 10px;
}

table,
th,
td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th, td {
	padding: 0.4em;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

figure {
	margin: 0;
}

del {
	opacity: 0.8;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
}

:-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
}

::-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
}


/**
 * 5.0 Forms
 */

button,
input,
select,
textarea {
	background-color: #f7f7f7;
	border-radius: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

input:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border: 1px solid rgba(51, 51, 51, 0.3);
	color: #333;
}

input:focus,
select:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

button,
a.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	background-color: #951C81;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	padding: 0.7917em 1.5em;
	text-transform: none;
  text-transform: uppercase;
  text-decoration: none;
}
a.button-black {
  background-color: #000;
}

button:hover,
a.button:hover,
a.button-black:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background-color: #999;
	outline: 0;
}

a.button {
  display: inline-block;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
	padding: 0.375em;
	width: 100%;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus {
	outline: 0;
}


.post-password-form {
  overflow: hidden;
  margin-bottom: 20px;
}
.post-password-form input[type="password"] {
  width: 75%;
  float: left;
}
.post-password-form input[type="submit"] {
  width: 25%;
  float: right;
}

fieldset {
	padding: 20px;
	border: 1px solid #e0e0e0;
	margin: 20px 0 40px;
}

fieldset:last-child {
	margin-bottom: 0;
}

.form-row {
	margin-bottom: 15px;
}

.multifield {
	overflow: hidden;
	margin-bottom: 15px;
}

.half {
	width: calc(50% - 15px) !important;
	display: block;
	float: left;
	margin-right: 15px;
}
.half:nth-child(2n) {
	margin-right: 0;
	margin-left: 14px;
}

.quarter {
	width: calc(25% - 23px) !important;
	display: block;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}
.quarter:nth-child(2n+1) {
	margin-right: 0;
	margin-left: 15px;
}

a.ka-button {
  display: block;
  background: #951C81;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 20px;
  margin-bottom: 20px;
}
a.ka-button:hover,
a.ka-button:active {
  background: #000;
  color: #951C81;
}
a.ka-button-left {
  width: 48%;
  float: left;
}
a.ka-button-right {
  width: 48%;
  float: right;
}

/**
 * 6.0 Navigations
 */



/**
 * 6.1 Links
 */

a {
	color: #951b81;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #000;
	text-decoration: none;
}

a img{
  opacity: 1;
  transition: 0.3s all;
}
a:hover img,
a:active img {
  opacity: .75;
  transition: 0.3s all;
}



/**
 * 6.2 Menus
 */
#page-nav {
  float: right;
  margin-top: 50px;
}

#page-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#page-nav li {
  display: inline-block;
}

#page-nav a {
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  padding: 0 30px 0 0;
  margin: 0 40px 0 0;
  position: relative;
}
#page-nav a:hover,
#page-nav a:focus,
#page-nav li.current-menu-item a,
#page-nav li.current-page-ancestor a {
  color: #951b81;
}

#page-nav li.current-menu-item a:after,
#page-nav li.current-page-ancestor a:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 1.3em;
  content: '\f063';
  font-family: 'FontAwesome';
}


#page-nav .menu-toggle {
  display: none;
  font-size: 30px;
  line-height: 45px;
  padding: 0 ;
  background: none;
  color: #000;
  cursor: pointer;
}
#page-nav .menu-toggle span {
  display: none;
}
#page-nav .menu-toggle:before {
  display: block;
  font-family: 'FontAwesome';
  content: '\f0c9';
}
#page-nav .menu-toggle:hover,
#page-nav .menu-toggle:active {
  color: #666;
}
#page-nav .menu-toggle.toggle-up:before {
  content: '\f00d';
}



.footer-nav ul.nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-nav ul.nav-menu li {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
}
.footer-nav ul.nav-menu li.small {
  display: inline-block;
  border: none;
  margin-right: 5px;
  padding-bottom: 0;
  margin-bottom: 5px;
}
.footer-nav ul.nav-menu li a {
  text-transform: uppercase;
  color: #fff;
  display: block;
  text-decoration: none;
}
.footer-nav ul.nav-menu li.small a {
  text-transform: none;
  font-size: 16px;
  font-size: 1.6rem;
}
.footer-nav ul.nav-menu li a:hover,
.footer-nav ul.nav-menu li a:focus {
  color: #951b81;
}

/**
 * 7.0 Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Open Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font: bold 14px/normal "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}


/**
 * 8.0 Alignments
 */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 10px;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 10px;
}


/**
 * 9.0 Clearings
 */

.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.person-item:before,
.person-item:after,
.place-item:before,
.place-item:after {
	content: "";
	display: table;
}

.clear:after,
.site:after,
.entry-content:after,
.person-item:after,
.place-item:after {
	clear: both;
}


/**
 * Layouts
 */
.page-center {
  width: 98%;
  max-width: 1080px;
  margin: 0 auto;
}
.page-center-wide {
  max-width: 1480px;
}

#content {
  clear: both;
  margin-top: 50px;
  margin-bottom: 50px;
  overflow: hidden;
}

#content hr {
  clear: both;
}

#primary {
  width: 780px;
  width: 72.22222%;
  float: left;
}

#secondary {
  width: 175px;
  width: 16.20370%;
  float: right;
}

#primary.primary-full {
  width: 100%;
  float: none;
}
.width-50 {
  width: 50%;
  float: left;
}
.pagination {
  clear: both;
}

/*.search-form {

}
.search-form .search-field {
  width: 80%;
  float: left;
}
.search-form .search-submit {
  width: 20%;
  float: right;
}*/




.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}
.flex-row .flex-cell {
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
  display: inline-block;
  position: relative;
  float: left;
}
.page-section-content .flex-row .flex-cell,
.event.flex-cell {
  width: 32.1683615819%;
  margin-right: 1.6949152542%;
  margin-bottom: 1.6949152542%;
  background: #fff;
  color: #1d1d1d;
  padding: 20px;
}
.page-section-content .flex-row .flex-cell:nth-child(3n),
.event.flex-cell:nth-child(3n) {
  margin-right: 0;
}

.event.flex-cell:nth-child(2n) {
  background: #eee;
}


/**
 * 10.0 Header
 */
.site-header {
  padding: 20px 0 0;
}
.site-header .logo {
  float: left;
  margin-bottom: 20px;
}
.site-header .efs-logo {
  float: right;
  margin-top: 40px;
}

.mainimage-wrapper {
  clear: both;
  background: #1d1d1b;
  color: #fff;
}
.mainimage {

}




/**
 * 11.0 Widgets
 */

#sidebar .widget {
  margin-bottom: 20px;
}
#sidebar .widget-title {
  color: #1d1d1d;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ffed00;
}
#sidebar .button {
  display: block;
  text-align: center;
}

.widget_em_widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


/**
 * 12.0 Content
 */
body.page .entry-title {
  text-align: center;
  color: #000;
}

.site-main .red,
.site-main .purple {
  color: #951b81;
}

.site-main ol {
  counter-reset: item;
  list-style-type: none;
  margin: 0 0 1.6em 3.3333em;
}
.site-main ol li {
  display: block;
  margin-bottom: 40px;
  position: relative;
  clear: both;
}
.site-main ol li:before {
  position: absolute;
  top: -0.25em;
  left: -1em;
  content: counter(item) "  ";
  counter-increment: item;
  color: #951b81;
  font-weight: bold;
  font-size: 50px;
  font-size: 5.0rem;
}






/**
 * 12.1 Posts and pages
 */
.tax-kreativatlas_categories article,
.post-type-archive-kreativatlas article,
.category article {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  background: #f7f7f7;
  clear: both;
  margin-bottom: 10px;
}
.tax-kreativatlas_categories article .post-thumbnail,
.tax-kreativatlas_categories article .entry-content,
.post-type-archive-kreativatlas article .post-thumbnail,
.post-type-archive-kreativatlas article .entry-content,
.category article .post-thumbnail,
.category article .entry-content {
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
  display: inline-block;
  position: relative;
  float: left;
  width: 50%;
}

.entry-content .post-thumbnail-single {
  margin-bottom: 30px;
}



/* SEARCH */
#content .search-form {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
#content input.search-field {
  width: 100%;
  height: 35px;
  line-height: 35px;
  padding: 0 45px 0 10px;
  text-align: left;
  font-size: 12px;

}
#content button.search-submit {
  position: absolute;
  top: 0;
  right: 0;
  background: #951C81;
  border: none;
  width: 35px;
  height: 35px;
  line-height: 35px;
  padding: 0 5px;
  vertical-align: top;
  font-size: 20px;
}
#content button.search-submit span {
  display: none;
}
#content button.search-submit:before {
  font-family: 'FontAwesome';
  content: '\f002';
  font-size: 24px;
}
#content button.search-submit:hover,
#content button.search-submit:focus {
  background: #000;
}
#content .search-field::-webkit-input-placeholder {color: #951C81;text-transform: uppercase;}
#content .search-field:-moz-placeholder {color: #951C81;text-transform: uppercase;}
#content .search-field::-moz-placeholder {color: #951C81;opacity: 1;text-transform: uppercase;}
#content .search-field:-ms-input-placeholder {color: #951C81;text-transform: uppercase;}



.search-results .page-title {
  margin-bottom: 20px;
}

.search-results article {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ffed00;
}
.search-results .search-post-thumbnail {
  width: 150px;
  float: left;
  margin: 0 20px 10px 0;
}
.search-results .search-post-content {

}
.search-results .posted-on {
  font-size: 14px;
  color: #999;
}





/**
 * 12.2 Post Formats
 */



/**
 * 12.3 Comments
 */




/**
 * 12.3 Person
 */

.person-item {
  clear: both;
  position: relative;
  margin-bottom: 50px;
}
.person-item .person-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}
.person-item .person-thumbnail img {
  border-radius: 50%;
  border: 1px solid #ddd;
  max-width: 200px;
  height: auto;
}
.person-item .person-content {
  padding-left: 220px;
  margin-bottom: 20px
}
.person-item .person-title {
  color: #000;
  margin-bottom: 0;
  font-size: 20px;
  font-size: 2.0rem;
}
.person-item .person-meta {
  color: #951b81;
}
.person-item .person-position {
  margin-bottom: 10px;
}


.person-list-items {
  overflow: hidden;
  clear: both;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;

}
.person-list-item {
  width: 33.3333%;
  padding: 20px;
  margin: 0;
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
  display: inline-block;
  position: relative;
}
.person-list-item .person-title {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;;
}
.person-list-item a {
  text-decoration: none;
}
.person-list-item .person-list-thumbnail img {
  border-radius: 50%;
  border: 1px solid #ddd;
  height: auto;
  margin-bottom: 20px;
}


.single-person article.person {
  position: relative;
}
.single-person article.person .post-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}
.single-person article.person .post-thumbnail img {
  border-radius: 50%;
  border: 1px solid #ddd;
  max-width: 200px;
  height: auto;
}
.single-person article.person .entry-content {
  padding-left: 220px;
  margin-bottom: 20px
}




/**
 * 12.4 Place
 */

.place-item {
  clear: both;
  position: relative;
  margin-bottom: 50px;
}
.place-item .place-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}
.place-item .place-thumbnail img {
  border-radius: 50%;
  border: 1px solid #ddd;
  max-width: 200px;
  height: auto;
}
.place-item .place-content {
  padding-left: 220px;
  margin-bottom: 20px
}
.place-item .place-title {
  color: #000;
  margin-bottom: 0;
  font-size: 20px;
  font-size: 2.0rem;
}


/**
 * 12.4 Events
 */
.event .entry-content .event-image img {
  margin: 20px 0;
}
.home .event-thumbnail {
  display: none;
}
a.event-more {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 20px;
  padding-left: 30px;
  position: relative;
}
a.event-more:hover,
a.event-more:focus {
  text-decoration: underline;
}
a.event-more:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\f061';
  font-family: 'FontAwesome';
}

.css-events-list .flex-row .event .event-thumbnail img {
  border-radius: 50%;
  border: 1px solid #ddd;
  display: block;
  margin: 0 auto 20px;
}
.css-events-list .flex-row .event-title a {
  color: #000;
  text-decoration: none;
}
.css-events-list .flex-row .event-title a:hover,
.css-events-list .flex-row .event-title a:focus {
  color: #951b81;
  text-decoration: underline;
}
.css-events-list .flex-row .event-date {
  color: #951b81 ;
  font-size: 14px;
  font-size: 1.4rem;
}

#em-booking {
  padding: 20px;
  border: 1px solid #e0e0e0;
  margin: 20px 0 40px;
}
#em-booking .em-booking-form-details {
  padding: 0;
  width: 100%;
  float: none;
}
#em-booking .em-booking-form-details label {
  display: block;
  float: none;
}
#em-booking .em-booking-form-details input[type="text"],
#em-booking .em-booking-form-details textarea,
#em-booking .em-booking-form-details select {
  width: 100%;
}


/**
 * 12.5 User Submitted Posts
 */


/**
 * 12.5 Subpages
 */
.subpages {
  clear: both;
}
.subpages .subpage {
  margin-bottom: 20px;
}
.subpages .subpage .subpage-title {
  background: #951b81;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 10px 20px;
  position: relative;
}
.subpages .subpage .subpage-title:hover,
.subpages .subpage .subpage-title:active,
.subpages .subpage .subpage-title.toggle-up {
  background: #000;
  cursor: pointer;
}
.subpages .subpage .subpage-title:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 30px;
  font-size: 3.0rem;
  content: '\f063';
  font-family: 'FontAwesome';
  text-align: center;
}
.subpages .subpage .subpage-title.toggle-up:after {
  content: '\f062';
  color: #ffed00;
}
.subpages .subpage .subpage-content {
  margin: 20px 0;
  overflow: hidden;
  display: none;
}

.subpages .subpage .subpage-content .subpage .subpage-title {
  background: none;
  color: #000;
  padding: 10px 0 10px 40px;
}
.subpages .subpage .subpage-content .subpage .subpage-title:hover,
.subpages .subpage .subpage-content .subpage .subpage-title:active,
.subpages .subpage .subpage-content .subpage .subpage-title.toggle-up {
  color: #951b81;
  cursor: pointer;
}
.subpages .subpage .subpage-content .subpage .subpage-title:after {
  left: 0;
  width: 36px;
  color: #951b81;
  content: '\f061';
}
.subpages .subpage .subpage-content .subpage .subpage-title.toggle-up:after {
  content: '\f063';
}




/**
 * 12.5 Sections
 */
.page-section-wrapper {

  overflow: hidden;
}
.page-section {
  padding: 40px 0;
  overflow: hidden;
}
.page-section-title {
  color: #000;
  text-align: center;
  margin-bottom: 40px;
}

/*.page-section-wrapper:nth-child(1) {
  padding-top: 0;
}
.page-section-wrapper:nth-child(2) {
  background: #ddd;
}

.page-section-wrapper:nth-child(2) .page-section-title {
  display: none;
}
.page-section-wrapper:nth-child(3) {
  background: #951b81;
  color: #fff;
}
.page-section-wrapper:nth-child(3) a {
  color: #fff;
}
.page-section-wrapper:nth-child(3) a:hover,
.page-section-wrapper:nth-child(3) a:focus {
  color: #000;
}
.page-section-wrapper:nth-child(4) {
  background: #000;
  color: #fff;
}
.page-section-wrapper:nth-child(3) .page-section-title,
.page-section-wrapper:nth-child(4) .page-section-title {
  color: #fff;
}*/

.page-section-wrapper.page-section-agentur {
  padding-top: 0;
}
.page-section-wrapper.page-section-video {
  background: #ddd;
}

.page-section-wrapper.page-section-video .page-section-title {
  display: none;
}
.page-section-wrapper.page-section-coaching {
  background: #951b81;
  color: #fff;
}
.page-section-wrapper.page-section-coaching a {
  color: #fff;
}
.page-section-wrapper.page-section-coaching a:hover,
.page-section-wrapper.page-section-veranstaltungen a:focus {
  color: #000;
}
.page-section-wrapper.page-section-veranstaltungen {
  background: #000;
  color: #fff;
}
.page-section-wrapper.page-section-coaching .page-section-title,
.page-section-wrapper.page-section-veranstaltungen .page-section-title {
  color: #fff;
}





.page-section-wrapper .codespacing_progress_map_area {
  background: #f6f6f6;
}

/**
 * 13.0 Footer
 */
.footer-wrapper {
  clear: both;
  background: #000;
  color: #fff;
  padding: 20px 0 100px;
  overflow: hidden;
}
.site-footer .section-1 {
  width: 18%;
  float: left;
  margin-right: 5%;
}
.site-footer .section-2,
.site-footer .section-3 {
  width: 20%;
  float: left;
  margin-right: 5%;
}
.site-footer .section-4 {
  width: 27%;
  float: right;
}

.site-footer h4 {
  color: #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
}

.social-media {
  margin: 20px 0;
}
.social-media a {
  color: #fff;
  font-size: 30px;
  font-size: 3.0rem;
  text-decoration: none;
}
.sidebar .social-media a {
  color: #333;
}
.social-media a:hover,
.social-media a:focus,
.sidebar .social-media a:hover,
.sidebar .social-media a:focus {
  color: #951b81;
}
.social-media a span {
  display: none;
}

.site-footer .efs-claim {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.site-footer .efs-logos img {
  margin: 0 10px 20px 0;
}
.site-footer .bsp-claim {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 10px 10px 0 0;
  float: left;
}
.site-footer .credits {
  clear: both;
  padding: 20px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

#cookie-notice {
  background: rgba(50,50,50,0.9) !important;
}
#cn-notice-text {
  display: block;
  margin-bottom: 20px;
}






/**
 * 14.5 Cookies Hinweis
 */

.cc_container {
	padding-bottom: 50px !important;
	background: rgba(149, 28, 129, 0.75) !important;
}

.cc_container a {
	color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}

.cc_message {
	width: 85% !important;
	display: inline !important;
	float: left;
	font-size: 15px !important;
	line-height: 1.35em !important;
}

.cc_container .cc_btn {
	color: #666 !important; /* Textfarbe des Buttons */
  bottom: 10px !important;
}

/**
 * 14.0 Media
 */

.site .avatar {
	border-radius: 50%;
}

.post-thumbnail {
  overflow: hidden;
}
.post-thumbnail a img {
  transform: scale(1);
  filter: brightness(100%);
  transition: 300ms linear all;
}
.post-thumbnail a:hover img {
  transform: scale(1.05);
  filter: brightness(90%);
  transition: 300ms linear all;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

audio,
canvas {
	display: inline-block;
}

embed,
iframe,
object,
video {
	margin-bottom: 10px;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	font-size: 15px;
	font-size: 1.5rem;
	margin-top: 0;
	margin-bottom: 10px;
}

.wp-playlist.wp-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 10px;
}

/**
 * Video
 */
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/**
 * 14.1 Captions
 */

.wp-caption {
	margin-bottom: 10px;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}


/**
 * 14.2 Galleries
 */

.gallery {
	margin: 0 -1.79104477% 10px;
}

.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
	position: relative;
}

.gallery-item:hover {
	opacity: .75;
	transition: 0.3s all;
}

.gallery-item .gallery-caption {
	position: absolute;
	bottom: 6%;
	background: rgba(149, 27, 129, 0.75);
	width: calc(100% - 7.16417908%);
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	text-align: left;
	padding: 10px 15px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}

.gallery-columns-4 .gallery-caption,
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


#TB_caption {
  float: none !important;
  font-weight: bold;
  height: auto !important;
}
#TB_caption #TB_secondLine {
  font-weight: normal;
}
#TB_closeWindow {
  position: absolute;
  bottom: 20px;
  right: 0;
  height: auto !important;
  padding: 0;
  float: none;
}

.icon-wrapper {
	display: block;
	float: left;
}
.icon-wrapper .icon-item {
  width: 33%;
  padding: 4%;
  float: left;
  position: relative;
}
.icon-wrapper .icon-item img {
  max-width: 100%;
}
.icon-wrapper .icon-item .icon-overlay {
  width: 100%;
  background: rgba(149, 27, 129, 0.75);
  padding: 15px;
  display: block;
  color: #fff;
	font-size: 16px;
  position: absolute;
  top: 90px;
  left: 90px;
  z-index: 99;
  opacity: 0;
  margin-top: 20px;
  transition: 0.3s all;
}
.icon-wrapper .icon-item:hover .icon-overlay {
  opacity: 1;
  margin-top: 0;
  transition: 0.3s all;
}


/**
 * 15.0 Swiper Slider
 */
.swiper-button-white {
  display: none;
}
.swiper-container:hover .swiper-button-white {
  display: block;
}


/**
 * 15.0 Partner
 */



/**
 * 15.0 Sharing
 */
.ssbp-wrap {
  color: #666 !important;
  margin-top: 10px;
}
.ssba a img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray;
  -webkit-filter: grayscale(1);
}
.ssba a:hover img,
.ssba a:focus img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: none;
  -webkit-filter: grayscale(0);
}


/**
 * Attachments
 */


/**
 * 16.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


@media screen and (max-width: 1280px) {
  .site-header .logo img {
    width: 300px;
    height: auto;
  }
  .site-header .efs-logo {
    margin-top: 20px;
  }
  .site-header .efs-logo img {
    width: 120px;
    height: auto;
  }
  #page-nav {
    margin-top: 30px;
  }

}

@media screen and (max-width: 1024px) {
  .site-header .logo {
    float: left;
    margin-bottom: 10px;
  }
  #page-nav .menu-toggle {
    display: block;
  }
  #page-nav {
    clear: both;
    float: none;
    margin-top: 10px;
    border-top: 1px solid #ffed00;
  }
  #page-nav .nav-menu {
    display: none;
    margin-bottom: 10px;
  }
  .menu-main-menu-container {
    clear: both;
  }
  #page-nav li {
    display: block;
    border-bottom: 1px solid #ffed00;
    padding: 5px 0;
  }
  #page-nav li:first-child {
    border-top: 1px solid #ffed00;
  }
  #page-nav a {
    padding: 0;
    margin: 0;
  }
  #page-nav a:after {
    display: none;
  }
  .site-footer .section-1,
  .site-footer .section-2,
  .site-footer .section-3 {
    width: 30%;
  }
  .site-footer .section-3 {
    margin-right: 0;
  }
  .site-footer .section-4 {
    clear: both;
    width: 100%;
    float: none;
  }
}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 890px) {

}

@media screen and (max-width: 768px) {
  #primary,
  #secondary {
    width: 100%;
    margin: 0 0  20px;
    float: none;
  }
  .page-section-content {
    text-align: center;
  }
  .page-section-content img {
    display: block;
    float: none;
    margin: 20px auto 20px !important;
  }
}

@media screen and (max-width: 600px) {
  .site-footer .section-1,
  .site-footer .section-2,
  .site-footer .section-3 {
    width: 100%;
    margin: 0 0 50px;
  }
  .site-footer a.button {
    display: block;
    width: 100%;
    text-align: center;
  }
  .page-section-content .flex-row .flex-cell  {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }
}

@media screen and (max-width: 480px) {
  .site-header .logo  {
    width: 70%;
  }
  .site-header .efs-logo {
    width: 25%;
    margin-top: 10px;
  }
  .person-item,
  .place-item,
  .single-person article.person {
    border-top: 1px solid #ddd;
    margin-bottom: 10px;
  }
  .person-item .person-thumbnail,
  .place-item .place-thumbnail,
  .single-person article.person .post-thumbnail {
    position: static;
    text-align: center;
    padding: 20px 0;
  }
  .person-item .person-content,
  .place-item .place-content,
  .single-person article.person .entry-content {
    border-top: 1px solid #ddd;
    padding: 20px 0;
  }
  .person-item .person-content .person-title,
  .place-item .place-content .place-title,
  .person-item .person-content .person-meta.person-position {
    text-align: center;
  }
  .person-list-item {
    width: 100%;
    text-align: center;
  }

}


/**
 * 17.0 Print
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		font-size: 11.25pt;
	}

	.secondary-toggle,
	.navigation,
	.page-links,
	.edit-link,
	#reply-title,
	.comment-form,
	.comment-edit-link,
	.comment-list .reply a,
	button,
	input,
	textarea,
	select,
	.widecolumn form,
	.widecolumn .mu_register form {
		display: none;
	}

	.site-header,
	.site-footer,
	.hentry,
	.entry-footer,
	.page-header,
	.page-content,
	.comments-area,
	.widecolumn {
		background: none !important; /* Make sure color schemes dont't affect to print */
	}

	body,
	blockquote,
	blockquote cite,
	blockquote small,
	label,
	a,
	.site-title a,
	.site-description,
	.post-title,
	.author-heading,
	.entry-footer,
	.entry-footer a,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.no-comments,
	.site-info,
	.site-info a,
	.wp-caption-text,
	.gallery-caption {
		color: #000 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr[title],
	table,
	th,
	td,
	.site-header,
	.site-footer,
	.hentry + .hentry,
	.author-info,
	.page-header,
	.comments-area,
	.comment-list + .comment-respond,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
	}

	.site {
		margin: 0 7.6923%;
	}

	.sidebar {
		position: relative !important; /* Make sure sticky sidebar doesn't affect to print */
	}

	.site-branding {
		padding: 0;
	}

	.site-header {
		padding: 7.6923% 0;
	}

	.site-description {
		display: block;
	}

	.hentry + .hentry {
		margin-top: 7.6923%;
	}

	.hentry.has-post-thumbnail {
		padding-top: 7.6923%;
	}

	.sticky-post {
		background: #000 !important;
		color: #fff !important;
	}

	.entry-header,
	.entry-footer {
		padding: 0;
	}

	.entry-content,
	.entry-summary {
		padding: 0 0 7.6923%;
	}

	.post-thumbnail img {
		margin: 0;
	}

	.author-info {
		margin: 0;
	}

	.page-content {
		padding: 7.6923% 0 0;
	}

	.page-header {
		padding: 3.84615% 0;
	}

	.comments-area {
		border: 0;
		padding: 7.6923% 0 0;
	}

	.site-footer {
		margin-top: 7.6923%;
		padding: 3.84615% 0;
	}

	.widecolumn {
		margin: 7.6923% 0 0;
		padding: 0;
	}
}