/*!
Theme Name: Gesellschaft f. Antiziganismusforschung
Author: Gegenfeuer
Author URI: http://www.gegenfeuer.net
Version: 0.1
License: GNU General Public License
Text Domain: gfa
Domain Path: /languages/
Tags: GFA, Gegenfeuer
*/
@font-face {
	font-family: 'GtHaptik';
	src: url('assets/fonts/GT-Haptik-Regular-2.eot');
	src: url('assets/fonts/GT-Haptik-Regular-2.eot?#iefix')
			format('embedded-opentype'),
		url('assets/fonts/GT-Haptik-Regular-2.woff') format('woff'),
		url('assets/fonts/GT-Haptik-Regular-2.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GtHaptik';
	src: url('assets/fonts/GT-Haptik-Regular-Oblique-2.eot');
	src: url('assets/fonts/GT-Haptik-Regular-Oblique-2.eot?#iefix')
			format('embedded-opentype'),
		url('assets/fonts/GT-Haptik-Regular-Oblique-2.woff') format('woff'),
		url('assets/fonts/GT-Haptik-Regular-Oblique-2.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

.hidden {
	display: none;
}

.clearfix:after {
	content: ' ';
	display: table;
	clear: both;
}

/**
 * ————————————————————————————————————————————————————
 * B R E A K P O I N T  M A N A G E R
 * ————————————————————————————————————————————————————
 */
/**
 * ——————————————————————————
 * B R E A K P O I N T S
 * ——————————————————————————
 */
/**
 * ——————————————————————————
 * F O N T S I Z E S
 * ——————————————————————————
 */
/**
 * ——————————————————————————
 * C O L O R S
 * ——————————————————————————
 */
nav#site-navigation {
	transition: height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#transition-overlay {
	transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#site-navigation li a:after {
	transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/**
 * Sortables Filter
 */
.js-filter,
.article-excerpt a,
.article-content a,
.gesellschaft-mitglieder a,
.mitglieder-added-info a {
	transition: color 0.3s ease-in-out;
}

.article-excerpt a:hover,
.article-content a:hover,
.gesellschaft-mitglieder a:hover,
.mitglieder-added-info a:hover {
	color: #ff9e62;
}

.js-filter.active {
	color: #ff9e62;
}

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

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

html {
	background: #fff;
	color: #000;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: Chivo, Helvetica Neue, Helvetica, Arial, sans-serif;
}

body {
	margin: 0;
}

a {
	background: transparent;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}

h1 {
	font-size: 2em;
	margin: 1em 0;
}

h2 {
	font-size: 1.5em;
	margin: 1em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1em 0;
}

h6 {
	font-size: 0.75em;
	margin: 1em 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: '\201C''\201D''\2018''\2019';
}

q:before,
q:after {
	content: '';
	content: none;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

button,
select {
	text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

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

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

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

input[type='search'] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}
input[type='checkbox'],
input[type='radio'] {
	box-sizing: border-box;
	padding: 0;
}

h1 {
	font-size: 2rem;
	font-weight: normal;
}

.headline-large {
	font-weight: bold;
	line-height: 1.14;
}

.headline-small {
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.headline-small-normal {
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1px;
}

html {
	box-sizing: border-box;
}

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

.skip-link {
	display: none;
}

html {
	height: 100%;
}

html,
body {
	padding: 0;
	margin: 0;
	position: relative;
	overflow-x: hidden;
	background: #f6f6f6;
	color: #1c1c1c;
	padding-bottom: 3rem;
}

html {
	font-size: 100%;
}
@media (max-width: 60em) {
	html {
		font-size: 85%;
	}
}

body {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.45;
	letter-spacing: 0.4px;
	font-family: GtHaptik, Helvetica Neue, Helvetica, Arial, sans-serif;
	min-height: 100%;
}

a {
	color: #1c1c1c;
	text-decoration: none;
}

main {
	padding: 0 1rem;
}
@media (min-width: 61em) {
	main {
		padding: 0 2rem;
	}
}

main header {
	margin-bottom: 2em;
	position: relative;
	padding-top: 1em;
}

main header h1 {
	font-size: 2rem;
	font-weight: normal;
}

main header > div.line {
	background: #ff9e62;
	width: 150px;
	height: 0.3em;
	position: absolute;
	top: 1.4em;
	left: -75px;
}

.content-area header h1 {
	line-height: 1.2;
}

/**
 * ——————————————————————————
 * F O R M S
 * ——————————————————————————
 */
input {
	background: #ff9e62;
	border: 1px solid #ffffff;
}
input:focus {
	outline: none;
}

input[type='text'] {
	padding-left: 0.5rem;
	line-height: 0;
}

/**
 * ——————————————————————————
 * A R T I C L E  B A S E
 * ——————————————————————————
 */
article.generic {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.45;
	letter-spacing: 0.4px;
	font-family: GtHaptik, Helvetica Neue, Helvetica, Arial, sans-serif;
}
article.generic:nth-child(n + 2) {
	margin-top: 1em;
}

article.generic aside {
	color: #ff9e62;
}

.article-excerpt a,
.article-content a {
	position: relative;
}
.article-excerpt a::after,
.article-content a::after {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 1px solid #ff9e62;
	bottom: -2px;
	left: 0;
}

.article-excerpt blockquote,
.article-content blockquote {
	color: #9c9c9c;
	margin-left: 2em;
}
@media (max-width: 60em) {
	.article-excerpt blockquote,
	.article-content blockquote {
		margin-left: 1em;
	}
}

.article-excerpt blockquote a,
.article-content blockquote a {
	color: #9c9c9c;
}

.post-with-meta,
.generic {
	margin: 18px 0;
}

.post-with-meta h1,
.post-with-meta h2,
.post-with-meta .persons {
	margin: 0;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1.2;
}

.post-with-meta .typ {
	color: #1c1c1c;
	letter-spacing: 1.2px;
	text-transform: none;
	font-size: 0.8rem;
}

.post-with-meta .persons,
.post-with-meta .authors,
.post-with-meta .authors a {
	color: #ff9e62;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	font-size: 0.8rem;
}

.post-with-meta .content-wrapper,
.generic .content-wrapper {
	margin-top: 36px;
	padding-bottom: 36px;
	border-bottom: 1px solid #ffffff;
}
@media (max-width: 60em) {
	.post-with-meta .content-wrapper,
	.generic .content-wrapper {
		margin-top: 0.5em;
	}
}

.post-with-meta .article-meta hr {
	margin: 8px 0;
	border-color: #ff9e62;
	height: 1px;
	border-style: solid;
	border-bottom: 0;
}
@media (max-width: 60em) {
	.post-with-meta .article-meta hr {
		display: inline-block;
		width: 0.5em;
		border-color: #f6f6f6;
	}
}

.modal-content-wrapper {
	z-index: 100;
}

.modal-content-wrapper:hover {
	opacity: 0.99;
}

.post-with-meta .article-extended,
.generic .article-extended {
	display: none;
}

.modal-content .post-with-meta .article-excerpt,
.modal-content .generic .article-excerpt {
	display: none;
}

.modal-content .post-with-meta .article-extended,
.modal-content .generic .article-extended {
	display: block;
}

.post-with-meta .article-meta,
.post-with-meta .article-content,
.generic .article-meta,
.generic .article-content {
	float: left;
}

.post-with-meta .article-meta,
.generic .article-meta {
	width: 25%;
	padding-right: 18px;
}

.post-with-meta .article-meta.auto,
.generic .article-meta.auto {
	width: auto;
}

@media (max-width: 60em) {
	.post-with-meta .article-meta,
	.generic .article-meta {
		width: 100%;
		float: none;
		padding-right: 0;
		padding-top: 0.5em;
		margin-bottom: 1em;
		border-top: 1px solid #ff9e62;
	}
}

.post-with-meta .article-content,
.generic .article-content {
	width: 75%;
	max-width: 680px;
	padding-left: 18px;
}
@media (max-width: 60em) {
	.post-with-meta .article-content,
	.generic .article-content {
		padding-left: 0;
		width: 100%;
	}
}

.post-with-meta .article-content p {
	margin-top: 0;
}

/**
 * ——————————————————————————
 * S T A R T  M E T A
 * ——————————————————————————
 */
.start-meta {
	position: absolute;
	width: 36%;
	right: 0;
	top: 120px;
	padding: 0 2em;
	display: none;
}
@media (min-width: 61em) {
	.start-meta {
		display: block;
	}
}

.start-meta .news {
	border: 1px solid #ff9e62;
	padding: 1em;
	display: block;
	margin-bottom: 4em;
}

.start-meta .news p {
	margin: 0;
	color: #ff9e62;
	font-size: 1rem;
}

.start-meta article.termin p::after {
	content: '—';
	display: block;
	margin: 1em 0;
	font-size: 1rem;
}

.start-meta article.termin h2 {
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 400;
}

.start-meta article.termin p {
	font-size: 0.8rem;
	padding-left: 2em;
	position: relative;
}

/**
 * ——————————————————————————
 * G R E Y  F A D E O U T
 * ——————————————————————————
 */
#colophon {
	position: fixed;
	bottom: 3rem;
	left: 0;
	height: 3em;
	width: 100%;
	background-image: linear-gradient(rgba(242, 242, 242, 0), #f2f2f2);
	pointer-events: none;
	z-index: 1;
}
@media (min-width: 65em) {
	#colophon {
		bottom: 3.375rem;
	}
}

/**
 * ——————————————————————————
 * I M P R E S S U M
 * ——————————————————————————
 */
.page-id-61 header {
	margin-bottom: 2em;
}

.page-id-61 h1 {
	margin-bottom: 0;
	font-weight: 400;
}

.page-id-61 .imprint-text {
	border-bottom: 1px solid #fff;
	padding-bottom: 2em;
}

.page-id-61 main {
	margin-bottom: 4em;
}

.gesellschaft-mitglieder ul {
	margin: 0;
	padding: 0;
}

.gesellschaft-mitglieder li {
	list-style: none;
	padding: 0;
	margin: 0;
}

article.past {
	opacity: 0.3;
}

.past-event-delimeter h3 {
	margin: 5em 0 2em;
	font-size: 2rem;
	position: relative;
	font-weight: normal;
	display: inline-block;
}

.past-event-delimeter h3::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #ff9e62;
	bottom: 0;
	left: 0;
}

.hide-past {
	display: none;
}

.event-load-more-btn {
	letter-spacing: 0.25px;
	font-size: 1.2rem;
	cursor: pointer;
}

.event-load-more-btn span {
	position: relative;
	display: inline-block;
}

.event-load-more-btn span::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	background-color: #ff9e62;
	width: 100%;
}

#site-navigation {
	bottom: 0;
	position: fixed;
	width: 100%;
	width: 100vw;
	background: #ff9e62;
	z-index: 900;
	font-weight: normal;
	height: 3rem;
	padding: 0 1rem;
}
@media (min-width: 65em) {
	#site-navigation {
		height: 3.375rem;
		padding: 0 2rem;
		font-weight: bold;
	}
}

