/*
Theme Name: Zukunftsstadt
Description: Zukunftsstadt - Twenty Sixteen Childtheme
Author: cubus & vrok
Author URI: http://www.vrok.de
Template: twentysixteen
Version: 1.6.0
Description:
Tags:

Achtung: Version auch in functions.php, theme_styles() sowie header[-landing].php
aktualisieren!

Dokumentation für der für dieses Theme bearbeiteten Dateien um bei Plugin-/
Theme-Updates Änderungen integrieren zu können indem bekannt ist welche Änderungen
absichtlich sind gegen�ber der Basisversion der Plugins / twentysixteen:

../../ngg_styles/nggallery.css - Hovereffekte, Galerie-Layout, Pagination stylen
archive-zsdd_project.php - Liste aller Projekte mit eigenem Template
comments.php - Eigenes Kommentar-Layout, Anpassungen am CommentForm
footer.php - twentysixteen_credits abschalten und Footer Men� einf�gen
functions.php - Cleanup von Wordpress Funktionalit�t, eigene Filter u.�.
header.php - Moved header image in HTML
index.php - Pagination anpassen
search.php - Eigenes Suchformular einfügen
single-zsdd_project.php - Einzelansicht für Projekte
taxonomy-zsdd*.php - Taxonomien verwenden eigenes Template für die einzelnen Projekte
css/editor-style.css - DIN font im TinyMCE vom WP-Admin
fonts/style.css - DIN font einbinden
template-parts/content.php - Meta-Angaben / Postthumbnail im Loop layouten
template-parts/content-none.php - Suchformular bei is_search() _nicht_ anzeigen
template-parts/content-page.php - twentysixteen_post_thumbnail() abschalten
template-parts/content-project.php - Ansicht für Projekte in Loops
template-parts/content-search.php - nach Post-Type unterscheiden in content-single.php und content-project.php
template-parts/content-single.php - Meta-Angaben & Tages in Einzelansicht layouten
template-parts/content-single-project.php - Einzelansicht für Projekte
tribe/events/v2/* - angepasste templates für neues Design vom TEC, Zweck jeweils im Template benannt
tribe-events/modules/address.php - Einzelansicht: Region ausblenden, Elementreihenfolge �ndern
tribe-events/modules/meta/venue.php - Einzelansicht: eigener GMaps Link f�r Veranstaltungsort


*/
/*@import url("../twentysixteen/style.css");*/


/**
 * Rand entfernen
 */
body { background:#ffffff;
       font-family: 'DIN W01 Regular', sans-serif;
       margin: 0 auto !important;
       overflow-x: hidden;
}
#page { margin: 0; }
body:not(.custom-background-image):before,
body:not(.custom-background-image):after { display: none; }

/**
 * Fonts Reset
 */
::-webkit-input-placeholder { font-family: 'DIN W01 Regular', sans-serif; }
:-moz-placeholder { font-family: 'DIN W01 Regular', sans-serif; }
::-moz-placeholder { font-family: 'DIN W01 Regular', sans-serif; }
:-ms-input-placeholder { font-family: 'DIN W01 Regular', sans-serif; }
button, input, select, textarea,
a.button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    font-family: 'DIN W01 Regular', sans-serif;
}

.main-navigation {
    font-family: 'DIN W01 Cond Bold', sans-serif;
    text-transform: uppercase;
    font-size:1.8em;
    /*margin: 0 -0.5em;*/
}

.post-password-form label { font-family: 'DIN W01 Regular', sans-serif; }
strong, b, h1, h2, h3, h4, h5, h6 { font-family: 'DIN W01 Bold', sans-serif; }
.post-navigation { font-family: 'DIN W01 Regular', sans-serif; }
.post-navigation .post-title { font-family: 'DIN W01 Bold', sans-serif; }
.pagination { font-family: 'DIN W01 Regular', sans-serif; }
.pagination .current, .ngg-navigation .current { font-family: 'DIN W01 Bold', sans-serif; }
.image-navigation, .comment-navigation { font-family: 'DIN W01 Regular', sans-serif; }
.site .skip-link { font-family: 'DIN W01 Regular', sans-serif; }
.widget .widget-title { font-family: 'DIN W01 Cond Bold', sans-serif; }
.widget_recent_entries .post-date { font-family: 'DIN W01 Regular', sans-serif; }
.widget_rss .rss-date, .widget_rss cite { font-family: 'DIN W01 Regular', sans-serif; }
.tagcloud a { font-family: 'DIN W01 Regular', sans-serif; }
.site-title { font-family: 'DIN W01 Regular', sans-serif; }
.entry-title { font-family: 'DIN W01 Bold', sans-serif; }
.entry-footer { font-family: 'DIN W01 Regular', sans-serif; }
.sticky-post { font-family: 'DIN W01 Regular', sans-serif; }
.page-title { font-family: 'DIN W01 Regular', sans-serif; }
.page-links { font-family: 'DIN W01 Regular', sans-serif; }
.comments-title, .comment-reply-title { font-family: 'DIN W01 Cond Bold', sans-serif; }
.comment-metadata, .pingback .edit-link { font-family: 'DIN W01 Regular', sans-serif; }
.comment-reply-link { font-family: 'DIN W01 Regular', sans-serif; }
.comment-form label { font-family: 'DIN W01 Regular', sans-serif; }
.no-comments { font-family: 'DIN W01 Regular', sans-serif; }
.site-footer .site-title:after { font-family: 'DIN W01 Regular', sans-serif; }
.widecolumn label, .widecolumn .mu_register label { font-family: 'DIN W01 Regular', sans-serif; }
.required { font-family: 'DIN W01 Regular', sans-serif; }

/**
 * 5.0 - Forms
 */
.search-submit:before {
    font-size: unset;
    line-height: unset;
}

/* https://justmarkup.com/log/2015/07/dealing-with-long-words-in-css/ */
/* benutzt für: Umbrüche im Tribe Events Widget */
.hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/**
 * Fancybox
 */
#fancybox-wrap {
    z-index: 9999999;
}

.site-main article {
    margin-bottom:3.3em;
}

/**
 * 6.1 - Links
 */

a {
    color: #333333;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #333333;
}

a:focus {
    outline: none;
}

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

/* schmaler gelber Unterstrich */
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-metadata a,
.comment-body p a,
.textwidget a,
.site-info a:hover,
.twitter-link-header a:hover,
.widget .cat-item a,
.landing-action a,
.projects-back a,
.projects-topics a,
.news-section-wrapper ul li a,
.news-section-wrapper p a,
.post-navigation .post-title
{
    box-shadow: inset 0 -0.05em 0 white, inset 0 -0.2em 0 #ffed27;
}
/* events-calendar setzt ab Version 4.6.1(?) den box-shadow auf none, daher
   hier mit !important erzwingen */
.tribe-events-nav-previous a:hover,
.tribe-events-nav-next a:hover,
.tribe-events-c-nav__prev,
.tribe-events-c-nav__next,
.tribe-events-event-meta a,
.tribe-common .tribe-common-anchor-thin,
.tribe-events-back a,
.tribe-theme-parent-twentysixteen .entry-content a,
.tribe-theme-twentysixteen .entry-content a,
.tribe-theme-parent-twentysixteen .tribe-events-content a,
.tribe-theme-twentysixteen .tribe-events-content a,
.tribe-events-calendar-list__event-description .more-link {
    text-decoration: none;
    box-shadow: inset 0 -0.05em 0 white, inset 0 -0.2em 0 #ffed27 !important;
}

