/*
Theme Name: diehingucker
Theme URI: http://www.diehingucker.de
Description: diehingucker Template
Version: 1.0
Author: Philipp Kieckbusch
Tags: portfolio, responsive, blog, clean, minimal, white, two-columns, threaded-comments, translation-ready, custom-menus

TABLE OF CONTENTS

01 - Reset
02 - Global
03 - General Layout
04 - Header
05 - Content
06 - Slideshow
07 - Sidebar
08 - Widgets
09 - Comments
10 - Pagination
11 - Footer
12 - Media Queries
*/

/* /////////////////////////////////////////////////////////////////////
//  00 - Reset
/////////////////////////////////////////////////////////////////////*/

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 {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article, aside, details, figcaption,
figure, footer, header, hgroup,
nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
:focus {
	outline: none;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}

/* /////////////////////////////////////////////////////////////////////
//  01 - General
/////////////////////////////////////////////////////////////////////*/

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

a, input, textarea, #mobile-toggle, #mobile-toggle:after, button, .element img, #header #top,
#header img, #main-navigation li a:after, ul.share-buttons-list > *, .activate-edit {
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#main-navigation {
	-moz-transition: top .5s ease-in-out;
	-webkit-transition: top .5s ease-in-out;
	-o-transition: top .5s ease-in-out;
	-ms-transition: top .5s ease-in-out;
	transition: top .5s ease-in-out;
}

/* /////////////////////////////////////////////////////////////////////
//  02 - Global
/////////////////////////////////////////////////////////////////////*/

body {
	font-size: 100%;
	width:auto;
	height:auto;
	padding: 0 0 0 0;
	margin: 0;
	color: #013451;
	background-color: #fff;
	font-weight: 300;
	line-height: 24px;
	font-size: 16px;
}

p:not(:last-child) {
	margin: 0 0 30px 0;
}

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

li {
	margin: 0 0 0 0;
	padding: 0;
}

img {
	margin: 0;
	max-width: 100%;
	height: auto;
}

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

a.silent {
	text-decoration: none !important;
	font-weight: inherit;
}

a {
	color: #003756;
}

[data-href] {
	cursor: pointer;
}

a:hover {
	color: #E55F53;
}

#main a:hover {
	text-decoration: underline;
}

a img {
	border:none;
}

strong {
	font-weight: 700;
}

h1, h2, h3, h4, h5, h6{
	margin: 0;
	font-weight: bold;
	position: relative;
	margin-bottom: 15px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
	margin-bottom: 0;
}

h1 {
	font-size: 45px;
	line-height: 45px;
	margin-bottom: 40px;
	text-transform: none !important;
}

h1.title + .post-date {
    margin-top: -30px;
	opacity: .5;
}

h1.slim {
	margin-bottom: 10px;
}

single-event h1.title {
	margin-bottom: 20px;
}

h2 {
	font-size: 30px;
	line-height: 30px;
}

h3 {
	font-size: 25px;
	line-height: 25px;
}

h4 {
	font-size: 20px;
	line-height: 24px;
}

#elements h1,
#elements h2,
#elements h3 {
	font-weight: 600;
}

blockquote, address {
	margin: 30px 0;
	padding: 30px 50px;
	border-top: 2px solid #003756;
	border-bottom: 2px solid #003756;
	text-align: center;
	color: #E55F53;
	font-size: 24px;
	font-weight: 300;
	line-height: 26px;
}

code {
	font-family: "Courier New", Courier, serif;
	overflow: auto;
	padding: 2px;
	background: #fff;
}

pre code {
	background: none;
}

pre {
	margin: 0 0 20px;
	padding: 10px;
	background: #fff;
	overflow: auto;
	border: 1px solid #e4e4e4;
}

input[type="text"], input[type="email"], input[type="password"], textarea {
	background-color: #fff;
	font-weight: 300;
	line-height: 24px;
	font-size: 16px;
	padding: 0 10px;
	color: #000;
	border: 0;
	background:	#f7f7f7;
	max-width: 100%;
	-webkit-appearance: none;
}

.tml input[type="text"],
.tml input[type="email"],
.tml input[type="password"],
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="password"] {
	height: 40px;
}

em {
	font-style: italic;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus {outline: none; background-color: #f7f7f7;}
textarea:focus {outline: none; background-color: #f7f7f7;}

textarea { width: 100%; line-height: 1.6em; }

.hidden { opacity: 0 }

/* Clearfix ----------- */

/* Some clearfix code from HTML5 Boilerplate */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

hr {
	border: 0;
	border-bottom: 1px solid #ddd;
	margin: 30px 0;
}

hr.empty {
	border-color: transparent;
}

.full-buttons hr {
    display: none !important;
}

[data-parallax="scroll"] {
	background: rgba(0,0,0,.3);
}

.background-fallback {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	z-index: -1;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

/* //////////////////////////////////////////////////////////////////////
//  03 - General Layout
//////////////////////////////////////////////////////////////////////*/

#container {
	width: 100%;
	margin: 0 auto;
}

.header-inside,
.element-inside {
	max-width: 100%;
}

#main {
	margin: 0 auto 0;
	padding: 0 0 0;
}

#footer {
	width: 100%;
	margin: 0 auto;
}

/*////////////////////////////////////////////////////////////////////////
//  04 - Header
///////////////////////////////////////////////////////////////////////*/

#header {
	width: 100%;
	position: relative;
	margin: 0 0 0 0!important;
	text-align: center;
	background-position: center center;
	background-size: cover;
}

#header .header-inside {
	margin: 0 auto;
	position: relative;
	padding: 30px 0 0 0;
	text-align: left;
}

#header #top .header-inside {
	max-width: 100%;
}

#header.full-height {
	height: 100vh;
}

#header.half-height {
	height: 50vh;
}

#header #top {
	padding-top: 0;
	padding-bottom: 0;
	z-index: 10;
	width: 100%;
	background: #fff;
}

#logo {
	display: block;
	margin: auto;
	padding: 0;
	position: relative;
	max-width: 220px;
	padding-bottom: 30px;
}

#logo img {
	display: block;
	width: auto;
	height: auto;
	margin: auto;
	max-height: 60px;
}

#logo a {
	color: #000;
}

/* Top level navigation */

#main-navigation, #footer-sub-navigation, #footer-main-navigation {
	display: block;
	text-align: left;
	float: none;
	margin: auto;
}

#main-navigation {
	background: #e2ddd9;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

#main-navigation .main-menu {
	max-width: 1000px;
	margin: auto;
	padding: 0 10px;
}

#main-navigation li {
	display: inline-block;
	float: left;
}

#main-navigation li.nav-search {
	float: right;
	padding: 10px 20px;
}

#main-navigation li.nav-search button {
	background: transparent;
}

#main-navigation li a {
	display: block;
	padding: 12px 20px 10px;
	width: 100%;
	color: #003756;
}

#main-navigation li a:hover {
	color: #E55F53;
}

#main-navigation li a:hover:after {
	background: #E55F53;
}

