/* Allgemeine Einstellungen */

body {
    font-family: 'Nunito';
    font-style: normal;
    font-size: 16px;
    color: #1d1d1b;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    -moz-hyphens: auto;
    hyphens: auto;
}

h1, div.et_pb_text_inner h1 {
    font-size: 35px;
    letter-spacing: 0.05em;
    color: #2c4b2e;
}

h2, div.et_pb_text_inner h2 {
    font-size: 33px;
    letter-spacing: 0.05em;
    margin-top: 30px;
}

h3, div.et_pb_text_inner h3 {
    font-size: 28px;
    letter-spacing: 0.05em;
    margin-top: 20px;
}

div.et_pb_text_inner h2:first-of-type {
    margin-top: 0;
}

a {
    color: #487b4c;
    text-decoration: none;
}

.vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

small {
    font-size: 80%;
    font-style: italic;
}

#main-content {
    margin-bottom: 100px;
}

.page-id-52 #main-content {
    margin-bottom: 0;
}

.keinabstand_unten {
    padding-bottom: 0 !important;
}

#et_search_icon:hover, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #487b4c;
}

#teasertext > div > div > div.et_pb_text_inner {
    text-align: center;
}

/* Layout */

.entry-content .et_pb_section {
    max-width: 981px;
    margin: 0 auto;
}

#page-container {
    transition: 500ms;
}

@media only screen and ( max-width: 980px ) {
    .et_boxed_layout #page-container {
        width: 100%;
    }
}

/* Ende Layout */

/* Startseite */

#willkommen .et_pb_text_inner {
    text-align: center;
}

#willkommen .et_pb_text_inner h1 span, h1#eventheader span {
    font-size: 80%;
    text-transform: uppercase;
    display: block;
    margin-top: 20px;
    color: #1d1d1b;
}

#infoboxen > div > div {
    text-align: center;
}

#infoboxen div.et_pb_text_inner h2 {
    font-size: 26px;
    margin-top: 0;
}

#infoboxen > div > div.et_pb_image > span > img {
    width: 60px;
    height: auto;
}

/* Mitgliedschaften */

#mitgliedschaften h2 {
    font-size: 26px;
}

#mitgliedschaften img {
    margin: 10px 0;
}

#mitgliedschaften img:last-of-type {
    margin-bottom: 0;
}

@media only screen and ( max-width: 980px ) {
    #mitgliedschaften img {
        max-width: 300px;

    }
}

/* Ende Startseite */

/* Team */

#team > div.et_pb_row:nth-of-type(2) {
    padding-top: 0;
}

#team div.et_pb_text_inner h3 span {
    font-size: 80%;
    font-weight: 300;
    text-transform: uppercase;
}

/* Google Maps iframe */

#maps, #maps > div.et_pb_row {
    max-width: unset !important;
    width: 100% !important;
    padding: 0;
}

/* Veranstaltungen */

@media only screen and ( min-width: 768px ) {
    #veranstaltungen > div > div > div > div > article {
        width:48%;
        float:left;
    }

    #veranstaltungen > div > div > div > div > article:nth-child(odd) {
        margin-right:4%;
    }
}

h1#eventheader {
    text-align: center;
}

/* Galerie */

@media only screen and ( min-width: 981px ) {
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item {
        width: 23%;
        margin-right: 2.5%;
        margin-bottom: 2.5%;
    }
}

/* Stack Order */
@media only screen and (max-width: 980px) {

    /*** wrap row in a flex box ***/
    .custom_row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        /* Safari 6.1+ */
        flex-wrap: wrap;
    }

    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile {
        -webkit-order: 1;
        order: 1;
    }

    .first-on-mobile img {
        margin-bottom: 30px;
    }

    .second-on-mobile {
        -webkit-order: 2;
        order: 2;
    }

    .third-on-mobile {
        -webkit-order: 3;
        order: 3;
    }

    .fourth-on-mobile {
        -webkit-order: 4;
        order: 4;
    }

    /*** add margin to last column ***/
    .custom_row:last-child .et_pb_column:last-child {
        margin-bottom: 30px;
    }
}

/* Stack Order Smartphone */
@media only screen and (max-width: 479px) {

    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-smartphone {
        -webkit-order: 1;
        order: 1;
    }

    .first-on-smartphone img {
        margin-bottom: 30px;
    }

    .second-on-smartphone {
        -webkit-order: 2;
        order: 2;
    }

    .third-on-smartphone {
        -webkit-order: 3;
        order: 3;
    }

    .fourth-on-smartphone {
        -webkit-order: 4;
        order: 4;
    }
}

.et_pb_scroll_top.et-pb-icon {
    color: #fff;
    background: #487b4c;
}

/* Sidebar Removal */
#main-content .container:before {
    background: none;
}

@media (min-width: 981px) {
    #left-area {
        width: 100%;
        padding: 23px 0px 0px !important;
        float: none !important;
    }
}

/* The Events Calendar */

ul.ecs-event-list {
    list-style: none;
}

#tribe-events {
    width: 1080px;
    margin: 0 auto;
    max-width: 80%;
}

#tribe-events-content > p {
    display: none;
}

.tribe-events-cal-links {
    margin-top: 50px;
}

.tribe-events .tribe-events-button, #tribe-events .tribe-events-button, .tribe-events-button, .tribe-events-button, .tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn, .tribe-events-calendar thead th, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] {
    background-color: #777;
    color: #fff;
}

#events ul {
    list-style: none;
    padding: 0;
}

#events ul li {
    width: 100%;
    max-width: 400px;
    border: 1px solid black;
    display: inline-block;
    padding: 10px;
    margin: 10px 0
}

/*================================================
BorlabsCookie
================================================*/

#BorlabsCookieBox ._brlbs-btn:hover,
#BorlabsCookieBox ._brlbs-btn-accept-all:hover,
#BorlabsCookieBox ._brlbs-btn,
#BorlabsCookieBox ._brlbs-refuse-btn a, #BorlabsCookieBox a._brlbs-refuse-btn,
#BorlabsCookieBox ._brlbs-manage-btn a {
background: #2c4b2e;
color: #fff;
}

#BorlabsCookieBox a,
#BorlabsCookieBox ._brlbs-manage a,
#BorlabsCookieBox a:hover,
#BorlabsCookieBox ._brlbs-manage a:hover {
color: #2c4b2e;
}

#BorlabsCookieBox a:hover,
#BorlabsCookieBox ._brlbs-manage a:hover {
filter: brightness(90%);
}

#BorlabsCookieBox ._brlbs-btn:hover,
#BorlabsCookieBox ._brlbs-btn-accept-all:hover,
#BorlabsCookieBox ._brlbs-refuse-btn a:hover, #BorlabsCookieBox a._brlbs-refuse-btn:hover,
#BorlabsCookieBox ._brlbs-manage-btn a:hover {
filter: brightness(90%);
background: #2c4b2e;
color: #fff;
}

.BorlabsCookie ._brlbs-btn-switch input:checked + ._brlbs-slider {
background-color: #2c4b2e;
}

.BorlabsCookie ._brlbs-checkbox input:checked ~ ._brlbs-checkbox-indicator {
background-color: #2c4b2e;
border-color: #2c4b2e;
}

.BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator {
border-color: #2c4b2e;
}

.BorlabsCookie ._brlbs-checkbox input:disabled ~ ._brlbs-checkbox-indicator::after {
border-color: #eee;
}