.tribe-events-back a:hover,
.tribe-events-c-nav__prev:hover,
.tribe-events-c-nav__next:hover,
.tribe-events-event-meta a:hover,
.tribe-common .tribe-common-anchor-thin:hover,
.tribe-theme-parent-twentysixteen .entry-content a:hover,
.tribe-theme-twentysixteen .entry-content a:hover,
.tribe-theme-parent-twentysixteen .tribe-events-content a:hover,
.tribe-theme-twentysixteen .tribe-events-content a:hover,
.news-section-wrapper p a:hover,
.news-section-wrapper ul li a:hover,
.widget-area a:hover,
.tribe-events-calendar-list__event-description .more-link:hover {
    text-decoration: none !important;
    box-shadow: inset 0 -0.05em 0 white, inset 0 -0.5em 0 #ffed27 !important;
}

.entry-title a:hover,
.entry-title a:focus {
    box-shadow: inset 0 -0.15em 0 white, inset 0 -0.5em 0 #ffed27;
}


.entry-footer a:hover,
.entry-footer a:focus,
.entry-meta a:hover,
.entry-meta a:focus {
  box-shadow: inset 0 -0.06em 0 white, inset 0 -0.6em 0 #ffed27;
}

.noSidebarMetaLayout .entry-header .entry-meta a:hover {
  box-shadow: inset 0 -0.15em 0 white, inset 0 -0.5em 0 #ffed27 !important;
}

.noSidebarMetaLayout .entry-meta {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.25em;
}

.noSidebarMetaLayout .entry-meta span {
  padding: 0 0.25em 0 0.25em;
}

.noSidebarMetaLayout .entry-meta .comments-link {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center;
}

.noSidebarMetaLayout .entry-meta .comments-link img {
  box-shadow: none !important;
  border: none !important;
}

#single-project-entry-meta {
  margin-top: 0.5em !important;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.comments-area span a:hover,
.comments-area span a:focus,
.comment-metadata a:hover,
.comment-body p a:hover,
.comment-metadata a:focus,
.comment-body p a:focus,
.textwidget a:hover,
.textwidget a:focus,
.widget .cat-item a:hover,
._post-navigation .meta-nav:hover,
.site-info a:hover,
.site-info a:focus,
.landing-action a:hover,
.projects-back a:hover,
.projects-back a:focus,
.projects-topics a:hover,
.projects-topics a:focus,
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
    /*box-shadow: none;
    box-shadow: inset 0 -0.1em 0 white, inset 0 -1.1em 0 #ffed27;*/
    box-shadow: inset 0 -0.05em 0 white, inset 0 -0.5em 0 #ffed27;
}

.widget .cat-item a {
    box-shadow: none;
}

/* fuer Veranstaltungsliste, abweichend zu .entry-content a */


.entry-content h2 a {
    box-shadow: none;
}
.entry-content h2 a:hover,
.entry-content h2 a:focus {
    box-shadow: inset 0 -0.1em 0 white, inset 0 -0.4em 0 #ffed27;
}


a.button {
    background: #1a1a1a none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase;
    font-size: 0.8em;
    box-shadow: none;
    margin-bottom: 5px;
}
a.button:hover, a.button:focus {
    box-shadow: none;
}

.entry-meta a:hover,
.entry-meta a:focus,
.entry-footer a:hover,
.entry-footer a:focus,
.comments-area span a:hover,
.comments-area span a:focus {
    color:#000000
}

/* @todo deaktiviert 2021-10-19
.tribe-events-list .tribe-events-event-image + div.tribe-events-content {
    width: 100%;
}
*/

/* >>> neu 2021-10-15 */
:root {
    --tec-font-family-sans-serif: 'DIN W01 Regular', sans-serif !important;
    --tec-font-size-0: 16px !important;
    --tec-font-size-1: 17px !important;
    --tec-font-size-2: 1.12em !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: 0px !important;
}

.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop {     
    font-size: 25px;
}

.tribe-events-single-event-title,
.tribe-common .tribe-common-h5,
.tribe-common .tribe-common-h6 {
    font-family: 'DIN W01 Bold', sans-serif;
}

.tribe-common .tribe-common-c-svgicon {
    color: #fff;
}

.tribe-common .tribe-common-anchor-thin,
.tribe-common .tribe-common-anchor-thin:active,
.tribe-common .tribe-common-anchor-thin:focus,
.tribe-common .tribe-common-anchor-thin:hover {
    border-bottom: 0px !important;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday,
.tribe-events-widget .tribe-events-widget-events-list__view-more-link {
    font-family: 'DIN W01 Bold', sans-serif;
    text-transform: inherit !important;
}

.tribe-events-widget-events-list__header-title {
    font-family: 'DIN W01 Cond Bold', sans-serif !important;
    font-size: 1.8em !important;
    line-height: 1.2em !important;
}
.tribe-events-widget-events-list__view-more-link {
    font-size: 16px;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
    font-size: var(--tec-font-size-7);
}

.tribe-events-calendar-list__event-description .more-link:before {
    content: ' ';
    display: block;
}
.tribe-events-calendar-list__event-description .more-link:after {
    content: ' »';
}

.tribe-events-c-top-bar__today-button,
.tribe-events .tribe-events-c-ical__link {
    background: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #fff !important;
}

.tribe-events-c-top-bar__today-button:hover,
.tribe-events .tribe-events-c-ical__link:hover,
.tribe-events .tribe-events-c-ical__link:active,
.tribe-events .tribe-events-c-ical__link:focus,
.tribe-events .tribe-events-c-ical__link:hover  {
    background: #666666 !important;
    color: #fff;
}

.tribe-events-c-top-bar__nav-list-item .tribe-common-c-btn-icon:hover {
    background: transparent;
    padding: 0;    
}

.tribe-events .tribe-events-c-nav__next:disabled {
    display: none;
}

.tribe-events-event-meta.primary, .tribe-events-event-meta.secondary {
    width: 100%;
}
.single-tribe_events .tribe-events-single .tribe-events-event-meta {
    background: #e5e5e5;
}
/* <<< neu 2021-10-15 */

/* Registrierungs-Plugin */

#rtec {
    max-width: none;
    margin-bottom: 30px;
}
#rtec .rtec-form-wrapper {
    padding: 4%;
    border: 1px solid #eee;
    background: #fafafa;
    margin-bottom: 0;
}
#rtec .rtec-register-button {
    margin-bottom: 0px;
}
#rtec .rtec-register-button:focus {
    outline: none;
    background: #1a1a1a;
}
#rtec .rtec-form-field {
    margin-bottom: 0.5em;
}
.rtec-field-label {
    font-family: 'DIN W01 Regular', sans-serif;
    font-size: 0.8125rem;
    letter-spacing: 0.076923077em;
    text-transform: uppercase;
}
#rtec input[type="text"],
#rtec input[type="email"],
#rtec input[type="tel"],
#rtec input[type="number"],
#rtec textarea {
    border: 1px solid #ddd;
}
#rtec .rtec-error-message {
    position: initial;
}