#main-navigation li a, #main-navigation li a i, #main-navigation input[type="text"] {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}

#main-navigation li a:after {
	content: "";
	width: 0%;
	display: block;
	background: #003756;
	height: 2px;
}

#main-navigation li a:hover:after {
	width: 100%;
}

#main-navigation ul ul {
	position: relative;
	display: none;
	padding: 0;
	left: 0;
	z-index: 100;
}

#main-navigation ul ul li a {
	padding: 10px 30px;
}

#main-navigation li, #footer-main-navigation li, #footer-sub-navigation li {
	margin: 0;
	display: inline-block;
	padding: 0;
	white-space: nowrap;
	position: relative;
}

#main-navigation ul a {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
}

#main-navigation ul ul a {
}

/* Second level+ dropdowns */

#main-navigation ul ul {
	position: absolute;
	padding: 10px 0;
	left: 10px;
	display: none;
	background: #e2ddd9;
}

.desktop #main-navigation ul li:hover > ul {
	display: block;
}

#main-navigation ul ul li {
	display: block;
	float: none;
	text-align: left;
}

#main-navigation ul ul li a {
	display: inline-block;
	margin: 0;
	padding: 2px 20px;
	background: #e2ddd9;
}

#main-navigation ul ul ul {
	display: block;
	padding: 0;
	margin: 0;
	left: 0;
	position: relative;
}

#main-navigation ul ul ul {
	padding-bottom: 10px;
	padding-top: 0px;
}

#main-navigation ul ul li a:after {
	content: none;
}


#main-navigation ul ul ul li a {
	text-transform: none;
	font-weight: 300;
}

#main-navigation li.menu-item-has-children > a:after {
}

#mobile-toggle {
	display: none;
	width: 24px;
	height: 24px;
	position: absolute;
	cursor: pointer;
	left: 20px;
	top: 13px;
}

#mobile-toggle .lines {
	height: 3px;
	background: #000;
	width: 100%;
	position: absolute;
	top: 10px;
	transition: background .25s .25s;
	border-radius: 5px;
}

#mobile-toggle.active .lines {
	background: transparent !important;
	transition: background .25s 0s;
}

#mobile-toggle .lines:before, #mobile-toggle .lines:after {
	content: "";
	width: 100%;
	position: absolute;
	left: 0;
	height: 3px;
	background: #000;
	transition: top .25s .25s, transform .25s .0s;
	border-radius: 5px;
}

#mobile-toggle .lines:before {
	top: -7px;
}

#mobile-toggle .lines:after {
	top: 7px;
}

#mobile-toggle.active .lines:before, #mobile-toggle.active .lines:after {
	transition: top .25s 0s, transform .25s .25s;
}

#mobile-toggle.active .lines:before {
	top: 0;
	transform: rotate(-45deg);
}

#mobile-toggle.active .lines:after {
	top: 0;
	transform: rotate(45deg);
}

#main-navigation input[type="text"] {
	background: transparent;
	border-bottom: 2px solid #003756;
	padding: 0;
}

#main-navigation .nav-search button {
	border: 0;
	color: #003756;
	padding: 0;
}

#main-navigation .nav-search button:hover {
	background: transparent;
}

.dark #main-navigation * {
	color: #003756;
}

#lang-navigation,
.header-inside .social-media {
	position: relative;
	max-width: 1000px;
	margin: auto;
	padding: 0 30px;
	text-align: right;
	margin-top: -20px;
}

.header-inside .social-media {
	margin-top: 50px;
	font-size: 24px;
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	width: 100%;
}

.header-inside .social-media li {
	display: inline-block;
}

.lang-menu {
	display: inline-block;
}

.lang-menu li {
	display: inline-block;
	font-size: 10px;
	text-transform: uppercase;
}

.lang-menu li.current-lang {
	font-weight: 700;
}

.home .element-blog .single-thumb,
.home .element-news .single-thumb {
	margin: 0;
}

.sub-view .column-left {
	width: 50%;
	float: left;
}

.sub-view .column-right {
	float: right;
	width: 45%;
}

.sub-view .column-right .single-thumb {
	display: none;
}


.sub-view .post-single {
	min-height: auto !important;
}

.sub-view .column-right .single-content {
	width: 100% !important;
}

.sub-view .post-single {
	margin-bottom: 30px;
}

.sub-view .column-right .post-single {
	margin-bottom: 25px;
}

.sub-view .column-left .post-single {
	margin-bottom: 50px;
}

.sub-view .column-left .single-thumb {
	width: 40% !important;
}

.sub-view .column-left .single-content,
.sub-view .column-left .single-meta,
.sub-view .column-left .single-ref {
	width: 55% !important;
}

.element-blog h3,
.element-news h3 {
	margin-bottom: 10px;
}

.home .element-blog .single-thumb img,
.home .element-news .single-thumb img {
	float: left;
}

.no-top-margin .element-inside {
	padding-top: 0;
}

.no-bottom-margin .element-inside {
	padding-bottom: 0;
}

.featured .single-thumb {
	width: 66%;
	float: left;
}

.featured .single-content {
	width: 30%;
	float: right;
}

.featured .column {
	margin-bottom: 30px;
}

.featured h3 {
	font-size: 42px;
	line-height: 46px;
}

.intro .element-content {
	font-size: 24px;
	line-height: 30px;
	font-weight: 500;
}

.intro .element-sidebar p {
	margin-bottom: 15px;
}

.home .post-single.column {
	border-right: 2px solid #000;
	padding-right: 20px;
}

.home .element-blog h3,
.home .element-blog h3 a,
.home .element-news h3,
.home .element-news h3 a {
	text-transform: none;
	color: #013451;
}

.home .columns-2 .single-thumb {
	width: 50%;
	float: left;
}

.home .columns-2 .single-content,
.home .columns-2 .single-meta,
.home .columns-2 .single-ref {
	width: 45%;
	float: right;
}

.home .columns-2 .single-content h3 {
	font-size: 30px;
	line-height: 34px;
}

.home .element-blog .meta,
.home .element-news .meta,
.event-cat {
	color: #E55F53;
	font-size: 10px;
	text-transform: uppercase;
}

.home .single-content {
	font-size: 12px;
	line-height: 18px;
}

.slim #element-content {
	max-width: 300px;
	margin: auto;
}

.tml-submit-wrap input {
	display: block;
	width: 100% !important;
}

.tml .tml-rememberme-wrap {
	display: none !important;
}

.tml-action-links {
	display: none !important;
}

a.login-link {
	background: #6d8594;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

a.login-link:hover {
	background: #E55F53;
}

#lang-navigation a.login-link {
	display: inline-block;
}

ul.directory.list {
	border-top: 1px solid #013451;
	border-bottom: 1px solid #013451;
}

li.list-element {
	border-top: 1px solid #013451;
	border-bottom: 1px solid #013451;
	margin-bottom: 0px;
	padding: 20px 0;
	position: relative;
}

li.list-element .list-thumb {
	width: 100px;
	float: left;
	height: 100px;
	margin-right: 20px;
	border-radius: 100px;
	background: #ddd;
	overflow: hidden;
	position: relative;
}

