:root {
    --highlight: rgb(178, 216, 191);

}

a {
    color: #000;
    text-decoration: underline;
}

body {
    font-family: 'PT Serif';
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat';
}

h1,
.entry-title {
    margin-bottom: 20px;
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"],
.button {
    background: var(--highlight);
    color: #000;
    font-weight: normal;
}

button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.button:focus,
.button:hover {
    background-color: #000;
}

article {}

.site-header {
    background: var(--highlight);
    box-shadow: none;
    padding: 0 40px;
}

.wp-custom-logo .site-title {
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    position: relative !important;
    font-size: 16px;
    font-weight: 400;
    font-family: 'PT Serif';
}

.wp-custom-logo .title-area {
    display: flex;
    max-width: 270px;
    align-items: center;
    padding: 19px 0;
}

.wp-custom-logo .title-area .custom-logo-link {
    width: 56px;
    margin-right: 20px;
}

.site-header .genesis-nav-menu li {
    margin: 10px 0;
}

.site-header .genesis-nav-menu a {
    position: relative;
    padding: 15px;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    color: #000;
}

.site-header .genesis-nav-menu a:focus::after,
.site-header .genesis-nav-menu a:hover::after,
.site-header .genesis-nav-menu .current-menu-item > a::after {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 6px;
    border-bottom: 2px solid #000;
    width: calc(100% - 30px);
    height: 2px;
}

.site-header .genesis-nav-menu .eventmenuitem a {
    background: #fff;
    border-radius: 10px;
    margin-left: 15px;
}

.site-header .genesis-nav-menu .eventmenuitem a:focus::after,
.site-header .genesis-nav-menu .eventmenuitem a:hover::after,
.site-header .genesis-nav-menu .current-menu-item.eventmenuitem > a::after {
    border: none;
}

.site-header .genesis-nav-menu .eventmenuitem a:hover,
.site-header .genesis-nav-menu .current-menu-item.eventmenuitem a {
    background: #000;
    color: #fff;
    border-radius: 10px;

}

.site-inner .wrap {
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px;
}

article {
    padding-top: 4.5em;
    position: relative;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 80px 60px;
}

/*** HOME ***/

.home article {
    height: calc(100vh - 100px);
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%
}

.home article h2 {
    font-size: 64px;
    font-weight: 700;
    color: var(--highlight);
    max-width: 840px;
    margin: 0 auto 20px;
    text-align: center;
    padding: 0 1em;
}

.home article .entry-content {
    width: 100%;
    padding: 0 1em;

}

.home article .entry-content p {
    padding: 0 30px;
    max-width: 810px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 17px;
}

.home article .thumbnail {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.home article .thumbnail:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.55);
}

.home article .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home article p,
.home article h2 {
    position: relative;
    z-index: 100;
}

.home article .arrow a {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    border-top: 10px solid #fff;
}

.home article .arrow {
    position: absolute;
    z-index: 100;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    line-height: 1;
}

.home #beschreibung ul {
    display: flex;
    justify-content: space-between;
}

.home #beschreibung ul li {
    width: 33%;
    padding: 0 15px 30px;
}

.home #beschreibung ul li:nth-child(2) img {
    width: 64%;
}

.home #beschreibung ul li .bild {
    padding-bottom: 100%;
    position: relative;
}

.home #beschreibung ul li .bild .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home #gallery {
    background: var(--highlight);
}

.home #gallery ul {
    display: flex;
    justify-content: space-between;
}

.home #gallery ul li {
    width: 33%;
    padding: 0 15px;
}

.home #news {
    height: calc(100vh - 95px);
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    text-align: center;
}

.home #news .thumbnail {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.home #news .thumbnail:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.55);
}

.home #news .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home #news .content-news {
    position: relative;
    z-index: 100;
    padding: 2em;
}

.home #news h2 {
    color: var(--highlight);
    font-size: 36px;
}

.home #news {
    color: #fff;
}

/** FOOTER ***/
.site-footer {
    padding: 60px;
    border: none;
}

.nav-secondary li a {
    text-decoration: underline;
}


/*** KONTAKT ***/

.page-id-46 article {
    position: relative;
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px;

}

.page-id-46 article:after {
    content: '';
    position: absolute;
    background: var(--highlight);
    width: 100%;
    height: 100%;
    margin: 0 -9999em;
    padding: 0 9999em;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;

}

.page-id-46 article .thumbnail {
    width: 50%;
    padding: 20px 15px 20px 0;
}

.page-id-46 article h1,
.page-id-46 article .entry-content {
    width: 44%;
    position: absolute;
    right: 0;
    top: 53%;
    transform: translateY(-50%);
    margin-top: 30px;
    padding-right: 3em;
}

.page-id-46 article h1 {
    margin-top: -70px;
}

#contactform h2 {
    text-align: center;
    margin: 2em 0;
}

#contactform h2 + p,
#contactform h2 + p + p {
    width: 49%;
    float: left;
}

#contactform h2 + p {
    margin-right: 2%;
}

input,
select,
textarea {
    border-radius: 5px;
}

div.wpcf7 .wpcf7-submit {
    margin: 0 auto;
    display: block;
    background: #000;
    color: #fff;
}

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

.site-inner .adresse {
    padding: 0 60px 60px
}