#rtec .rtec-checkbox-option-wrap label {
    display: inline;
}

#rtec .rtec-newsletterid > label {
    display: block;
}

/**
 * 3.0 - Typography
 */

.entry-content {
  font-size: 1.12em;
}
blockquote {
    font-size: inherit;
}

/**
 * 5.0 - Forms
 */

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
    background-color: #fff;
    border-color: #1a1a1a;
    color: #1a1a1a;
    outline: 0;
}

button:hover,
button:focus,
a.button:hover,
a.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #666666;
}

.comment-form p {
    margin: 0 0 0.5em;
}


/**
 * 6.2 - Menus
 */
.main-navigation a {
    color: #1a1a1a;
    display: block;
    line-height: 1.3125;
    outline-offset: -1px;
    padding: 0.84375em 0;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: #1a1a1a;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
    font-weight: 500;
}

/* Third Level Pages */
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
  top: -16px;
  right: auto;
}

.main-navigation ul li ul li a {
  width: 100%;
}
.main-navigation ul ul .menu-item-has-children > a {
  padding-left: 0;
  margin-left: 0 !important;
}
.main-navigation .sub-menu {
  font-size: 0.8em;
  margin-top: 10px;
  text-transform: none;
}
.main-navigation ul li .dropdown-toggle {
  margin-top: 1.25em !important;
}

@media screen and (min-width: 909px) {
  /* NAVIGATION REWORK START */
  .main-navigation li:hover > ul,
  .main-navigation li.focus > ul {
  left: 0.55em;
  top: 1em;
  padding-top: 0.5em;
  right: auto;
  }
  .main-navigation ul ul li {
    background-color: #fff;
    border-left: 1px solid #d1d1d1 !important;
    border-right: 1px solid #d1d1d1 !important;
    border-top: none !important;
    border-bottom: none !important;
    padding: 0.15em 0 0.15em 0;
  }
  .main-navigation ul ul li:first-child {
    border-top: 1px solid #d1d1d1 !important;
  }
  .main-navigation ul li ul li {
    background-color: #f7f7f7;
  }
  .main-navigation ul ul .menu-item-has-children > a {
    margin-left: 0.5em !important;
    padding: 0 !important;
  }
  .main-navigation ul .menu-item-has-children > a {
    margin: 0 0.55em 0 0.5em;
    padding-right: 0 !important;
  }
  .main-navigation ul .menu-item-has-children > a::after {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }

  .main-navigation ul ul .menu-item-has-children > a::after {
    content: "\f431";
    margin-left: 0;
    margin-right: 0 !important;
    display: inline-block;
    transform: rotate(-90deg);
  }

  /* Top Level Page Arrow */
  .main-navigation ul .menu-item-has-children > a::after {
    content: "\f431";
    top: 0.65em;
    left: 0.25em;
  }
  /* Second Level Page Arrow */
  .main-navigation ul ul .menu-item-has-children > a::after {
    content: "\f431";
    margin-left: 0;
    margin-right: 0 !important;
    display: inline-block;
    transform: rotate(-90deg);
    top: 0.65em;
  }

  .main-navigation ul li ul li a {
    width: auto;
    min-width: max-content;
  }
  .main-navigation ul ul:before,
  .main-navigation ul ul:after {
    border-style: solid;
    content: "";
    position: absolute;
  }
  .main-navigation ul ul:before {
    border-color: #d1d1d1 transparent;
    border-width: 0 10px 10px;
    left: 9px;
    right: auto;
    top: 7px;
  }
  .main-navigation ul ul:after {
    border-color: #f7f7f7 transparent;
    border-width: 0 8px 8px;
    left: 11px;
    right: auto;
    top: 8px;
  }
}



/* NAVIGATION REWORK END */

.myfixed {
    padding-bottom: 0.2em;
}
.wrapfixed {
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}

.menu-item a {
    padding-bottom:0;
}
.current-menu-item [aria-current]:is([aria-current="page"]) {
    box-shadow: inset 0 -0.12em 0 white, inset 0 -0.35em 0 #ffed27;
}
.menu-item a:hover ,
.menu-item a:focus {
    box-shadow: inset 0 -0.12em 0 white, inset 0 -0.35em 0 #ffed27;
}

/* schmaler gelber streifen (graues inset für grauen hintergrund im Submenu) */
@media screen and (min-width: 56.875em) {
    .sub-menu .menu-item a:hover ,
    .sub-menu .menu-item a:focus {
        box-shadow: inset 0 -0.12em 0 #f7f7f7, inset 0 -0.35em 0 #ffed27;
    }
}


.post-navigation {
    border-top: 1px solid #e5e5e5;
    border-bottom: 0px solid #1a1a1a;
    padding-top:2em;
}
.post-navigation div + div {
    border-top: 0px solid #1a1a1a;
}
.post-navigation .post-title {
    font-size:1em;
}

.post-navigation span {
    display:inline;
    /* display:none; */
}
.post-navigation span.meta-nav { display:none; }

.post-navigation a {
    display:inline;
    padding:0;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
    color: #333333;
}

.post-navigation div.nav-previous {
    display:inline;
    float:left;
    width:50%;
}
.post-navigation div.nav-next {
    display:inline;
    float:right;
    text-align:right;
    width:50%;
}

.post-navigation div.nav-previous span::before {
    content:"\00ab";
    padding-right:.3em;

}
.post-navigation div.nav-next span::after {
    content:"\00bb";
    padding-left:.3em;
}

.pagination {
    border-top: 1px solid #1a1a1a;
    min-height: 46px;
    position: relative;
}

.pagination:before,
.pagination:after {
    display:none;
}

.pagination:before {
    right: unset;
}
.pagination:after {
    right: unset;
}

.pagination .nav-links {
    padding-right: 0;
    position: relative;
    text-align:center;
}

.pagination .nav-links:before,
.pagination .nav-links:after {
    color: #fff;
    font-size: 32px;
    line-height: 51px;
    opacity: 0.3;
    position: absolute;
    position: relative;
    width: 40px;
    z-index: 1;
    display:none;
}

.pagination .current {
    display: inline-block;
    font-weight: 700;
}
.pagination .prev {
    right: 1.5em;
}
.pagination .prev,
.pagination .next {
    background-color: #1a1a1a;
    color: #fff;
    display: inline-block;
    height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    position: relative;
    top: 12px;
    width: 40px;
    z-index: 2;
    box-shadow: none;
}

.pagination .prev:before,
.pagination .next:before {
    font-size: 32px;
    height: 40px;
    line-height: 40px;
    position: relative;
    width: 40px;
}

.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus,
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
    background-color: #666666;
    color: #fff;
}

.pagination .page-numbers {
    height:40px;
    padding-top:0.5em;
    border: 1px solid #d5d5d5;
}
.pagination .page-numbers.current {
    border: 0px;
}
.pagination .dots {
    border: 0px solid #e5e5e5;
}
.pagination .prev ,
.pagination .next {
    padding-top:0 !important;
}



/**
 * 10.0 - Widgets
 */