li.list-element .list-thumb a {
	width: 100%;
	height: 100%;
	display: block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

li.list-element .list-thumb img {
	width: 100%;
	position: absolute;
	left: 0;
	margin: auto;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

li.list-element .list-details {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 120px;
}

.profile-picture-container {
	width: 150px;
	display: block;
	height: 150px;
	float: left;
	margin-right: 50px;
}

.profile-picture {
	width: 150px;
	display: block;
	height: 150px;
	background: #ddd;
	border-radius: 100px;
	overflow: hidden;
	position: relative;
}

.profile-picture img {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.profile-details {
	width: calc(100% - 200px);
	float: left;
}

.profile-details h3 {
	font-size: 12px;
	border-bottom: 1px solid #013451;
	padding-bottom: 10px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.profile-area {
	margin-bottom: 40px;
}

.profile-area.intro {
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
}

.profile {
	margin-top: 60px;
	max-width: 700px;
	position: relative;
}

.activate-edit {
	position: absolute;
	height: 150px;
	top: 0;
	color: #fff;
	line-height: 150px;
	text-align: center;
	width: 100%;
	background: rgba(0,0,0,.2);
	opacity: 0;
	cursor: pointer;
}

.profile-picture:hover .activate-edit {
	opacity: 1;
}

#featured_upload {
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin-top: 20px;
	width: 100%;
}

#featured_upload input[type="file"] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 10;
}

#featured_upload:not(.file-chosen) #submit_profile_image_upload {
	display: none;
}

#featured_upload.file-chosen input[type="file"], #featured_upload.file-chosen button.chose {
	display: none;
}

#featured_upload .button {
	width: 100%;
}

.area-list .list-row > * {
	float: left;
	display: block;
}

.area-list .list-row > *:first-child {
	width: 40%;
	float: left;
}

.area-list .list-row > *:last-child {
	width: 60%;
	float: right;
}

ul.directory.list.Mitglied .list-thumb {
	width: 0;
	opacity: 0;
}

ul.directory.list.Mitglied .list-details {
	left: 0;
}

.member-thumb {
	background-size: cover;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.member-types {
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px 0;
}

.single .member-types {
	left: 100%;
}

.member-types span {
	display: inline-block;
	background: #6d8594;
	color: #fff;
	padding: 0 6px;
	border-radius: 2px;
	font-size: 10px;
	text-transform: uppercase;
	margin-left: 10px;
	line-height: 18px;
}

.single .member-types span {
	white-space: nowrap;
}

.list-element .icons {
	position: absolute;
	right: 0;
	bottom: 10px;
}

.area-list .list-row > *:nth-child(2n) {
	margin: 0;
}

.profile span.label {
	font-weight: bold;
}

.list-row {
	margin-bottom: 5px;
}

ul.u-list {
    list-style: disc;
}

ul.u-list {
    list-style: disc;
    margin-left: 15px;
}

ul.u-list li:not(:last-child) {
    margin-bottom: 5px;
}

.share-buttons {
	padding: 50px 0;
}

.share-buttons li a:before {
	content: none;
}

ul.share-buttons-list a {
	display: block;
	background: #dadddf;
	border-radius: 50px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	height: 40px;
	margin: 0 auto 10px;
}

ul.share-buttons-list a:hover {
	background: #E55F53;
}

ul.share-buttons-list i {
}

ul.share-buttons-list a {
	color: #fff !important;
}

.element-share .share-buttons {
	border: 0;
	margin: 0;
	padding: 0;
}

.content-area {
	float: left;
	width: 100%;
}

.single-event .content-area {
	/*	float: right;
	width: calc(100% - 230px); */
}

.content-container {
	position: relative;
}

.content-sidebar {
	float: right;
	width: 100px;
	position: absolute;
	right: -100px;
	height: 100%;
}

.slick-slide img {
	margin: auto;
}

.preview-nav .slick-slide img {
	padding: 2px 10px;
	object-fit: cover;
}

.preview-big .slick-arrow {
    width: auto !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px !important;
    padding: 0 20px !important;
}

.preview-big .slick-arrow.slick-prev {
    right: 100%;
}

.preview-big .slick-arrow.slick-next {
    left: 100%;
}

.preview-big .slick-arrow.slick-disabled {
    opacity: .2;
}

.single-post .related-articles, blockquote.left {
	float: left;
	max-width: 250px;
	padding: 30px 0 10px 0;
	position: relative;
	margin: 30px 30px 30px -70px;
	border-top: 2px solid #003756;
	border-bottom: 2px solid #003756;
}

.single-post .related-articles h3 {
	margin: 0 0 30px;
	font-weight: bold !important;
}

.related-articles {
	font-weight: bold;
}

.related-articles .single-article {
	margin-bottom: 20px;
}

span.quoter {
	display: block;
	font-size: 12px;
}

blockquote span.quoter {
	color: #000;
}

.single-post .meta {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 10px;
	color: #E55F53;
}

.content-slider {
	margin-bottom: 40px;
}

span.caption, .wp-caption-text {
	font-size: 10px;
	line-height: 13px;
	display: block;
	padding: 10px 0;
	/*white-space: nowrap;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;*/
}

.copyright {
	display: block;
}

.image-sub {
	display: flex;
	justify-content: space-between;
	gap: 50px;
}

.image-copyright.caption {
	white-space: nowrap;
}

.filter-label {
	margin-bottom: 5px;
}

.filter-single {
	display: block;
	margin-bottom: 20px;
}

.filter-single select {
	-webkit-appearance: none;
}

.filter-single select, .filter-single input[type="text"] {
	width: 100%;
	height: 30px;
	border: 1px solid #003756;
	border-radius: 0;
	font-size: 14px;
	color: #777;
	padding: 0;
}

.filter-single input[type="text"], .filter-single select {
	border: 0;
	border-bottom: 2px solid #003756;
	border-top: 2px solid #003756;
	background: transparent;
	height: 40px;
}

.profile-area.is-empty {
	display: none;
}

.login-buttons li {
	display: inline-block;
}

.element-blog a.download-link:before,
.element-news a.download-link:before {
	content: "";
}

.element-blog a.download-link span,
.element-news a.download-link span {
	text-decoration: none;
}

#footer-sub-navigation li.social-icon a {
	font-size: 20px;
}
#footer-sub-navigation li.social-icon {
	display: inline-block !important;
	margin-right: 10px !important;
}

.more-info:after {
	content: attr(data-more);
}

.more-info:before {
	content: '+ ';
}

.more-info.active:after {
	content: attr(data-less);

}

.more-info.active:before {
	content: '- ';

}

/*////////////////////////////////////////////////////////////////////
//  05 - Content
////////////////////////////////////////////////////////////////////*/

#elements {
	width: 100%;
	min-height: 50vh;
}

.element {
	position: relative;
}

.element-inside {
	max-width: 1000px;
	padding: 60px 30px;
	margin: auto;
}

.element-loop .element-inside {
	padding-top: 0;
}