#site-navigation ul {
	margin: 0;
	padding: 0;
}
#site-navigation ul:after {
	content: ' ';
	display: table;
	clear: both;
}

#site-navigation ul li {
	list-style: none;
	float: none;
	margin-bottom: calculate-rem(12px);
}
@media (min-width: 65em) {
	#site-navigation ul li {
		float: left;
	}
}
#site-navigation ul li:not(:first-child) {
	padding: 0;
}
@media (min-width: 65em) {
	#site-navigation ul li:not(:first-child) {
		padding-left: 2rem;
		margin-bottom: 0;
	}
}

#site-navigation .menu-toggle {
	display: block;
	position: fixed;
	bottom: 0;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.45;
	letter-spacing: 0.4px;
	font-family: GtHaptik, Helvetica Neue, Helvetica, Arial, sans-serif;
	background: inherit;
	border: 0;
	font-weight: bold;
	height: 3rem;
	letter-spacing: 1px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	width: 100vw;
	text-align: left;
	margin-left: -1rem;
	padding-left: 1rem;
	border-top: 1px solid;
	z-index: 4;
}
#site-navigation .menu-toggle:focus {
	outline: 0;
}
@media (min-width: 65em) {
	#site-navigation .menu-toggle {
		display: none;
	}
}

#site-navigation.mobile-show {
	height: 100%;
}