.widget {
    border-top: 0px solid #1a1a1a;
    margin-bottom: 1.8em; /*@js*/
    padding-top: 0;
    font-size: 1em;
    line-height:1.5em;
}

.widget_cnss_widget { /*@rz*/
    margin-bottom:0.5em;
}

.widget .widget-title {
    font-size: 1.8em;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.2em;
    margin: 0 0 0.2em 0 ;
    text-transform: none;
}

.widget input.search-field {
    font-size: 1rem;
    line-height: 1.3rem;
    padding-top: 0.361538em
}

/**
 * 10.1 Tribe Events Widget
 */
.tribe-events-adv-list-widget .tribe-events-widget-link a,
.tribe-events-list-widget .tribe-events-widget-link a,
.tribe-events-back a,
.projects-back a,
ul.tribe-events-sub-nav a {
    font-weight: normal !important;
    font-family: 'DIN W01 Bold', sans-serif !important;
}
#tribe-events .tribe-events-button, .tribe-events-button {
    font-size: 0.8em !important;
}
.tribe-bar-disabled {
    z-index: 1;
}

/* schwarze Linien & Abst�nde zwischen Events, Abstand nach unten */
.widget_recent_entries ul {
    margin: 0;
}
.tribe-list-widget .tribe-events-list-widget-events,
.widget_recent_entries li {
    border-top: 1px solid #000 !important;
    list-style: none;
}
.tribe-list-widget li:last-child {
    border-bottom: 1px solid #000 !important;
}
.tribe-events-list-widget .tribe-events-list-widget-events,
.widget_recent_entries li  {
    padding: 0.13em 0 0 0 !important;
    margin: 0 !important;
}
.tribe-events-list-widget .tribe-list-widget,
.widget_recent_entries li {
    margin-bottom: 0.5em !important;
}

.tribe-events-list-widget .tribe-events-widget-link a {
    font-size: 1em !important;
}

/* Startdatum neben Titel+Startzeit & Formatierung */
.tribe-events-list-widget-events .tribe-event-duration {
    width: 2.5em !important;
    font-size: 2em !important;
    float: left !important;
    /* line-height = 1 & margin = 0 w�re genau oberkante, dann sitzt jedoch
       der gelbe Balken falsch, dessen Position geht nach der Lineheight, daher
       nachtr�glich hochziehen */
    line-height: 1.2em !important;
    line-height: 1em !important;
    margin-top: -0.1em !important;
    margin-top: 0 !important;
    margin-bottom: 4px !important;
}
.tribe-events-list-widget-events .tribe-event-title {
    /* http://caniuse.com/#feat=calc */
    /* Firefox */
    width: -moz-calc(100% - 5.2em) !important;
    /* WebKit */
    width: -webkit-calc(100% - 5.2em) !important;
    /* Opera */
    width: -o-calc(100% - 5.2em) !important;
    /* Standard */
    width: calc(100% - 5.2em) !important;

    float: right !important;
}
.tribe-event-title .tribe-event-start-time {
    /*  font-weight: bold;*/
    color:#000000 !important;
}


/**
 * 11.1 - Header
 */

.site-header {
    padding: 0 7.6923%;
    padding-top:0;
    padding-right:4.6%;
    padding-left:4.6%;
}