.columns:not(.grid) .column {
	float: left;
}

.columns:not(.grid) > .column:not(:last-child) {
	margin-right: 30px;
}

.columns-1 > .column {
	width: 100%;
}

.columns-2 > .column {
	width: calc((100% - (30px * 1)) / 2);
}

.columns-3 > .column {
	width: calc((100% - (30px * 2)) / 3);
}

.columns-4 > .column {
	width: calc((100% - (30px * 3)) / 4);
}

.columns-5 > .column {
	width: calc((100% - (30px * 4)) / 5);
}

.columns-2:not(.grid) > .column:nth-child(2n),
.columns-3:not(.grid) > .column:nth-child(3n),
.columns-4:not(.grid) > .column:nth-child(4n),
.columns-5:not(.grid) > .column:nth-child(5n) {
	margin-right: 0;
}

.element-headlines {
	margin: auto;
}

h2.element-headline {
	font-size: 40px;
	line-height: 40px;
}

.title, .element-headlines * {
	font-weight: 400;
}

.title-subline {
	margin-top: -30px;
	margin-bottom: 40px;
	font-size: 20px;
}

h1.element-headline.title {
	margin-bottom: 50px;
}

.element-headlines:not(:last-child) {
	margin-bottom: 30px;
}

.element-headlines.full-width {
	max-width: 100%;
}

.element-headlines.half-width {
	max-width: 700px;
}

.element-text.no-content {
	min-height: 50vh;
}

.sidebar-right .element-content,
.sidebar-left .element-content {
	width: 65%;
	float: left;
}

.element-sidebar {
	float: right;
	width: 25%;
	font-size: 12px;
	line-height: 18px;
	padding-right: 30px;
	border-right: 2px solid #003756;
}

.element-sidebar a {
	font-weight: bold;
	text-decoration: underline;
}

.element-content {
	text-align: left;
	position: relative;
}

.element-content:not(:last-child) {
	margin-bottom: 30px;
}

.element-content ul.list:not(.directory), .content-area ul {
	margin-top: -10px;
	margin-bottom: 30px;
}

.element-content ul.list:not(.directory) li, .content-area li {
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 5px;
}

/* .element-text .element-content {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}

.element-text.columns-2 .element-content {
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}

.element-text.columns-3 .element-content {
column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
}

.element-text.columns-4 .element-content {
column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
}

.element-text.columns-5 .element-content {
column-count: 5;
-moz-column-count: 5;
-webkit-column-count: 5;
} */

.size-full {
	width: 100%;
}

.element-button {
	text-align: center;
}

.full-buttons .button {
    width: 100%;
    text-decoration: none;
}

.slider {
	margin: 0 -30px;
}

.columns.slider .column {
	margin: 0 15px;
}

.columns.slider .slick-list {
	padding: 0 15px;
}

.columns.grid .column {
	padding: 15px;
	background: #e2ddd9;
	color: #013451;
}

.dark .columns.grid .column {
	background: #fff;
	color: #013451;
}

.columns.grid .single-content {
	color: #013451;
	font-size: 12px;
	line-height: 16px;
}

.column.grid-item {
	-moz-transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
	-webkit-transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
	-o-transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
	-ms-transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
	transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
}

.column.grid-item:hover {
	transform: scale(1.05) translateY(-10px);
	box-shadow: 0 10px 30px rgba(0,0,0,.1);
}

.columns.grid .column a {
	color: #013451 !important;
	display: block;
	position: relative;
}

span.single-thumb.has-video {
	display: block;
	z-index: 100;
	height: 100%;
	position: absolute;
}

.columns.grid .column a:hover {
	color: #E55F53 !important;
}

.columns.grid .column .single-thumb {
	margin-bottom: 15px;
}

.columns.grid h3 {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: #013451;
	font-weight: 600 !important;
}

.matomo-tracking[data-allow="1"] .no-tracking {
	display: none;
}

.matomo-tracking[data-allow="0"] .tracking {
	display: none;
}

#element-content.width-full {
	width: 100%;
}

#element-content.width-half {
	width: 50%;
	float: right;
}

#element-content.width-third {
	width: calc(100% / 3);
}

#element-content.width-fourth {
	width: 25%;
}

ul.slick-dots {
	text-align: center;
	margin-top: 30px;
}

ul.slick-dots li {
	display: inline-block;
}

ul.slick-dots button {
	color: transparent;
	-webkit-appearance: none;
	border: 3px solid #666;
	background: none;
	margin: 0 5px;
	border-radius: 20px;
	height: 20px;
	width: 20px;
	display: block;
	cursor: pointer;
}

ul.slick-dots .slick-active button {
	background: #666;
}

.element img {
	opacity: 1;
}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.single-thumb {
	margin-bottom: 30px;
	width: 100%;
	position: relative;
}

.single-thumb img {
	width: 100%;
}

.single-headline {
	margin-bottom: 15px;
}

.single-details {
	font-weight: 500;
	margin-bottom: 10px;
}

.single-loop .single-thumb {
	width: 20%;
	float: left;
	margin-bottom: 0;
}

.single-loop .single-content {
	width: 75%;
	float: right;
}

.single-loop .single-content .content-excerpt {
	font-size: 14px;
	line-height: 22px;
	margin: 10px 0 15px;
}

.single-loop .single-content > a {
	font-weight: bold;
}

.more-link {
	display: block;
	margin-top: 15px;
}

a.loop-title {
	font-weight: bold;
	text-transform: uppercase;
}

.single-loop {
	padding: 45px 0;
	border-bottom: 2px solid #013451;
}

.loop-content {
	border-top: 2px solid #013451;
}

.single-post .element-content {
	max-width: 800px;
	margin: auto;
}

.post-thumb-container {
	margin-bottom: 30px;
	text-align: left;
}

.post-details-container {
	width: calc(100% - 230px);
	float: right;
}

.post-thumb-container img {
	max-height: 500px;
	max-width: 100%;
	width: auto;
}

.search .element-inside {
	margin: auto;
}

ul.children {
	margin-left: 20px;
}

/* Dark Elements */

#header.dark #logo img.light {
	opacity: 1;
}

#header.dark #top {
	background: #013451;
}

#header.dark #mobile-toggle .lines,
#header.dark #mobile-toggle .lines:before,
#header.dark #mobile-toggle .lines:after {
	background: #fff;
}

#header.dark #main-navigation li a {
}

.dark, .dark *, .dark a {
	color: #fff;
	border-color: #fff;
}

.dark ul.slick-dots button {
	border-color: #fff;
}

.dark ul.slick-dots .slick-active button {
	background: #fff;
}

.video-container {
	position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
	max-width: 100%;
}


/*Buttons------------------*/

.button, #searchsubmit, input[type="submit"] {
	font-size: 14px;
	text-align: center;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	font-weight: bold;
	border: 2px solid #6d8594;
	margin: 0;
	line-height: normal;
	background: #6d8594;
	padding: 10px 20px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-appearance: none;
	cursor: pointer;
}