#site-navigation .menu-hauptmenu-container {
	height: calc(100% - 3rem);
}

#site-navigation li a {
	font-size: 30px;
	font-size: 1.875rem;
	letter-spacing: 1px;
	font-family: GtHaptik, Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #ffffff;
	line-height: 3.375rem;
	letter-spacing: 1px;
}
@media (min-width: 65em) {
	#site-navigation li a {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.45;
		letter-spacing: 0.4px;
		font-family: GtHaptik, Helvetica Neue, Helvetica, Arial, sans-serif;
	}
}

#site-navigation li a {
	position: relative;
	font-weight: normal;
}

@media (min-width: 65em) {
	#site-navigation li a:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -4px;
		width: 0;
		height: 2px;
		background-color: #ffffff;
	}
}

@media (min-width: 65em) {
	#site-navigation li.current-menu-item a:after,
	#site-navigation li a:hover:after {
		width: 100%;
	}
}

#site-navigation #searchform {
	display: block;
	margin: 3rem 0 3rem 0;
	width: 100%;
}
#site-navigation #searchform:after {
	content: ' ';
	display: table;
	clear: both;
}
@media (min-width: 65em) {
	#site-navigation #searchform {
		width: auto;
		display: inline;
		float: right;
	}
}

@media (min-width: 65em) {
	#site-navigation .menu-hauptmenu-container {
		line-height: 3.375rem;
	}
}