.site-header-main {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.site-header-main .site-branding {
  margin: 0 !important;
  margin-top: 1em !important;
}

.site-title ,
.site-description {
    display:none;
}

.header-image {
    clear: both;
    margin: 0.875em 0;
    margin-top:0;
}

.site-header-menu {
  width:100%;
}

.menu-toggle {
    background-color: transparent;
    background-color: #1a1a1a;
    border: 1px solid #1a1a1a;
    color: #1a1a1a;
    color: #fff;
    font-size: 1.1rem;
    margin: 1.076923077em 0;
    padding: 0.769230769em;
}

.menu-toggle:hover,
.menu-toggle:focus {
    background-color: #666666;
    border-color: #666666;
    color: #fff;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
    background-color: transparent;
    border-color: #666666;
    color: #333333;
}

.menu-toggle.toggled-on:hover {
    color:#666666;
}

.menu-toggle:focus {
    outline: 0;
}

.menu-toggle.toggled-on:focus {
    outline: 0;
}


/**
 * 11.2 - Posts and pages
 */
.entry-title {
    font-size: 1.7em;
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 0.26em; /*@js*/
}
.entry-title a:hover,
.entry-title a:focus {
    color: #000000;
}

.entry-content h2, .entry-summary h2, .comment-content h2 {
    font-size: 1.5rem;
    margin-bottom: 0.6em;
    margin-top: 1.5em;
}
.entry-content h3, .entry-summary h3, .comment-content h3 {
    font-size: 1.4rem;
    margin-bottom: 0.5em;
    margin-top: 1.4em;
}

.post-navigation .post-title,
.entry-title,
.comments-title {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

body.single-post .entry-header {
    margin-bottom: 0.5em;
}
.post-navigation div.nav-previous, .post-navigation div.nav-next,
.single-tribe_events #tribe-events-footer li, .single-tribe_events #tribe-events-header li {
    width: 45%;
}

/* deaktiviert 2021-10-15
#tribe-events .tribe-events-button:hover,
.tribe-events-button:hover,
.tribe-events-button.tribe-active:hover {
    background-color: #666666 !important;
}
*/

/* generell kleines Artikelbild im Text, Ausnahmen unten  */
/* .post-thumbnail {
    float: left;
    width: 12.75em;
    margin: 8px 25px 10px 0;
}
.post-thumbnail img {
    width: 100%;
}
.post-thumbnail .wp-caption-text {
    padding-top: 0em;
} */

/* body.hfeed = Loop-Ansichten, gro�es Artikelbild wenn Breite > 910px */
@media screen and (min-width: 56.875em) {
    body.hfeed:not(.events-archive) article .entry-content,
    body.hfeed:not(.events-archive)  {

        margin: 0 0 2em 0;

        /**
         * Das Artikelbild soll keine prozentuale Breite erhalten sondern nur der
         * Text bis zu den Breakpoints schmaler werden, daher hier calc() notwendig.
         * http://caniuse.com/#feat=calc
         */

        /* Firefox */
        /*height: -moz-calc(100% - 14.8rem);*/
        /* WebKit */
        /*height: -webkit-calc(100% - 14.8rem);*/
        /* Opera */
        /*height: -o-calc(100% - 14.8rem);*/
        /* Standard */
        /*width: calc(100% - 14.8rem);*/
    }
    /* body.hfeed .post-thumbnail {
        float: left;
        width: 12.75em;
        margin: 0;
    } */

    /* twentysixteen setzt auch Einzelartikel sonst nur in 71% Breite float:right */
    body.single-post article:not(.type-page) .entry-content,
    body.single-zsdd_project article:not(.type-page) .entry-content {
        float: none;
        width: 100%;
    }
    body:not(.search-results) article:not(.type-page) .entry-footer {
        margin-top: 2.15385em;
        width: 100%;
    }
}

@media screen and (max-width: 56.874em) {
    /* bei schmalem Bildschirm genauso weit einr�cken wie den Text */
    /* .post-thumbnail {
        margin: 8px 25px 10px 7.6923%;
    } */

    /* Content, Comments, Widgets bei schmalem Bildschirm genauso weit nach rechts
       lassen wie das Menu oben und unten */
    /* .entry-header, */
    .entry-content,
    .entry-summary,
    .entry-footer,
    .comments-area,
    .image-navigation,
    .post-navigation,
    .page-header,
    .page-content,
    .content-bottom-widgets,
    .pagination {
        margin-right: 7.6923%;
    }
    .sidebar, .widecolumn {
        padding-right: 7.6923%;
    }
}

/* Metadaten als Zeile unter der �berschrift */
body:not(.search-results) article.sticky .byline,
body:not(.search-results) article.sticky .cat-links,
body:not(.search-results) article.sticky .comments-link,
body:not(.search-results) article.sticky .posted-on ,
body:not(.search-results) article:not(.sticky) .byline,
body:not(.search-results) article:not(.sticky) .cat-links,
body:not(.search-results) article:not(.sticky) .comments-link,
body:not(.search-results) article:not(.sticky) .posted-on {
    display: inline;
}
.entry-meta,
.entry-footer {
    text-transform: uppercase;
    font-size: 0.81em;
    font-weight: 400;
}

.entry-meta a {
  box-shadow: none !important;
}

.entry-footer,
.entry-footer a,
.entry-meta,
.entry-meta a {
    color: #777;
}

.full-width-page {
    width: 100%;
}


/**
 * 11.4 - Comments
 */
.comments-title,
.comment-reply-title {
    border-top: 0;
    padding-top: 0;
    text-transform:uppercase;
    font-size: 1.8em;
    font-weight: 500;
    letter-spacing: normal;
}

.comments-title {
    margin-bottom: 0.25em;
}

.comment-body {
    border-top: 1px solid #d1d1d1;
    padding: 1.75em 0;
    padding: 1.25em 0;
}

.entry-meta span.cat-links {
    margin-right:1em;
}
.entry-meta span.comments-link {
    white-space: nowrap;
}
.comments-area span.comments-link {
    float:left;
    font-size: 0.75em;
    text-transform:uppercase;
    margin-bottom: 0.25em;
}
.comments-area span.comments-link img {
    margin-right:0.5em;
}
span.comments-login {
    float:right;
    font-size: 0.75em;
    text-transform:uppercase;
    margin-bottom: 0.25em;
}

.comment-metadata,
.pingback .edit-link {
    color:#333333;
    font-size: 1em;
    line-height: 1em;
}

.comment-metadata span {
    font-size: 1em;
    font-weight:bold;
    text-transform:none;
    margin-left:0.75em;
}

.comment-reply-link {
    border: 0;
    color: #ffffff;
    background-color: #000000;
    margin-top:0;
    padding: 0.5em 0.7em 0.52em;
    text-transform:uppercase;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
    color: #ffffff;
    background-color: #666666;
    outline: 0;
}

.comment-form label {
    display: inline;
}

/**
 * 11.6 - Footer
 */
.site-info a {
    color: #333333;
}
.site-info a:hover,
.site-info a:focus {
    color: #000000;
}


/**
 * 11.7 Tribe Events List
 */
/* Startdatum neben Titel+Startzeit & Formatierung */
.type-tribe_events .tribe-events-date {
    width: 2.4em;
    font-size: 2em;
    float: left;
    line-height: 1em;
}
.tribe-events-list-event-title .tribe-event-start-time {
    margin-right: 0.2em;
}
/* sonstige Event-Daten in Container, vertikale Abst�nde zusammenziehen */
.tribe-events-list-event-container {
    /* http://caniuse.com/#feat=calc */
    /* Firefox */
    height: -moz-calc(100% - 5.2em);
    /* WebKit */
    height: -webkit-calc(100% - 5.2em);
    /* Opera */
    height: -o-calc(100% - 5.2em);
    /* Standard */
    width: calc(100% - 5.2em);

    float: right;
}
.tribe-events-list .type-tribe_events h2 {
    margin-bottom: 0.26em;
}
/* Event-Liste: selbes Design wie Artikel-Meta,
   angepasst in tribe-events/modules/address.php */
.tribe-events-list .type-tribe_events h2 {
    font-size: 1.52em;
}
.tribe-events-list .tribe-events-venue-details,
.tribe-events-list .tribe-events-venue-details a {
    color: #777;
    text-transform: uppercase;
    font-style: normal;
}
/* Gleiches Design wie die sonstigen Wordpress-Buttons */

#tribe-events .tribe-events-button,
.tribe-events-button {
    background: #1a1a1a none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    font-family: Montserrat,"Helvetica Neue",sans-serif;
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase;
    font-size: 1em;
}
/* Kein Dropdown und Tagesfilter,
   nur Button zum Umschalten zwischen Liste&Monat,
   angepasst in tribe-events/modules/bar.php */
.tribe-bar-filters {
    display: none;
}
/* "Keine Ergebnisse" in Monatsansicht ohne Events */
.tribe-events-notices {
    background: none;
    border: 5px solid #ffed27;
    color: #000;
    clear: both;
}
/* Zeilenumbruch im Kalender verbessern */
.tribe-events-month-event-title {
  hyphens: auto;
}

.tribe-events-list .tribe-events-event-cost {
    float: none;
}
.tribe-events-list .tribe-events-event-cost span {
    background: none;
    border: 0px;
    color: #777;
    display: inline;
    font-size: 0.9em;
    font-weight: normal;
    padding: 10px 0 0 0;
}
#tribe-bar-form {
    background: none;
}
.tribe-events-list .tribe-events-venue-details {
    margin: 0;
    padding: 0;
    border: 0px;
}
.tribe-events-loop .tribe-events-event-meta {
    margin-top: 0;
    padding: 0;
    background: none;
    border: 0px;
    margin-bottom: 0.7em;
}
#tribe-events-content .tribe-events-tooltip h4 {
    color: #000;
}
.tribe-events-tooltip .tribe-events-event-body .tribe-events-event-thumb img {
    display: none;
}

/**
 * 11.8 Tribe Events Single
 */