.button:hover, #searchsubmit:hover, input[type="submit"]:hover {
	background: #E55F53;
	border: 2px solid #E55F53;
	color: #fff;
}

/* Options */

.center-horizontal {
	text-align: center;
	margin: auto;
}

.center-horizontal #element-content {
	margin: auto;
}

.center-vertical .element-inside {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* Grid */

.grid {
	margin-top: 30px;
}

.grid-item {
	margin-bottom: 30px;
}

.single-event h1 {
	margin-bottom: 15px;
}

.application-form {
	padding: 20px;
	background: #e2e2ea;
}

.application-form h2 {
	margin: 0 !important;
}

.slim-content .content-sidebar {
	width: 100%;
	position: relative;
	height: auto;
	margin: 0;
	right: 0;
}

.slim-content .share-buttons li {
	display: inline-block;
	width: 10%;
	padding: 0;
	text-align: center;
}

.slim-content  .share-buttons {
	text-align: center;
}

/*////////////////////////////////////////////////////////////////////
//  07 - Sidebar
////////////////////////////////////////////////////////////////////*/

.content-image {
	padding: 0 0 10px 0;
	display: block;
	position: relative;
	font-size: 10px;
}

.content-image.right {
	margin-right: -100px;
	float: right;
	padding-left: 20px;
}

.content-image.left {
	margin-left: -100px;
	float: left;
	max-width: 400px;
	padding-right: 20px;
	text-align: right;
}

.content-image img {
	display: block;
}

/*.element-content p {
font-family: "Merriweather", serif;
font-size: 14px;
} */

.element-pages .read-more {
	display: block;
	margin-top: 10px;
	font-size: 14px;
}

.page-head {
	padding: 30px 0;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

.page-head img {
	max-height: 300px;
	width: auto;
}

.page-head .post-thumb-container {
	width: 200px;
	float: left;
	margin: 0 30px 0 0;
}

.page-head {
	margin-bottom: 40px;
}

.events h2 {
	float: left;
	margin: 30px 0 0 0;
	width: 100%;
}

.events h2.element-headline {
	margin-top: 0;
}

.events .grouped .single-meta {
	margin-bottom: 10px;
}

#olderevents .element-content {
	display: none;
}

.content-area h2, .content-area h3 {
	margin-bottom: 30px;
	margin-top: 40px;
}

/*/////////////////////////////////////////////////////////////////////
//  08 - Widgets
////////////////////////////////////////////////////////////////////*/

a.download-link span {
	text-decoration: underline;
}

a.download-link:not(.icon-button):before {
	content: "\f15b";
	font-family: "Font Awesome 5 Pro";
	margin-right: 5px;
	font-size: 80%;
}

a.download-pdf:not(.icon-button):before {
	content: "\f1c1";
}

a.download-zip:before {
	content: "\f1c6";
}

a.mailto:before {
	content: "\f2b6" !important;
}

.form-contact input[type="text"],
.form-contact input[type="email"],
.form-contact textarea {
	border: 2px solid #013451;
	margin-bottom: 15px;
	background: #fff;
	width: 100%;
}

.form-contact input[type="submit"] {
	background: #013451;
	color: #fff;
}

.form-contact input[type="submit"]:disabled {
	opacity: .1;
	cursor: not-allowed;
}

.opt-in .wpcf7-list-item-label {
	display: none !important;
}

.form-contact span.form-hint {
	font-size: 12px;
}

.form-contact .form-check {
	position: relative;
	padding-left: 50px;
	margin-bottom: 20px;
	line-height: 20px;
}

.form-contact .form-check .wpcf7-form-control-wrap {
	position: absolute;
	left: 0;
	top: 0px;
}

.form-contact .form-check br {
	display: none;
}

.form-contact .form-check span {
	display: block;
}

.form-contact .form-check span.wpcf7-list-item {
	margin: 0;
}

.form-contact input[type="checkbox"] {
	-webkit-appearance: none;
	width: 35px;
	height: 35px;
	background: #fff;
	position: relative;
	border: 2px solid #000;
	margin: 3px 0 !important;
}

.form-contact input[type="checkbox"]:checked:before {
	content: "";
	width: 100%;
	height: 100%;
	border-bottom: 2px solid #000;
	display: block;
	left: 11px;
	bottom: 10px;
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.form-contact input[type="checkbox"]:checked:after {
	content: "";
	width: 100%;
	height: 100%;
	border-left: 2px solid #000;
	display: block;
	left: 10px;
	bottom: -11px;
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.single-team {
	margin-bottom: 20px;
}

.single-team img {
	float: left;
	max-width: 100px;
	margin-right: 20px;
}

.single-team .team-content {
	width: calc(100% - 120px);
	float: right;
}

.preview .single-headline {
	font-size: 30px;
	line-height: 36px;
	font-weight: 400;
}

.preview .single-thumb {
	margin-bottom: 10px;
}

.preview .single-meta {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 10px;
}

.preview.column {
	padding-right: 30px;
	border-right: 2px solid #013451;
}

.mini-headline .element-headlines * {
	font-size: 12px;
	border-bottom: 2px solid #013451;
}

.no-thumb .single-content {
	width: 100%;
}

.events .single-headline {
	margin-bottom: 15px;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
}

.events .single-headline .short {
	display: none;
}

.events .single-headline.has-short .short {
	display: block;
}

.events .single-headline.has-short .long {
	display: none;
}

#olderevents .events {
	padding: 60px;
	background: #f4f4f4;
}

a.show-older-events {
}

#olderevents .element-intro {
	text-align: center;
}

.element-intro {
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	display: none;
	z-index: 1000;
}

.popup.active {

}

.popup-content {
	z-index: 0;
	max-width: 700px;
	width: 90%;
	margin: auto;
	position: absolute;
	top: 50%;
	text-align: left;
	background: #fff;
	padding: 40px;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	box-shadow: 0 0 30px rgba(0,0,0,.3);
}

.popup-background {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.popup-content:after {
	content: "\f00d";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	right: 0;
	color: #fff;
	cursor: pointer;
	top: -30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	background: #000;
	width: 30px;
	height: 30px;
	pointer-events: none;
}

.nlnotice {
	font-size: 12px;
	line-height: 16px;
}

.mailster-form-fields input[type="text"], .mailster-form-fields input[type="email"] {
	padding: 10px;
}

.mailster-form-fields select {
	padding: 10px;
	height: 40px;
}

.mailster-form .mailster-wrapper {
	margin-bottom: 20px !important;
}

.mailster-wrapper.mailster-email-wrapper {
	float: left;
	width: 100%;
}

.mailster-wrapper.mailster-submit-wrapper.form-submit {
	float: left;
}

/*////////////////////////////////////////////////////////////////////
//  11 - Footer
////////////////////////////////////////////////////////////////////*/

#newsletter-form {
	background: #e2e2ea;
}

body:not(.home) #newsletter-form {
	height: 0;
	overflow: hidden;
}

#newsletter-form .inside {
	padding: 60px 30px;
	max-width: 1000px;
	margin: auto;
	text-align: center;
}

#newsletter-form h3 {
	max-width: 600px;
	margin: auto;
}