@media (min-width: 65em) {
	#site-navigation #searchform {
		position: absolute;
		right: 1em;
		top: -46px;
	}
}

#site-navigation #searchform input[type='text'] {
	width: calc(100% - 4rem);
	height: 2.8em;
	background: #ff9e62;
	color: #fff;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.45;
	letter-spacing: 0.4px;
	font-family: GtHaptik, Helvetica Neue, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}
@media (min-width: 65em) {
	#site-navigation #searchform input[type='text'] {
		height: 2.375rem;
		margin-top: 8px;
		float: none;
		width: 12em;
	}
}

#site-navigation #searchform input[type='text']:focus {
	border-color: #ffffff !important;
}

#site-navigation #searchform input[type='submit'] {
	text-indent: -9999px;
	background-size: cover;
	background-position: center;
	background-image: url(assets/img/magnifier-icon.svg);
	width: 3rem;
	height: 3rem;
	float: right;
	border: 0;
}
@media (min-width: 65em) {
	#site-navigation #searchform input[type='submit'] {
		width: 2.375rem;
		height: 2.375rem;
		float: none;
	}
}

#transition-overlay {
	opacity: 0;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background: #f6f6f6;
}
#transition-overlay.mobile-show {
	opacity: 1;
	height: auto;
}
#transition-overlay.mobile-hide {
	height: 0;
}

#primary {
	padding-bottom: 4em;
}
@media (min-width: 61em) {
	#primary {
		width: 64%;
	}
}

main#main {
	max-width: 60em;
	padding-top: 36px;
}
@media (max-width: 60em) {
	main#main {
		padding-top: 6em;
	}
}

@media (min-width: 61em) {
	article.generic aside {
		float: left;
		min-width: 12em;
	}
}

#secondary {
	padding: 0 2rem;
}
@media (min-width: 61em) {
	#secondary {
		width: 36%;
		padding-top: 10em;
		min-height: 100%;
		position: absolute;
		right: 0;
		top: 0;
	}
}