.tribe-events-schedule {
    margin: 0;
}
.tribe-events-schedule h2 {
    color: #777;
    font-size: 1.5em;
    margin-bottom: 0.4em;
}
.tribe-events-event-meta address.tribe-events-address {
    font-style: normal;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd {
    margin: 0 0 1.75em;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd.tribe-venue {
    margin: 0;
}

/**
 * 11.9 ZSDD_Projects Einzelansicht
 */
body.single-zsdd_project .entry-header {
    margin-bottom: 1em;
}
body.single-zsdd_project .gallery-caption {
    padding: 0px;
    line-height: 1em;
    margin-bottom: 1em;
}
.project-data {
  display: flex;
  flex-direction: row;
  width: 100% !important;
  padding-right: 5em;
}
.project-images {
  margin-left: -1em !important;
}
@media screen and (min-width: 911px) {
  .project-images {
    display: flex;
    flex-direction: column;
    margin: 0 1.5em 0 0;
    width: 100% !important;
  }
  .project-images .gallery-item img {
    width: 250px;
    max-width: 250px;
    padding: 0;
    margin-left: 10px !important;
  }
  .project-images .gallery-item figcaption {
    width: 250px;
    max-width: 250px;
    padding: 0;
  }
  .project-images .gallery-item .gallery-icon a img {
    margin: 0;
  }
}

/* hack: IE braucht oben die width: 65% sonst zieht er das div immer über die
   ganze Breite, damit wird es aber nicht mehr automatisch volle Inhaltsbreite */
.project-details.no-images {
    width: 100%;
}

.project-youtube-video {
    text-align: center;
    margin-top: 0.47em;
}


.project-meta {
    margin-top: 1em;
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #eee;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.project-meta-detail {
    width: 50%;
    padding: 0.8em;
    font-size: 14px;
}
.project-meta-detail h4 {
    font-size: 	14px;
    text-transform: none;
    letter-spacing: 0px;
    margin-bottom: 0.1em;
}
.project-meta-detail input {
    font-size: 14px;
    line-height: 14px;
    background: #fff;
}
@media screen and (max-width: 56.874em) {
    .project-data,
    .project-meta {
        /*flex-direction: column;*/
        flex-wrap: wrap;
    }
    .project-meta-detail {
        width: 100%;
    }
    .projects-back {
        margin-left: 7.6923%;
    }
    .project-images {
        margin-bottom: 0.7em;
        padding-right: 0%;
        width: 100%;
        text-align: center;
    }
    .project-images .gallery-item {
        max-width: 32.5%;
    }
    .project-details {
        width: 100%;
    }
}


/**
 * 11.10 - Listenansicht Projekte
 */
body.hfeed article.zsdd_project .post-thumbnail {
    height: auto;
    text-align: center;
}
body.hfeed article.zsdd_project .post-thumbnail img {
    max-height: 12.75em;
    width: auto;
    display: inline-block;
}

/**
 * 11.11 Suchseite
 */
body.search #s {
    width: 40%;
}
body.search .post-type-checkbox {
    margin-right: 8px;
}
@media screen and (max-width: 56.874em) {
    body.search .search-form {
        margin-left: 7.6923%;
    }
}

/**
 * 11.12 Projektverwaltung
 */
.zsdd-error {
    color: red;
}
.zsdd-hint {
    color: blue;
}
a.zsdd-icon {
    box-shadow: none;
}
a.zsdd-icon:hover {
    box-shadow: inset 0 -0.05em 0 white, inset 0 -0.2em 0 #ffed27;
}
.zsdd-icon .genericon {
    vertical-align: text-bottom;
    font-size: 1em;
}

.zsdd-download {
    display: inline-block;
}

.zsdd-download .genericon {
    vertical-align: text-bottom;
    font-size: 1.5em;
}

.zsdd-project-form p {
    margin-bottom: 0.25em;
    line-height: 1.25em;
    font-size: 0.9em;
}
.zsdd-project-form > ul {
    margin-bottom: 0.25em;
}
.zsdd-project-form > ul li {
    line-height: 1.25em;
    font-size: 0.9em;
}
.zsdd-project-form td, .zsdd-project-form td {
    font-size: 0.9em;
    line-height: 1.25em;
    padding: 0.25em;
}
.zsdd-project-form th {
    background-color: #CFF7F7;
}

.zsdd-project-data .zsdd-project-form h3 {
    margin-top: 0.9em;
    margin-bottom: 0.35em;
    font-size: 1.1em;
}
.zsdd-project-form select {
    background: #f7f7f7;
    background-image: none;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    color: #686868;
    padding: 0.625em 0.4375em;
}

#zsdd-project-state {
    margin-top: 0.9em;
    width: 16em;
    float: left;
    margin-right: 1em;
}
#zsdd-project-merged {
    margin-top: 0.9em;
    width: 17em;
    float: left;
    margin-bottom: 0.9em;
}
.zsdd-project-data, #zsdd-coop-list {
    font-size: 90%;
    table-layout: auto;
}
#zsdd-coop-list .genericon {
    font-size: 20px;
}
.zsdd-active { color: green; }
.zsdd-inactive { color: red; }
.page-project-management a.button {
    line-height: 3.4em;
}
.zsdd-project-data .center {
    text-align: center;
}
.vertical {
    writing-mode: vertical-rl;
    white-space: nowrap;
    display: inline-block;
    overflow: visible;

    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    line-height: 1em;
}
/* Extrawurst für M$-Browser... */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .vertical {
        writing-mode: tb-rl;
    }
}
a.anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}

/**
 * 11.13 - Newsletter Plugin
 */
.newsletters-fieldholder,
.newsletters-acknowledgement {
    margin-top: 1em;
}
.newsletters_required,
.newsletters-fieldholder-hidden,
.wpmlcustomfield3 {
    display: none;
}
.newsletters-field-error p {
    margin-left: 0.2em;
    margin-bottom: 0.1em;
}
.newsletters a:focus,
.newsletters a:hover {
    color: #fff;
    text-decoration: none;
}
.newsletters table {
    border: 0px solid;
}
.newsletters table td {
    border: 0px solid;
}
.newsletters .table > tbody > tr > td,
.newsletters .table > tbody > tr > th,
.newsletters .table > tfoot > tr > td,
.newsletters .table > tfoot > tr > th,
.newsletters .table > thead > tr > td,
.newsletters .table > thead > tr > th {
    border-top: 0px solid;
}
#currentsubscriptions #myModal {
    display: none;
}
#currentsubscriptions .table {
    width: auto;
}
.alert p {
    margin-bottom: 0em;
}
.alert-danger {
    background-color: #f2dede;
}
.alert-success {
    background-color: #dff0d8;
}
.newsletters a:focus,
.newsletters a:hover {
    color: inherit;
}

/**
 * 11.14 - myStickymenu
 */
#mysticky-nav.wrapfixed {
    z-index: 10 !important;
}

/**
 * 12.0 - Media
 */
.site .avatar {
    border-radius: 20%;
}