#newsletter-popup select {
	border-radius: 0;
	-webkit-appearance: none;
	padding: 0 10px;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	font-size: 16px;
	color: #777;
	height: 60px;
}

#newsletter-popup select {

}

#newsletter-popup input[type="text"], #newsletter-popup input[type="email"], #newsletter-popup select {
	width: 100%;
	border: 2px solid #013451;
}

#newsletter-form button {
	border: none;
	background: #013451;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

#newsletter-form input, #newsletter-form button {
	height: 60px;
}

#newsletter-form input[type="submit"] {
	color: #fff;
	background: #E55F53;
	border-color: #E55F53;
}

.newsletter-form {
	margin: auto;
	margin-top: 30px;
	max-width: 460px;
}

.newsletter-form > * {
}

#footer {
	background: #013451;
	color: #fff;
	line-height: 20px;
	font-size: 15px;
}

#footer .inside {
	max-width: 1000px;
	margin: 0 auto 0;
	padding: 60px 30px;
}

#footer p {
	font-weight: 700;
	margin-bottom: 0px;
}

#footer .column p:not(:last-child) {
	margin-bottom: 10px;
}

#footer li {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
}

#footer ul ul {
	margin-bottom: 10px;
}

#footer li:last-child {
}

#footer a {
	color: #fff;
}

#footer a:before {
	content: none;
}

#footer a:hover {
}

#footer img {
	max-width: 200px;
}

#footer-main-navigation ul ul ul {
	display: none;
}

#footer-main-navigation > ul > li > a, #footer-sub-navigation > ul > li > a {
	font-weight: bold;
	text-transform: uppercase;
}

#footer-main-navigation ul {
	margin: 0;
	padding: 0;
}

#footer-main-navigation li {
	margin: 0 !important;
	padding: 0;
}

#footer #footer-main-navigation > ul > li, #footer #footer-sub-navigation > ul > li {
	margin-bottom: 10px !important;
}

div#footer-main-navigation a {
	text-transform: none;
}

.single-post-gallery {
	margin-top: 20px;
	margin-bottom: 40px;
}

.preview-nav {
	max-width: 140px;
	width: 100%;
	float: right;
}

.preview-big {
	max-width: calc(100% - 170px);
	width: 100%;
	float: left;
}

.clean-slider .preview-nav {
    display: none;
}

.clean-slider .preview-big {
    width: 100%;
    max-width: 100%;
}

.clean-slider .single-post-gallery,
.clean-slider .content-slider {
	margin: 0;
}

.single-post-gallery button.slick-arrow {
	display: block;
	width: 100%;
	-webkit-appearance: none;
	background: none;
	border: none;
	padding: 0;
	font-size: 20px;
}

#footer ul.sub-menu a {
	font-size: 10px;
	line-height: 10px;
}

.mobile .background-fallback, .tablet .background-fallback {
	background-attachment: inherit;
}

#page-head {
	min-height: 200px;
	font-size: 40px;
	font-weight: 600;
}

.page-head-inside {
	max-width: 1000px;
	margin: auto;
	padding: 60px 30px;
	color: #fff;
}

.is_stuck {
	z-index: 1000;
}

.scroll-up .small #main-navigation.is_stuck {
	top: 0px !important;
}

.scroll-down .small #main-navigation.is_stuck {
	top: -48px !important;
}

.column .single-loop {
	margin-top: 20px;
	border: 0;
	padding: 0px 0px;
}

.icons a {
	margin-left: 10px;
}

.single-ref {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
}

.single-loop.grouped .single-ref {
	font-size: inherit;
	margin-bottom: 10px;
}

.single-content .single-ref {
	margin-top: 10px;
}

.single-thumb.has-video:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 30px solid #f7f7f7;
	top: calc(50% - 15px);
	position: absolute;
	left: -20px;
	right: 0;
	margin: auto;
	transform: rotate(90deg) translateY(-50%);
}

.single-thumb.has-podcast:before {
	content: "\f3c9";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	margin: auto;
	z-index: 10000;
	font-size: 50px;
	color: #fff;
}

.single-thumb.has-video:after,
.single-thumb.has-podcast:after {
	content: "";
	width: 80px;
	height: 80px;
	background: rgba(255,255,255,.4);
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 100;
	margin: auto;
	border-radius: 50px;
	transform: translateY(-50%);
}

.single-thumb.has-video:after, .single-thumb.has-video:before {
	transition: .5s ease all;
}

.single-thumb.has-video {
	position: relative;
}

.hint {
	padding: 10px;
	background: #f0f0f0;
	margin-bottom: 10px;
	border: 1px solid #ddd;
}

ul.login-buttons {
	display: inline-block;
	margin-left: 20px;
}

.home .hide-element, .hide-element .events {
	display: none;
}

.single-loop.grouped .event-cat {
	margin-bottom: -10px;
}

/*////////////////////////////////////////////////////////////////////
//  12 - Fonts
////////////////////////////////////////////////////////////////////*/

@font-face {
	font-family: 'akzidenzcond';
	src: url('fonts/AkzidenzGrotesk-Cond.ttf') format('truetype'),
		url('fonts/AkzidenzGrotesk-Cond.woff') format('woff');
}


#elements h1, #elements h2, #elements h3,
.title, .element-headlines *,
.preview .single-headline, blockquote, .single-post blockquote p, #page-head {
	font-family: 'akzidenzcond', 'Archivo Narrow', Helvetica, sans-serif;
	font-weight: normal;
}

body,
input, select, textarea, .related-articles, #elements .related-articles h3, strong,
#footer p, #footer, span.quoter,
#elements .grid-item h3.single-headline, .mini-headline .element-headlines *, #elements .mini-headline h2,
#elements .profile-area h3 {
	font-family: 'Archivo', Helvetica, sans-serif;
}

.single-post p:not(.wp-caption-text), .single-post .content-area li {
	font-family: 'Droid Serif', Georgia, serif;
}

.single-post p a, .element-content p a, .content-area a {
	text-decoration: underline;
}

.spotify-container {
	margin-bottom: 30px;
}

.toggle-content {
	display: none;
	padding: 30px 0 0 0;
}

.toggle-title {
	cursor: pointer;
	border-bottom: 1px solid rgba(0,0,0,.2);
}

.toggle-title:after {
	content: "\f107";
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	right: 0;
	top: 0;
	font-size: 150%;
}

.toggle-container.active .toggle-title:after {
	transform: rotate(180deg);
}

.toggle-title {
	position: relative;
}

.grid-container {
	display: grid;
	justify-content: center;
	text-align: center;
}