#masthead .site-branding {
	top: 0;
	width: 100%;
	position: absolute;
}
@media (min-width: 61em) {
	#masthead .site-branding {
		width: 36%;
		text-align: right;
		right: 0;
		z-index: 1;
	}
}

#masthead h1 {
	width: 100%;
	height: 100%;
	padding: 1rem 2rem 0.6rem 2rem;
	margin: 0;
}
@media (max-width: 60em) {
	#masthead h1 {
		padding: 1rem 10px;
	}
}

#masthead img {
	max-width: 300px;
	width: 100%;
	height: auto;
}

#secondary ul,
#secondary li {
	margin: 0;
	padding: 0;
}

#secondary li {
	list-style: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}

.js-modal .modal-content-wrapper {
	position: fixed;
	/*right: 0;*/
	top: 0;
	height: 100%;
	width: 100%;
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	overflow: scroll;
	transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.js-modal.active .modal-content-wrapper {
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.js-modal .js-modal-close {
	position: absolute;
	right: 1em;
	top: 2em;
	width: 4em;
	height: 4em;
	z-index: 100;
	text-align: left;
	cursor: pointer;
}
@media (max-width: 60em) {
	.js-modal .js-modal-close {
		right: auto;
		left: 1em;
	}
}

.js-modal .js-modal-close > span {
	position: absolute;
	width: 2em;
	height: 2px;
	background: #1c1c1c;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

.js-modal .js-modal-close > span:nth-child(1) {
	transform: rotateZ(45deg);
}

.js-modal .js-modal-close > span:nth-child(2) {
	transform: rotateZ(-45deg);
}

.js-modal .shadow {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	position: fixed;
	transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	pointer-events: none;
	background: #f5f5f5;
	opacity: 0;
}

.js-modal.active .shadow {
	opacity: 0.9;
	cursor: pointer;
	pointer-events: auto;
}

.js-modal .js-shadow-close {
	position: fixed;
	z-index: 101;
	width: 20vw;
	height: 100vh;
	left: 0;
	top: 0;
	transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	pointer-events: none;
}

.js-modal.active .js-shadow-close {
	cursor: pointer;
	pointer-events: auto;
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.js-modal .modal-content {
	padding: 72px 36px;
	position: absolute;
	right: 0;
	top: 0;
	width: 80vw;
	min-height: 100%;
	background: #ffffff;
}

@media (max-width: 60em) {
	.js-modal .modal-content {
		width: 100%;
		padding: 72px 18px;
	}
}

body.modal-open .site-main {
	position: fixed;
	width: 64%;
}
@media (max-width: 60em) {
	body.modal-open .site-main {
		width: 100%;
	}
}

.site-branding {
	opacity: 1;
	transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

body.modal-open .site-branding {
	opacity: 0;
}

.sortable-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.filter-menu {
	position: absolute;
	top: 0;
	display: none;
}
@media (min-width: 61em) {
	.filter-menu {
		display: block;
	}
}

.filter-menu ul {
	margin: 18px 0;
	padding: 0;
}

.filter-menu li {
	list-style: none;
	margin: 0 12px;
	padding: 8px;
	display: block;
	float: left;
	cursor: pointer;
	border: 1px solid;
	min-width: 172px;
	text-align: center;
	font-size: 0.8rem;
	letter-spacing: 0.8px;
}

.filter-menu li:first-child {
	margin-left: 0;
}

.wpcf7-form p {
	font-size: 0.8rem;
	text-indent: 2em;
	margin-bottom: 2em;
}

.wpcf7-form input[type='submit'] {
	background: #ff9e62;
	color: #fff;
	border: none;
	padding: 0.5em;
	font-size: 1rem;
	margin-top: 1em;
	margin-left: -25.6px;
}

input[type='text'],
input[type='email'],
textarea {
	line-height: 0;
	background: #fff;
	padding: 0.5em;
	font-size: 1rem;
	color: #1c1c1c;
}
input[type='text']:focus,
input[type='email']:focus,
textarea:focus {
	border: 1px solid #ff9e62;
}

.wpcf7-form textarea {
	line-height: inherit;
	padding-top: 1em;
	min-height: 12em;
	border: none;
	outline: none;
}
.wpcf7-form textarea:focus {
	border: 1px solid #ff9e62;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}

.wpcf7-form textarea,
.wpcf7-form input[type='text'],
.wpcf7-form input[type='email'],
.wpcf7-form input[type='submit'] {
	width: 100%;
	max-width: 640px;
}

.wpcf7-form input[type='text'].small {
	width: 50px;
}

div.wpcf7-response-output {
	margin: 2em 0;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
	border: 1px solid #ff9e62;
	padding: 1em;
	color: #ff9e62;
	width: 100%;
	max-width: 400px;
	margin: 2em 0;
	font-weight: 400;
	font-size: 1rem;
}

.publikation h1 {
	margin: 0;
	text-transform: none;
	letter-spacing: 0;
	font-size: 1.125rem;
	font-weight: 400;
}

.js-modal .publikation h1 {
	font-size: 1.6rem;
	max-width: 768px;
}

.publikation p {
	margin: 0;
}

.publikation.generic {
	margin-bottom: 0;
}

.publikation .article-content {
	padding: 0;
}

.js-modal .publikation .content-wrapper {
	margin: 36px 0 108px 0;
}

.js-modal .publikation .publikation-date-meta {
	display: none;
}

.js-modal .publikation .article-meta {
	display: block;
}

.publikation .article-meta {
	display: none;
}

.publikation .content-wrapper {
	padding: 0;
	margin-top: 12px;
}

.publikation .publikation-date-meta {
	color: #1c1c1c;
}

.publikation .authors {
	color: #ff9e62;
	text-transform: uppercase;
}

.publikation .publikation-meta {
	margin-top: 2em;
}

.publikation .publikation-meta-head,
.small-section-head {
	font-size: 0.8rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 0.5em;
}

article.mitglieder ul,
article.mitglieder li {
	margin: 0;
	padding: 0;
	list-style: none;
}

article.mitglieder p {
	margin: 0;
}

article.mitglieder .mitglieder-meta p {
	margin-bottom: 1em;
}

article.mitglieder .content-wrapper {
	border-bottom: none;
}

article.mitglieder h1 .vorname {
	font-weight: normal;
}

article.mitglieder h2 {
	font-size: 1.2rem;
}

.js-modal article.mitglieder h2 {
	font-size: 2rem;
}

article.mitglieder section:not(:first-child) {
	margin-top: 4em;
}

article.mitglieder .publikationen li {
	margin-bottom: 1em;
}

article.mitglieder .article-meta p {
	margin-top: 0;
}

article.mitglieder .content-meta,
article.mitglieder .article-content .content {
	margin-bottom: 2em;
}

article.mitglieder .article-meta {
	display: none;
}

.mitglieder-vorstand {
	display: none;
}

.modal-content .mitglieder-vorstand,
.modal-content .mitglieder-rolle {
	display: inline-block;
}

article.mitglieder-added-info {
	display: block;
}

article.mitglieder-added-info a.js-open-modal,
.gesellschaft-mitglieder a {
	position: relative;
}

article.mitglieder-added-info a.js-open-modal:after,
.gesellschaft-mitglieder a:after {
	content: ' ';
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-top: -2px;
	background: #ff9e62;
}

.modal-content article.mitglieder-added-info a.js-open-modal:after {
	display: none;
}

article.mitglieder-added-info h1 {
	margin: 0;
	text-transform: none;
	letter-spacing: 0;
	font-size: 1.125rem;
	font-weight: 400;
}

.modal-content article.mitglieder-added-info h1 {
	font-size: 1.6rem;
	max-width: 768px;
	font-weight: normal;
}

.modal-content article.mitglieder-added-info h1 a {
	color: #1c1c1c;
}

.modal-content article.mitglieder-added-info h1 span {
	display: none;
}

article.mitglieder-added-info .article-extended {
	display: none;
}

.modal-content article.mitglieder-added-info .article-extended {
	display: block;
}

.js-modal article.mitglieder::before {
	content: '';
	margin-right: 0;
}

.js-modal article.mitglieder .article-meta {
	display: block;
}

article.mitglieder .content-wrapper {
	display: none;
}

.js-modal article.mitglieder .content-wrapper {
	display: block;
}

article.stellungnahmen h1 {
	margin-bottom: 3em;
}

.search main hr {
	color: #ff9e62;
	border-color: #ff9e62;
}

.search main .result-header {
	float: left;
	width: 25%;
}

.search main .search-results {
	float: left;
	width: 75%;
	padding-left: 36px;
}

.search main .result-seperator {
	width: 100%;
	max-width: 640px;
	position: relative;
	border-bottom: 1px solid #ff9e62;
}

.search main .search-results a {
	margin-bottom: 2em;
	display: block;
}

.search main .search-form {
	width: 100%;
	max-width: 640px;
}

.search main .search-form input[type='text'] {
	width: 70%;
	max-width: 448px;
	font-size: 18px;
}

.search main .search-form input[type='submit'] {
	color: #ffffff;
	border: none;
	padding: 0.5em;
	width: 25%;
	max-width: 160px;
}

/**
 * ——————————————————————————
 * S T A R T S E I T E
 * ——————————————————————————
 */

.home #primary,
.home main#main {
	width: auto;
	max-width: 100%;
}

.boxcontainer {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;

	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.boxcolumn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 20px 60px 20px 20px;
}

.boxcolumn.events {
	padding-right: 20px;
}

.boxcolumn,
.boxcontent {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media (max-width: 65em) {
	.boxcontainer {
		display: block;
	}
	.boxcolumn {
		padding: 20px;
	}

	.boxcontent .post-with-meta .article-meta {
		border: 0;
	}
}

.boxcolumn h2 {
	font-size: 2rem;
	font-weight: normal;
	margin-bottom: 10px;
}

.boxcontent {
	position: relative;
	padding: 0 20px;
	border: 5px solid #ff9e62;
}

.boxcontent h3 {
	font-size: 1.125rem;
	font-weight: 700;
}

.boxcontent h3 a {
	display: inline-block;
}

.boxcontent .publikation h3,
.boxcontent .termin h3 {
	margin-top: 0;
}

.boxcontent .publikation p {
	margin: inherit;
}

.boxcontent article {
	border-bottom: 1px solid #ddd;
}

.boxcontent.news article:last-child {
	border-bottom: 0;
}

.boxcontent .post-with-meta .content-wrapper {
	border: none;
}

.boxcontent .article-meta {
	width: 100%;
}

.boxcontent .autor,
.boxcontent .mitglied,
.boxcontent .mitglied a,
.boxcontent .termin .meta-date {
	font-size: 1rem;
	font-weight: normal;
	/*text-transform: uppercase;*/
}

.boxcontent .meta-excerpt p:first-child {
	margin-top: 0;
}

.boxcontent.news a,
.boxcontent .more {
	font-size: 1.125rem;
	color: #ff9e62;
	margin-top: 10px;
	border: none;
}

.boxcontent .more:after {
	border: 0;
}

.hinweis {
	display: inline-block;
	max-width: 300px;
	padding: 0 10px;
	margin-right: 40px;
	font-size: 12px;
	text-align: left;
}
.btn-kontakt {
	display: inline-block;
	width: 290px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	border: 1px solid #ff9e62;
	background: #ff9e62;
}

.btn-kontakt:hover {
	opacity: 0.8;
}

/* Veranstaltungen */
@media (max-width: 60em) {
	main#main {
		padding-top: 0;
	}
	#masthead .site-branding {
		position: relative;
	}
	.past-event-delimeter h3 {
		margin-top: 2em;
	}
	.hinweis {
		max-width: 100%;
		margin-right: 20px;
	}

	/* .filter-menu {
		position: relative;
		display: block;
	}
	.filter-menu li {
		margin: 0 12px 12px 0;
		padding: 8px 20px;
		display: block;
		min-width: none;
	} */
}