.entry-content a img { border:0.5em solid #ffffff; }
.entry-content a img:hover { border:0.5em solid #ffed27; }


/**
 * 12.2 - Galleries
 */

.gallery-icon img {
    margin: 0 auto;
    border:1px solid #d0d0d0;
    /* border-bottom:0.5em solid #ffed27;  */
    /* box-shadow: 1px 1px 6px  rgba(0, 0, 0, 0.15) !important; */
    border:0.5em solid #ffffff;
}
.gallery-icon img:hover {
    /* box-shadow: 0px 0px 8px  rgba(0, 0, 0, 0.10) !important; */
    border:0.5em solid #ffed27;
}
.gallery-caption {
    font-size: 0.85em;
}

/* wir prefixen alle NGG Styles mit "body" um sie spezifischer zu machen
   als die vom PLugin selbst denn das Plugin CSS wird erst nach dem Theme CSS
   geladen. @todo warum ist das so? wp_head() steht vor dem theme css im header?
*/

/* entspricht .gallery im twentysixteen */
body .ngg-galleryoverview {
  margin: 0 -1.16667% 1.75em;
  width: auto;
}

/* entspricht .gallery-item im twentysixteen */
body .ngg-gallery-thumbnail-box {
  display: inline-block;
  max-width: 33.33% !important;
  padding: 0 1.14007% 2.28013%;
  text-align: center;
  vertical-align: top;
}

/* resets vorheriger Einstellungen */
body .ngg-gallery-thumbnail {
  border: none;
  margin: 0 auto;
}
body .ngg-gallery-thumbnail a {
  margin: 0;
}
body .ngg-album-compact {
    display: block;
    max-width: 180px;
    min-height: 270px;
    padding: 0 16px 16px 0 !important;
}
body .ngg-album-compact h4 {
    text-transform: none;
}

body .ngg-album-compact h4 .ngg-album-desc {
    display: inline;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/* Captions identisch mit denen vom WP */
body .ngg-gallery-thumbnail span {
  font-size: 0.85em;
  font-style: italic;
}

/* Pagination identisch mit der im Loop, nur etwas kleiner */
body .ngg-navigation a {
	box-shadow: none !important;
}
body .ngg-navigation a.next,
body .ngg-navigation a.page-numbers,
body .ngg-navigation a.prev,
body .ngg-navigation span.next,
body .ngg-navigation span.page-numbers,
body .ngg-navigation span.prev,
body .ngg-navigation span.current {
    padding: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid #d5d5d5;
}
body .ngg-navigation span.current {
  border: 0px;
}

body .ngg-navigation a.prev,
body .ngg-navigation a.next {
  background-color: #1a1a1a;
  color: #fff;
}
body .ngg-navigation a.page-numbers:hover,
body .ngg-navigation a.page-numbers:focus,
body .ngg-navigation a.prev:hover,
body .ngg-navigation a.prev:focus,
body .ngg-navigation a.next:hover,
body .ngg-navigation a.next:focus {
  background-color: #666666;
  color: #fff;
}
body .ngg-navigation a.prev {
  margin-right: 15px;
}
body .ngg-navigation a.next {
  margin-left: 15px;
}
body .ngg-navigation .next span ,
body .ngg-navigation .prev span {
  font-size: 24px;
  font-weight: normal;
  line-height: 29px;
  display: inline-flex;
  margin-left: 4px;
}
body .ngg-navigation .prev span {
  margin-left: 3px;
}


/**
 * 14.1 - >= 710px
 */

@media screen and (min-width: 44.375em) {
    .comment-list .children > li {
        padding-left: 3em;
    }
    .entry-content ul,
    .entry-summary ul,
    .comment-content ul,
    .entry-content ol,
    .entry-summary ol,
    .comment-content ol {
            margin-left: 1.25em;
    }
}


/**
 * 14.3 - >= 910px
 */

@media screen and (max-width: 56.874em) {
    .header-image {
        display:none;
    }
}
@media screen and (min-width: 56.875em) {
    .main-navigation {
      margin-left: -0.5em;
    }
    .main-navigation a {
        padding: 0;
        margin: 0em 0.5em;
    }
    .main-navigation li:hover > a,
    .main-navigation li.focus > a {
        color: #1a1a1a;
    }

    .custom-logo {
        display:none;
    }

    .main-navigation .menu-item-has-children > a {
        margin: 0;
        padding-right: 2.25em;
        padding-right: 0.25em;
    }
    .main-navigation .menu-item-has-children > a:after {
        content: "\f431";
        content: "";
        position: absolute;
        position: relative;
        right: 0.625em;
        right: 0;
        top: 0.8125em;
        top: 0;
        display:inline;
        margin-right:1em;
    }
}

/**
 * StartPage
 */
.landing-widgets {
    margin-top: 3em;
}
.page-template-page_startpage .site-footer,
.landing-1,
.landing-2,
.landing-3 {
    padding-right: 5%;
    padding-left: 5%;
}

.landing-1,
.landing-2,
.landing-3 {
    margin-bottom:2em;
}

.page-template-page_startpage .site-footer {
  display: block;
}

.site-footer {
  display: flex;
  flex-direction: column;
}

.site-info-logos-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 3em;
  width: 100%;
}

@media screen and (min-width: 910px) {
  .site-info-logos-wrapper {
    flex-direction: column-reverse;
  }
}

.site-info {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.footer-logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 2em;
}
.footer-logos div {
  padding: 1em 1.5em 1em 1.5em;
}
.footer-logos img {
    margin: 0.7em;
}

.page-template-page_startpage #main {
    margin: 0 !important;
}

.page-template-page_startpage .widget button a {
    color:#ffffff;
    box-shadow: unset;
}

.menu-toggle {
    font-size: 1.3em;
    font-weight: 700;
}

@media screen and (min-width: 44.375em) {
    .landing-1 {
        width:100%;
    }
    .landing-2 {
        width:50%;
        float:left;
    }
    .landing-3 {
        width:50%;
        float:right;
    }
}
@media screen and (min-width: 48.9375em) {

}
@media screen and (min-width: 56.875em) {
    .landing-widgets {
        margin-top: 1.5em;
    }
    .landing-1 {
        width:31.3333%;
        float:left;
        margin-right:2%;
        padding-left: 0;
        padding-right: 0;
    }
    .landing-2 {
        width:31.3333%;
        margin-left:1%;
        margin-right:1%;
        float:left;
        padding-left: 0;
        padding-right: 0;
    }
    .landing-3 {
        width:31.3333%;
        margin-left:2%;
        float:left;
        padding-left: 0;
        padding-right: 0;
    }
}

/* Video im Header */
.video-header-mobile-inner-wrapper {
  border: 1px solid red;
}

.video-header-inner-wrapper {
  position: relative;
}

.mobilePlayButton {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-top: 1.5em;
}
.mobilePlayButton p {
  font-size: 1em;
  margin-top: 1em;
  font-weight: 900;
}

.mobilePlayButton img {
  box-shadow: 0 0 20px #ffeb0d;
  color: #fff;
  border-radius: 100%;
  width: 64px;
}

@media screen and (min-width: 909px) {
  .mobilePlayButton {
    display: none;
  }
}

.video-play-button {
  position: relative;
  z-index: 10;
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  margin: 40px auto 20px auto;
  border-radius: 50%;
  background-color: #fff;
  padding: 18px 20px 18px 28px;
  box-shadow: 0 0px 30px #ffeb0d;
}
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffeb0d;
  border-radius: 50%;
  /*animation: pulse-border 1500ms ease-out infinite;*/
}
.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #333;
  border-radius: 50%;
  transition: all 200ms;
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.video-play-button:hover:after {
  background: #666;
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.video-play-button:hover span {
  border-left: 32px solid white;
}
.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}
.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  transform: scale(0.8);
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
 }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
 }
}

#open-video-player-button {
  position: absolute;
  bottom: 2.25em;
  z-index: 100;
}
#playButtonText {
  background: #fff;
  color: #000;
  font-size: 1.5em;
  font-weight: normal;
  text-transform: none;
  font-family: DIN W01 Cond Bold, sans-serif;
  margin-left: -1.25em;
  margin-top: 1em;
}
#close-video-player-button {
  position: absolute;
  top: 0;
  right: 0;
}

#news {
  display: block;
  padding: 1em 0 1em 0;
  margin-bottom: 1.5em;
  overflow: hidden !important;
}