.grid-container[data-columns="2"] {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-container[data-columns="3"] {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-container > * {
	padding: 30px 40px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.grid-container img {
	margin: 0;
	padding: 0;
	display: block;
	float: none;
}

/*////////////////////////////////////////////////////////////////////
//  13 - MAP
////////////////////////////////////////////////////////////////////*/

.map-container svg {
	fill: #EFF4F6;
	stroke: rgba(2,52,81,.2);
}

.map-container svg path[data-length] {
	fill: #8D7A6A;
	transition: .25s all ease-in-out;
	cursor: pointer;
}

.map-container svg path:not([id]) {
	fill: #023451;
	stroke: none;
}

.map-container svg path[data-length]:hover {
	fill: #023451;
}

.participant-item {
	cursor: pointer;
}

.participant-item img {
	max-width: 70px;
	border-radius: 100px;
	overflow: hidden;
	width: 100%;
}

.participant-item img {
	max-width: 70px;
	border-radius: 100px;
	overflow: hidden;
	width: 100%;
}

.states-container {
	position: relative;
	width: 100%;
	display: none;
	justify-content: center;
}

.state-container {
	justify-content: center;
	display: none;
	transition: .25s all ease-in-out;
}

.state-container:before {
	content: attr(data-state);
	position: absolute;
	left: 0;
	right: 0;
	top: -40px;
	text-align: center;
}

.state-container .participant-item {
	margin: 0 10px;
}

.map-participant-container {
	display: none;
	background: #fff;
	box-shadow: 0 4px 10px rgb(0 0 0 / 20%);
	border-radius: 5px;
	padding: 60px 30px 30px 30px;
	width: 100%;
	max-width: 500px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	justify-content: center;
}

.details-data[data-name]:before {
	content: attr(data-label)": ";
	font-weight: bold;
}

.details-container {
	display: none;
	margin-top: -20px;
}

.map-participant-container.active, .state-container.active, .details-container.active, .states-container.active {
	display: flex;
}

.details-thumb {
	margin-right: 20px;
	flex: 1;
	max-width: 100px;
}

.details-thumb img {
	width: 100%;
	border-radius: 100px;
}

.details-meta {
	font-style: italic;
	margin-top: -10px;
	margin-bottom: 10px;
}

.details-infos {
	flex: 1;
}

.close--popup {
	position: absolute;
	right: 15px;
	top: 10px;
	cursor: pointer;
}

.close--details {
	position: absolute;
	left: 15px;
	font-size: 20px;
	top: 10px;
	cursor: pointer;
	display: none;
}

.close--details.active {
	display: block;
}

.hints {
	font-size: 70%;
	line-height: 140%;
	margin-top: 20px;
	max-width: 100%;
	margin-right: 0;
}

span#mousehint {
	margin-left: 20px;
	display: block;
	background: #fff;
	padding: 5px;
	z-index: 1000;
	opacity: 0;
	position: fixed;
	pointer-events: none;
	transition: .25s opacity ease-in-out;
}

span#mousehint:after {
	content: attr(data-text);
}

span#mousehint.active {
	opacity: 1;
}

.video-container + p {
	margin-top: 30px;
}

.element-content table th {
	font-weight: bold;
}

.element-content table th, .element-content table td {
	padding: 10px 10px 10px 0;
	border-top: 1px solid #D8DCDF;
}

br + .wpcf7-form-control-wrap {
	display: block;
	margin-top: 10px;
}

.form-contact textarea:last-child {
	margin: 0;
}

table.agenda {
	width: 100%;
}

table.agenda tr td:first-child {
	width: 200px;
}

.agenda-table > h3 {
	position: sticky;
	padding: 20px 0;
	top: 30px;
	background: #fff;
	border-bottom: 1px solid #D8DCDF;
	margin-bottom: 0;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
}

.agenda-table > h3:after {
	content: "\f107";
	font-family: 'Font Awesome 5 Pro';
}

.agenda-table.active > h3:after {
	transform: rotate(180deg);
}

.agenda-table table {
	display: none;
	margin-bottom: 50px;
}

.flex-columns {
	display: flex;
	gap: 40px;
}

.flex-columns > div {
	flex: 1;
}

.light-text {
	color: #7F7F7F;
}

.attention-text {
	color: #e74c3c;
}

table td p:not(:last-child) {
	margin-bottom: 20px;
}

.icon-button-list {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

a.button.icon-button {
	max-width: 140px;
}

.icon-button-list img {
	margin: 15px auto;
	max-width: 80px;
}

form.post-password-form input, 
form.post-password-form label {
	height: 50px;
	vertical-align: middle;
}

form.post-password-form input[type="password"] {
	background: rgb(2 52 81 / 10%); 
}

/* Formular */

.rows {
	display: flex;
	width: 100%;
	position: relative;
}

.row {
	width: 100%;
	position: relative;
	margin-bottom: 15px;
}

.rows .row:not(:last-child) {
	margin-right: 20px;
}

.row > label {
	position: absolute;
	left: 15px;
	z-index: 10;
	top: 20px;
	pointer-events: none;
	transition: .25s all ease-in-out;
	font-weight: bold;
}

.row.active > label:not(.static), .row > label.slim:not(.static) {
	top: 0px;
	font-size: 70%;
}

.row > label.upload {
	top: 5px;
	font-size: 70%;
}

.row .input input, 
.row .input textarea {
	width: 100%;
}

.row input.text, 
.row input.title, 
.rowinput[type=email], 
.row input[type=password], 
.row input[type=tel], 
.row input[type=text],
.row input[type=date], 
.row select, .row textarea {
	padding: 15px 15px 15px;
	border: 0;
	margin: 0;
	background: #E6EBEE;
	vertical-align: top;
	font-size: inherit !important;
	line-height: inherit !important;
}

.row .static + .input textarea {
	padding: 10px 15px;
}

.row input.wpcf7-form-control.wpcf7-submit {
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 30px;
	border-radius: 5px;
	border: 0;
	padding: 20px;
	background: #003352;
	color: #fff;
	font-size: inherit;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	cursor: pointer; 
	transition: .25s all ease-in-out;
}

.row input.wpcf7-form-control.wpcf7-submit:hover {
	transform: scale(1.05);
}

.row .input select {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	border-radius: 0;
}

.row .wpcf7-list-item {
	display: block;
	margin: 0;
}

.row .wpcf7-list-item input {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
}

.row .wpcf7-list-item {
	position: relative;
}

.row span.wpcf7-list-item-label {
	margin-left: 30px;
}

.row label.static {
	position: relative;
	left: 0;
	top: 0;
	margin-bottom: 10px;
	display: block;
	pointer-events: auto;
}

.row .wpcf7-response-output, 
.row .ajax-loader {
	display: none !important;
}

.row input[type="date"] {
	appearance: none;
	-webkit-appearance; none;
}

.row .wpcf7-not-valid-tip {
	font-size: 70%;
}

form.wpcf7-form.submitting input.wpcf7-form-control.wpcf7-submit,
form.wpcf7-form.submitted input.wpcf7-form-control.wpcf7-submit,
input.wpcf7-form-control.wpcf7-submit.clicked {
	pointer-events: none;
}

.row .radio .wpcf7-list-item {
	display: inline-block;
	background: #FFFFFF;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 7px 10px 4px 10px;
	min-width: 65px;
	white-space: nowrap;
}

.row span.wpcf7-list-item-label span {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 60%;
	padding: 5px;
	background: #fff;
	border-radius: 3px;
	position: relative;
	top: -2px;
	right: -10px;
}

.row .radio .wpcf7-list-item input {
	padding: 0;
	margin: 0;
	height: 20px;
	width: 20px;
	border: 1px solid;
	top: calc(50% - 5px);
	left: 0px;
	transform: translateY(-50%);
	border-radius: 3px;
}

.row .radio span.wpcf7-list-item-label {
	margin-left: 20px;
}

form .row h2 + p {
	margin-top: 10px;
}

.row .clearfix {
	margin: 0;
}

span.breadcrumb_last {
    font-weight: bold;
}

.breadcrumb-element .element-inside {
    padding-top: 10px;
    padding-bottom: 10px;
}

.breadcrumb-element {
    border-bottom: 1px solid #F0F0F0;
	font-size: 80%;
}

h2[data-invalid]:after {
	margin-left: 10px;
	text-transform: uppercase;
	padding: 3px 10px;
	color: #fff;
	border-radius: 3px;
	font-size: 60%;
	line-height: 100%;
	position: relative;
	top: -3px;
}

h2[data-invalid]:not([data-invalid="0"]):after {
	content: attr(data-invalid) " Fields left";
	background: #f00;
}

h2[data-invalid="0"]:after {
	content: "Done";
	background: #25AF60;
}

.row span.wpcf7-list-item input[type="checkbox"] {
	margin-top: 5px;
}

.row .accordion span.wpcf7-list-item input[type="checkbox"] {
	margin-top: 0;
}

form.wpcf7-form.sent > *:not(.wpcf7-response-output) {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 0 !important;
}

.flex-container {
    display: flex;
    gap: 10px;
}

/*////////////////////////////////////////////////////////////////////
//  13 - Media Queries
////////////////////////////////////////////////////////////////////*/

@media all and (max-width: 1100px) {

	#mobile-toggle {
		display: none;
	}

	#main-navigation {
		display: block;
	}

}