/*** TEAM ***/

.page-id-52 article {
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
    padding: 4.5em 60px;
}

.page-id-52 h1.entry-title {
    font-size: 36px;
    margin-bottom: 1em;
}

.team {
    display: flex;
    justify-content: space-between;
}

.entry-content .team li {
    list-style: none;
    width: 23%;
}

.entry-content .team {
    padding: 0;
}

.entry-content .team img[alt="Logo"] {
    width: 62%;
}

.entry-content .team .teambild {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}

.entry-content .team .teambild .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/*** SPENDEN ***/

.page-id-67 article {
    padding: 0;
    width: 100%;
}

.page-id-67 article h1 {
    margin-top: 35vh;
    font-size: 64px;
    margin-bottom: 20px;
    padding-right: 20px;
}

.page-id-67 article .thumbnail {
    width: 50%;
    height: calc(100vh - 95px);
    float: left;
    margin-right: 7em;

}

.page-id-67 article .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-id-67 article .entry-content {
    padding-right: 20px;
}

/*** NEWS ***/

.page-id-88 article {
    position: relative;
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
    padding: 80px 60px;

}

.page-id-88 article .news {
    display: flex;
    padding-top: 2em;
    margin-top: 2em;
    border-top: 1px solid rgba(0, 0, 0, 0.2)
}


.page-id-88 article .news div.left,
.page-id-88 article .news div.right {
    width: 50%;
}

.page-id-88 article .news div.left {
    padding-right: 2em;
}

.page-id-88 article .news h3 {
    font-weight: 400;
}


/*** IMPRESSUM UND DATENSCHUTZ ***/
.page-id-93 article,
.page-id-3 article {
    position: relative;
    width: 850px;
    max-width: 100%;
    margin: 0 auto;
    padding: 80px 60px;
}


/*** VERANSTALTUNGEN ***/

.site-inner #event-form .wrap {
    padding: 30px 0;
}

.event-form-submitter,
.em-date-range {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.event-form-submitter p {
    width: 48%
}

#event-form #event-name {
    padding: 15px;
    width: calc(100% - 10px)
}

#event-form h3 {
    margin: 1.5em 0 1em;
}

.em-date-range {
    align-items: center;
}

.em-date-range input {
    width: calc(48% - 50px);
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-color: #fff;
}

#event-form .event-categories select {
    background-image: none;
}

.em-time-range input {
    margin: 0 10px;
}

#em-location-data table.em-location-data {
    width: 100%
}

#em-location-data table.em-location-data i {
    position: absolute;

}

#em-location-data,
.em-location-type {
    background: rgba(0, 0, 0, 0.05);
    padding: 1em;
}

#em-location-data table.em-location-data th {
    width: 250px;
}

#em-location-search-tip {
    font-size: 14px;
    line-height: 1.5;
}

#em-location-data .em-location-map-container {
    width: 100%;
}

div.time-picker li {
    height: auto;

}

.entry-content ul.events-table {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    margin: 2% -1%;
    width: 102%;
}



.entry-content ul.events-table li {
    list-style: none;
    width: 31%;
    margin: 0 1% 2%;
}

.entry-content ul.events-table li .eventcontent {
    padding: 1em;
    background: rgba(0, 0, 0, 0.05)
}

.entry-content ul.events-table li .eventcontent a {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}

.entry-content ul.events-table img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.entry-content ul.events-table .event-categories,
.single-event .event-categories {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    margin-top: 1em;
}

.entry-content ul.event-categories > li {
    list-style: none;
}

.entry-content ul.events-table .event-categories li {
    width: auto;
    list-style: none !important;
}

.entry-content ul.events-table .event-categories li a,
.single-event .event-categories li a {
    font-size: 16px;
    color: var(--highlight);
    background: rgba(0, 0, 0, .8);
    position: relative;
    text-decoration: none;
    padding: 0 5px;
    margin-right: 5px;
}

.entry-content ul.events-table .event-categories li a:before,
.single-event .event-categories li a:before {
    content: '#';
}

.ui-datepicker .ui-datepicker-title select,
.ui-datepicker td span,
.ui-datepicker td a {
    font-size: 15px;
}

.ui-widget-header {
    border: none !important;
    background: var(--highlight) !important;
}

.ui-datepicker .ui-datepicker-title select {
    padding: 8px;
    font-size: 15px !important;
    margin: 1px 3px !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: none !important;
    background: var(--highlight) !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: rgba(0, 0, 0, 0.7) !important;
}

.single-event .thumbnail {
    margin-bottom: 2em;
    width: 60%;
    float: left;
    margin-right: 2em;
}

.single-event article {}

div.css-search select {
    padding-right: 40px
}

#cookie-law-info-bar {
    width: 320px;
    max-width: 100%;
    left: auto;
    right: 1em;
    bottom: 1em;
}

.cli-bar-container {
    flex-wrap: wrap;
}

.cli-style-v2 .cli-bar-message {
    width: 100%;
}

#cookie-law-info-bar[data-cli-style="cli-style-v2"] {
    padding: 20px 25px;
}

.cli-bar-btn_container {
    margin-left: 0;
    margin-top: 10px;
}

.cli_settings_button {
    margin-left: 0;
}