/* News Zeile */
.news-section-wrapper {
  overflow: hidden !important;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin-left: 3em;
  position: relative;
  height: 35px;
}
@media screen and (min-width: 911px) {
  .news-section-wrapper {
    margin-left: 0;
  }
}
.news-section-wrapper .marquee {
  margin-top: -7px;
  font-size: 22px;
}
.news-section-wrapper .indicator {
  position: absolute;
  width: 27px;
  top: 1px;
  left: -1px;
  height: 35px;
  z-index: 100;
  border-right: 20px solid #fff;
  background: #fff000;
}
.news-section-wrapper .marquee-text-text {
  margin: 30px 0 30px 0;
  font-size: 18px;
}
.news-section-wrapper .marquee-text-text p {
  margin-bottom: 0;
  padding: 0 1em 0 1em;
}
.news-section-wrapper ul {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.news-section-wrapper ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-right: 20px;
  font-size: 18px;
  padding: 0 5px 5px 0;
  flex-shrink: 0;
}
.news-section-wrapper ul li span {
  margin-left: 1.1em;
}

/* Homepage Entries */
.entry-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: flex-start;
}

.entry-container .homepage-entries {
  width: 100% !important;
  margin: 1em 0 1em 2em !important;
  padding-right: 5em;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .entry-container .homepage-entries {
    flex-direction: row;
    margin: 1em 0 1em 3em !important;
  }
}
@media screen and (min-width: 911px) {
  .entry-container .homepage-entries {
    flex-direction: row;
    margin: 0 !important;
    padding-right: 0;
  }
}

.entry-container .homepage-entries figure,
body.single-post .entry-content figure, .entry-content .post-thumbnail {
  margin-left: 0 !important;
  box-shadow: none !important;
}

.entry-content .post-thumbnail:hover {
  box-shadow: none;
}


.entry-content .homepage-pt figure.post-thumbnail a img {
  width: 100% !important;
  max-width: 12.75em !important;
  height: auto;
}

body.search .type-post .entry-container .entry-content .hiddenImageOnMobile .post-thumbnail a img,
body.search .type-page .entry-container .entry-content .hiddenImageOnMobile .post-thumbnail a img,
body.search .tribe_events .entry-container .entry-content .hiddenImageOnMobile .post-thumbnail a img {
  min-width: 205px !important;
  max-width: 205px !important;
  width: 205px;
  height: 205px;
  object-fit: cover;
  border: none;
  margin-right: 0;
}


.entry-container .homepage-entries .post-thumbnail img,
body.single-post .entry-content .post-thumbnail img, .entry-content .post-thumbnail img {
  min-width: 205px !important;
  width: 205px;
  height: 205px;
  object-fit: cover;
  border: none;
  margin-right: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .entry-container .homepage-entries .post-thumbnail img,
  body.single-post .entry-content .post-thumbnail img {
    margin-right: 2em;
    margin-bottom: 0 !important;
  }
}

.entry-header {
  margin-bottom: 1.25em !important;
}

.entry-meta {
  margin-top: -1em !important;
}

body.single-post .entry-content {
  margin: 0 !important;
}
body.single-post .entry-header {
  margin: 0 0 0 0 !important;
}
article .entry-header {
  padding: 0 2.5rem 0 2.5rem !important;
}
article .entry-container .entry-content .entry-header {
  padding: 0 !important;
}
.entry-content .entry-header {
  padding: 0 !important;
}
#newsletter-header {
  padding: 0 2.5rem 0 2.5rem !important;
}
@media screen and (min-width: 911px) {
  article .entry-header, #newsletter-header {
    padding: 0 !important;
  }
}

body.single-post .entry-content {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  padding: 2em !important;
}
@media screen and (min-width: 1024px) {
  body.single-post .entry-content {
    margin-top: 1em !important;
    width: 100% !important;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 !important;
  }
  body.single-post .entry-header {
    margin: 0 !important;
  }
}

.footer-widgets .footer-widget-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 3em;
}

.header-image {
  position: relative;
}

.header-image-subpages {
  display: none;
}

.desktopViewSearchAndTwitter .twitter-link-header {
  position: absolute;
  right: 0;
  top: 3.5em;
  text-align: right;
}
.desktopViewSearchAndTwitter .twitter-link-header > a, .mobileViewSearchAndTwitter .twitter-link-header > a {
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
}
.desktopViewSearchAndTwitter .twitter-link-header > span, .mobileViewSearchAndTwitter .twitter-link-header > span {
  line-height: 1.2em;
}
.desktopViewSearchAndTwitter .twitter-link-header > span a, .mobileViewSearchAndTwitter .twitter-link-header > span a {
  display: inline;
}

.desktopViewSearchAndTwitter .searchbar-header {
  position: absolute;
  display: flex;
  flex-direction: row;
  top: 0.5em;
  right: 0;
}
.desktopViewSearchAndTwitter .searchbar-header form {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  width: 100%;
}
.desktopViewSearchAndTwitter .searchbar-header form input#s, .mobileViewSearchAndTwitter .searchbar-header form input#s {
  margin-right: 0.5em;
  width: 100%;
}

.mobileViewSearchAndTwitter {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 0.25em;
  margin-top: 0.25em;
  text-align: right;
}

@media screen and (min-width: 909px) {
  .mobileViewSearchAndTwitter {
    display: none;
  }
  .desktopViewSearchAndTwitter {
    display: flex;
  }
}

.mobileViewSearchAndTwitter .searchbar-header form {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.mobileViewSearchAndTwitter .twitter-link-header a > img {
  margin: 0 !important;
}

@media screen and (min-width: 909px) {
  .header-image-subpages {
    display: flex;
    justify-content: center;
  }
}

.header-image-subpages img {
  max-height: 300px;
}

#yoast-breadcrumbs .breadcrumb_last {
  color: #333;
}

#yoast-breadcrumbs {
  font-size: 0.9em;
  margin: 1em 0 2.5em 0em !important;
}
@media screen and (min-width: 911px) {
	.site-branding,
	.site-header-menu,
	.header-image {
		margin-bottom: 1.25em;
	}
    #yoast-breadcrumbs {
        margin-top: 0em !important;
    }
}



.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
  margin-right: 2.5em !important;
  margin-left: 2.5em !important;
}

@media screen and (min-width: 911px) {
  .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.entry-header h2.entry-title {
  width: 100% !important;
}

@media screen and (min-width: 44.375em) {
  .post-thumbnail {
      margin-right: 1em !important;
  }
}
.post-thumbnail {
  margin-bottom: 0 !important;
}

.no-sidebar .entry-header {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.hiddenImageOnMobile {
  display: none;
}
.showImageOnMobile {
  display: block;
}
.showImageOnMobile .post-thumbnail a, .hiddenImageOnMobile .post-thumbnail a {
  box-shadow: none !important;
}
.post-thumbnail {
  margin: 0 !important;
  margin-right: 2em !important
}
@media screen and (min-width: 1024px) {
  .post-thumbnail {
    margin: 0 !important;
    margin-right: 1.25em !important
  }
  .hiddenImageOnMobile {
    display: block;
  }
  .showImageOnMobile {
    display: none;
  }
}
.zsdd_project .entry-container .entry-content .post-thumbnail img {
  margin: 0 !important;
  margin-right: 0.5em !important
}