@media all and (max-width: 1920px) {

	#mobile-toggle {
	}

	#main-navigation li.menu-item-has-children > a:after {
	}

}

@media all and (max-width: 1075px) {
	.single-post .related-articles,  blockquote.left {
		max-width: 250px;
		margin-left: -25px;
	}
}

@media all and (max-width: 870px) {
	.element-content,
	.element-sidebar,
	.column {
		width: 100% !important;
		display: block;
		float: none !important;
		margin: 0 0 30px 0 !important;
	}

	.column:last-child {
		margin: 0 !important;
	}

	.flex-columns {
		flex-direction: column;
	}
}

@media all and (max-width: 750px) {

}

@media all and (max-width: 840px)  {

	/*	h1, h2, h3, h4, h5,
	#header-content, .single-headline a {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
	*/

	#footer-main-navigation, #footer-sub-navigation, .featured .single-thumb, .featured .single-content,
	.home .columns-2 .single-thumb, .home .columns-2 .single-content {
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 30px !important;
	}

	#mobile-toggle {
		display: block;
	}

	#main-navigation {
		display: none;
	}

	.home .element-blog .single-thumb img,
	.home .element-news .single-thumb img {
		float: none;
	}

	#footer-main-navigation li, #footer-sub-navigation li {
		display: block;
	}

	#element-content.width-half, .content-area, .content-sidebar {
		width: 100%;
		display: block;
		float: none;
		right: 0;
		position: relative;
	}

	.share-buttons {
		padding: 0px 0;
	}

	.single-loop .single-thumb, .single-loop .single-content,
	.content-area, .page-head .post-thumb-container  {
		width: 100% !important;
		float: none;
		margin-bottom: 30px;
	}

	.events h2 {
		margin-bottom: 30px;
	}

	.element-text .element-content {
		column-count: 1 !important;
		-moz-column-count: 1 !important;
		-webkit-column-count: 1 !important;
	}

	#main-navigation li {
		display: block !important;
		width: 100%;
		text-align: left;
	}

	#main-navigation input[type="text"] {
		width: 90%;
	}

	#main-navigation .main-menu {
		padding: 0;
	}

	#main-navigation li {
		border-bottom: 1px solid rgba(0,0,0,.1);
	}

	#main-navigation ul ul {
		position: relative;
		padding: 0;
		left: 0;
		background: #eee;
	}

	#main-navigation ul ul li a {
		padding: 10px 20px;
		background: #fff;
	}

	#main-navigation ul ul ul {
		margin: 0;
		padding: 0;
	}

	#main-navigation li a:after {
		content: none;
	}

	.single-post .related-articles, blockquote.left {
		width: 100%;
		max-width: 100%;
		margin: 0 0 30px;
	}

	blockquote {
		padding: 30px 20px;
	}

	.share-buttons-list li {
		width: 20%;
		display: inline-block;
		text-align: center;
	}

	.preview-big, .preview-nav {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}

	.single-loop:last-child {
		border: 0;
	}

	#olderevents .events {
		padding: 0 30px;
	}

	.home .post-single.column, .preview.column {
		border: 0;
		border-bottom: 2px solid #000;
		padding-right: 0;
	}

	.preview.column {
		padding-bottom: 30px;
	}

	.home .post-single.column:last-child, .preview.column:last-child {
		border: 0;
	}

	.content-image {
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 0 30px 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}

	.element-sidebar {
		padding: 0;
		border: 0;
		font-size: inherit;
		line-height: inherit;
	}

	.popup-content {
		width: 100%;
		padding: 20px;
	}

	.post-details-container {
		width: 100%;
		float: none;
	}

	#newsletter-popup p:not(:last-child) {
		margin: 0 0 20px 0;
	}

	.lang-menu {
		display: none;
	}

	li.menu-item-has-children:after {
		content: "\f107";
		right: 20px;
		height: 100%;
		top: 0px;
		position: absolute;
		line-height: 45px;
		font-family: "fontawesome";
	}

	li.list-element {
		padding: 50px 0;
	}

	li.list-element .list-thumb {
		width: 70px;
		height: 70px;
	}

	li.list-element .list-details {
		left: 90px;
		line-height: 20px;
		font-size: 14px;
	}

	#header .header-inside {
		padding-top: 50px;
	}

	.login-buttons li {
		display: block;
	}
	ul.login-buttons {
		position: absolute;
		right: 10px;
		top: -20px;
	}

	.area-list .list-row > * {
		width: 100% !important;
	}

	.profile-picture {
		float: none;
		margin: auto;
	}

	.profile-details {
		width: 100%;
		margin-top: 40px;
	}

	.header-inside .social-media {
		padding: 0 20px;
		text-align: left;
		bottom: 20px;
	}

	.sub-view .column-left,
	.sub-view .column-right {
		width: 100% !important;
	}

	.sub-view .column-left .single-thumb {
		width: 100% !important;
	}

	.sub-view .column-left .single-content,
	.sub-view .column-left .single-meta,
	.sub-view .column-left .single-ref {
		width: 100% !important;
	}

}

@media print {
	#footer {
		display: none;
	}

	.share-buttons {
		display: none;
	}
}