/*
Theme Name: Weltladen 2026
Theme URI: https://the7.io/
Template: dt-the7
Author: Dream-Theme
Author URI: https://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Tags: multipurpose,responsive,retina ready,SEO ready,mobile friendly,iOS,material design,clean,minimal,business,corporate,portfolio,creative,photography,one page site,micro site
Version: 14.3.3.1786034692
Updated: 2026-08-06 18:44:46

*/

:root {

    --blue: #0069B4;
    --orange: #F39800;
    --yellow: #FDE240;
    --paper: #F7F5F1;
    --darkpaper: #EAE9E4;
    --green: #118543;
    --text: #000000;


    --fontsize-normal: clamp(1rem, 0.7977rem + 0.4364vw, 1.125rem);
    --fontsize-teaser: clamp(1rem, 0.8864rem + 0.4848vw, 1.25rem);
    --fontsize-h1: clamp(1.68rem, 1.0023rem + 3.5636vw, 3.675rem);
    --fontsize-h2: clamp(1.029rem, 0.67365rem + 1.3068vw, 1.65375rem);
    --fontsize-h3: clamp(1.26rem, 0.87495rem + 0.87495vw, 1.575rem);
    --fontsize-h4: clamp(1.05rem, 0.96255rem + 0.43755vw, 1.3125rem);
    --fontsize-smallkicker: clamp(0.7rem, 0.6318rem + 0.2909vw, 0.85rem);
    --fontsize-kicker: clamp(0.85rem, 0.6682rem + 0.7758vw, 1.25rem);
    --fontsize-small: clamp(0.8rem, 0.7333rem + 0.3333vw, 1rem);

}

/*TEMP HIDE First H1 */


#wpb-content-root .wpb_text_column:has(> .wpb_wrapper > h1:only-child) {
    display: none;
}




#main {
    background-color: var(--paper) !important;
}

h1 {
    font-size: var(--fontsize-h1);
    font-weight: 700;
    line-height: 1.166;
    text-wrap: balance;
    margin: 1rem 0 1.5rem 0;
}

h2 {
    font-size: var(--fontsize-h2);
}

h3 {
    font-size: var(--fontsize-h3);
}

h4 {
    font-size: var(--fontsize-h4);
}

#main input[type='text'] {
    border: #000 2px solid !important;
    color: #000 !important;
}



#sidebar {
    border: none !important;
}

/*Widgets */
#sidebar .widget {
    background-color: white;
    -webkit-mask-image: url(/wp-content/themes/weltladen2026/img/rectangle1.svg);
    mask-image: url(/wp-content/themes/weltladen2026/img/rectangle1.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    padding: 30px 25px 30px 25px;
    margin-bottom: 22px;
}

/*Grid */
.items-grid .wf-cell article,
.iso-container .wf-cell article {
    background-color: white;
    -webkit-mask-image: url(/wp-content/themes/weltladen2026/img/rectangle1.svg);
    mask-image: url(/wp-content/themes/weltladen2026/img/rectangle1.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    padding: 30px 25px 30px 25px;
    margin-bottom: 22px;
}

@media screen and (min-width: 767px) {



    /* Mini Search */
    div.mini-search {
        background-color: var(--orange);
        border-radius: 12px 0 0 18px;
        padding: 15px 16px 15px 16px;
        margin-right: -30px !important;
        margin-bottom: -60px;
    }

    div.mini-search::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 20px;
        width: 100vw;
        background-color: var(--orange);
        z-index: -1;
    }

    .mini-search input.field {
        border: black 3px solid;
    }

}



/*Reorder Breadcrumbs */
.wf-wrap {
    display: flex;
    flex-direction: column;
}

.page-title-breadcrumbs {
    order: -1;
    margin-bottom: 5px
}

.page-title-head.hgroup {
    order: 0;
}

.weltladen2026-page-title-text {
    max-width: 900px;
    margin-top: 20px;
    color: #000;
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.04em;
}

#footer .widget-title {
    margin-bottom: 0 !important;
}

/* Pfeil für Navigations-Icons */

li.menu-item>a {
    position: relative;
    padding: 5px 7px 5px 7px;
    /* Platz für den Pfeil schaffen */
}

li.menu-item.has-children>a {
    position: relative;
    padding-right: 20px;
    /* Platz für den Pfeil schaffen */
}

li.menu-item.has-children>a::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-75%) rotate(45deg);
    pointer-events: none;
}



/*Responsive Slider */
@media (max-width: 767px) {

    /* Change the slide container to a flex column */
    .advps-slide {
        position: relative !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Make the image link block-level and full width */
    .advps-slide>a {
        display: block !important;
        position: relative !important;
        width: 100% !important;
    }

    .advps-slide>a img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* Move the excerpt from absolute to relative positioning to stack it below the image */
    .advps-excerpt-one {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Ensure the overlay covers the new relative area */
    .advps-overlay-one {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        z-index: -1 !important;
    }

    /* Add padding to the content block for better readability on mobile */
    .advps-excerpt-block-one {
        position: relative !important;
        padding: 25px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}


/*Fix Grid Spacing */
.items-grid .wf-cell {
    margin-bottom: 5px;
}

.wf-cell,
.wf-usr-cell {
    padding: 0 15px 0 15px;
}

.items-grid.wf-container {
    margin: 0 -15px 0 -15px !important;
}



/* Small fixes */
.wpcf7-submit {
    margin-top: 15px;
}

.dt-btn-s {
    min-height: 30px;
}

#content a {
    font-weight: 600;
}

.wpb_wrapper img {
    max-width: 100%;
    height: auto;
}

/* WPBakery: Continue reading */
.weltladen2026-continue-reading-wrap {
    position: relative;
    display: table;
    width: fit-content;
    margin: 0 auto 12px;
}

.weltladen2026-continue-reading-wrap::before {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: var(--orange);
    clip-path: polygon(1% 3%, 24% 2%, 55% 3%, 97% 1%, 100% 8%, 99% 89%, 96% 99%, 60% 98%, 30% 99%, 4% 98%, 0 91%, 1% 38%);
    content: "";
    transform: translate(4px, 4px);
}

.weltladen2026-continue-reading {
    position: relative;
    z-index: 1;
    padding: 18px 38px;
    background: #fff;
    clip-path: polygon(1% 3%, 24% 2%, 55% 3%, 97% 1%, 100% 8%, 99% 89%, 96% 99%, 60% 98%, 30% 99%, 4% 98%, 0 91%, 1% 38%);
    color: var(--text);
    font-family: "Noto Sans", sans-serif;
    font-size: var(--fontsize-kicker);
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1;
    text-transform: uppercase;
}

.weltladen2026-continue-reading span {
    position: relative;
}

@media (max-width: 767px) {
    .weltladen2026-continue-reading {
        padding: 15px 24px;
    }
}

/* Heimpixel Termine: theme-owned event cards. */
.weltladen2026-event-list {
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.weltladen2026-event-card {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) minmax(220px, 32%);
    gap: 20px;
    align-items: start;
    padding: 28px 32px;
    background: #fff;
    color: var(--text);
    -webkit-mask: url(/wp-content/themes/weltladen2026/img/rectangle1.svg) 0 0 / 100% 100% no-repeat;
    mask: url(/wp-content/themes/weltladen2026/img/rectangle1.svg) 0 0 / 100% 100% no-repeat;
}

.weltladen2026-event-date-badge {
    display: grid;
    width: 86px;
    height: 80px;
    overflow: hidden;
    border-radius: 0 0 8px 8px;
    background: #0069b4;
    color: #fff;
    text-align: center;
    line-height: 1;
}

.weltladen2026-event-date-badge span {
    padding: 8px 4px 4px;
    background: rgba(0, 0, 0, .12);
    font-size: 12px;
    font-weight: 700;
}

.weltladen2026-event-date-badge strong {
    align-self: center;
    font-size: 38px;
    font-weight: 700;
}

.weltladen2026-event-card p,
.weltladen2026-event-card h5 {
    margin: 0;
}

.weltladen2026-event-card .termine-titel {
    font-size: var(--fontsize-h4);
    line-height: 1.2;
}

.weltladen2026-event-card .termine-titel a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.weltladen2026-event-card .termine-auszug {
    margin-top: 22px;
    font-size: var(--fontsize-small);
    line-height: 1.45;
}

.weltladen2026-event-details {
    display: grid;
    gap: 10px;
    font-size: var(--fontsize-small);
    line-height: 1.35;
}

.weltladen2026-event-details p {
    position: relative;
    padding-left: 28px;
}

.weltladen2026-event-details p::before {
    position: absolute;
    top: .1em;
    left: 0;
    width: 18px;
    color: var(--text);
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
}

.weltladen2026-event-details .termine-date::before {
    content: "\f073";
}

.weltladen2026-event-details .termine-ort::before {
    content: "\f3c5";
}

.weltladen2026-event-details .weltladen2026-event-categories::before {
    content: "\f02b";
}

/* Single event: title followed by a two-thirds / one-third content layout. */
.weltladen2026-single-event {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
    grid-template-areas:
        "title title"
        "content media";
    gap: 28px 42px;
}

.weltladen2026-single-event__header {
    grid-area: title;
}

.weltladen2026-single-event__title {
    margin: 0;
}

.weltladen2026-single-event__content {
    grid-area: content;
    min-width: 0;
}

.weltladen2026-single-event__media {
    grid-area: media;
}

.weltladen2026-single-event__image {
    display: block;
    width: 100%;
    height: auto;
}

.weltladen2026-single-event__details {
    display: grid;
    gap: 9px;
    margin-bottom: 30px;
}

.weltladen2026-single-event__details p {
    position: relative;
    margin: 0;
    padding-left: 28px;
}

.weltladen2026-single-event__details p::before {
    position: absolute;
    top: .1em;
    left: 0;
    width: 18px;
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
}

.weltladen2026-single-event__details .termine-date::before {
    content: "\f073";
}

.weltladen2026-single-event__details .termine-ort::before {
    content: "\f3c5";
}

.weltladen2026-single-event__share {
    margin-top: 50px;
}

.weltladen2026-single-event__back {
    margin-top: 28px;
}

@media (max-width: 767px) {
    .weltladen2026-single-event {
        grid-template-columns: 1fr;
        grid-template-areas:
            "title"
            "media"
            "content";
        gap: 24px;
    }
}

/* Fallback for markup generated before the theme shortcode renderer runs. */
.termine-page:not(.weltladen2026-event-list) {
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* The page shortcode is placed in a WPBakery 8/12 column. Expand only its
   event list so cards use the full content-area width, not the sidebar. */
#content .vc_col-sm-8>.vc_column-inner>.wpb_wrapper>.termine-page {
    width: 150%;
    max-width: none;
}

.termine-page:not(.weltladen2026-event-list)>li {
    display: grid;
    width: 100%;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 32%);
    column-gap: 32px;
    align-items: start;
    padding: 28px 32px;
    background: #fff;
    color: var(--text);
    -webkit-mask: url(/wp-content/themes/weltladen2026/img/rectangle1.svg) 0 0 / 100% 100% no-repeat;
    mask: url(/wp-content/themes/weltladen2026/img/rectangle1.svg) 0 0 / 100% 100% no-repeat;
}

.termine-page:not(.weltladen2026-event-list)>li .termine-titel {
    grid-column: 1;
    margin: 0;
    font-size: var(--fontsize-h4);
    line-height: 1.2;
}

.termine-page:not(.weltladen2026-event-list)>li .termine-titel a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.termine-page:not(.weltladen2026-event-list)>li .termine-date,
.termine-page:not(.weltladen2026-event-list)>li .termine-ort {
    grid-column: 2;
    position: relative;
    margin: 0 0 10px;
    padding-left: 28px;
    font-size: var(--fontsize-small);
    line-height: 1.35;
}

.termine-page:not(.weltladen2026-event-list)>li .termine-date::before,
.termine-page:not(.weltladen2026-event-list)>li .termine-ort::before {
    position: absolute;
    top: .1em;
    left: 0;
    width: 18px;
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
}

.termine-page:not(.weltladen2026-event-list)>li .termine-date::before {
    content: "\f073";
}

.termine-page:not(.weltladen2026-event-list)>li .termine-ort::before {
    content: "\f3c5";
}

.termine-page:not(.weltladen2026-event-list)>li .termine-auszug {
    grid-column: 1;
    margin: 22px 0 0;
    font-size: var(--fontsize-small);
    line-height: 1.45;
}

/* Enhanced live-plugin cards: badge | title and description | date details. */
.termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced {
    grid-template-columns: 86px minmax(0, 1fr) minmax(150px, 20%);
    column-gap: 56px;
    row-gap: 20px;
    min-height: 142px;
}

.termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced .weltladen2026-event-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced .weltladen2026-event-main .termine-titel,
.termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced .weltladen2026-event-main .termine-auszug {
    grid-column: auto;
}

.termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced .termine-auszug {
    margin-top: 12px;
}

.termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced>[class*="termine-ort"] {
    grid-column: 1 / -1;
    grid-row: 2;
    position: relative;
    margin: 4px 0 0;
    padding-left: 28px;
    font-size: var(--fontsize-small);
    line-height: 1.35;
}

.termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced>[class*="termine-ort"]::before {
    content: "\f3c5";
    position: absolute;
    top: .1em;
    left: 0;
    width: 18px;
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
}

.termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced .weltladen2026-event-details {
    display: grid;
    gap: 10px;
}

.termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced .weltladen2026-event-details .termine-date {
    grid-column: auto;
    font-size: .92em;
}

@media (max-width: 767px) {
    #content .vc_col-sm-8>.vc_column-inner>.wpb_wrapper>.termine-page {
        width: 100%;
    }

    .termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced {
        grid-template-columns: 86px minmax(0, 1fr);
        column-gap: 24px;
    }

    .termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced .weltladen2026-event-details {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced>[class*="termine-ort"] {
        grid-row: 3;
    }
}

@media (max-width: 600px) {
    .weltladen2026-event-card {
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 16px;
        padding: 24px;
    }

    .weltladen2026-event-date-badge {
        width: 68px;
        height: 68px;
    }

    .weltladen2026-event-date-badge strong {
        font-size: 30px;
    }

    .weltladen2026-event-details {
        grid-column: 1 / -1;
    }

    .termine-page:not(.weltladen2026-event-list)>li {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 24px;
    }

    .termine-page:not(.weltladen2026-event-list)>li .termine-titel,
    .termine-page:not(.weltladen2026-event-list)>li .termine-date,
    .termine-page:not(.weltladen2026-event-list)>li .termine-ort,
    .termine-page:not(.weltladen2026-event-list)>li .termine-auszug {
        grid-column: 1;
    }

    .termine-page:not(.weltladen2026-event-list)>li .termine-auszug {
        margin-top: 0;
    }

    .termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced {
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 16px;
    }

    .termine-page:not(.weltladen2026-event-list)>li.weltladen2026-event-card-enhanced .weltladen2026-event-details {
        grid-column: 1 / -1;
    }
}


/*Termine Widget */

#footer .widget-title {
    margin-bottom: 0 !important;
}

.wl-termin-widget.termine-widget li {
    background: var(--paper);
    padding: 10px;
    margin-bottom: 10px;
}

.wl-termin-titel.termine-titel-widget {
    font-size: 1.3em;
    margin-bottom: 0;
}


.wl-termin-date.termine-date-widget {
    font-size: 0.9em;
    border-bottom: white 3px dashed;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.wl-termin-date.termine-date-widget::before {
    content: "\f073";
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    /* adjust size and color if needed */
    font-size: 0.95em;
    color: inherit;
}

.wl-termin-widget.termine-widget,
.wl-termin-widget.termine-widget a {
    color: #000 !important
}

#main input[type='text'] {
    border: #000 2px solid !important;
    color: #000 !important;
}

/*Forms */

.wpcf7 label {
    text-transform: uppercase;
    font-weight: 900;
    color: #000;
    font-size: 0.8em;
}

.wpcf7-form-control-wrap {
    margin-top: 3px;
}

.wpcf7 input,
.wpcf7 textarea {
    margin-top: 4px;
    border: #000 2px solid;
}

.wpcf7-acceptance .wpcf7-list-item-label {
    line-height: 9px;
    text-transform: none !important;
    font-weight: 400 !important;
}

.wpcf7-submit {
    margin-top: 15px !important;
}





.mobile-menu-show-divider {
    border-left: var(--orange) 10px solid;
}

.mobile-mini-widgets-in-menu .in-menu-second-switch {
    background: var(--paper);
    padding: 10px;
    margin-bottom: 5px;
    width: 100%;
    border-bottom: black 2px solid;
    color: #000 !important
}


.sidebar section a {
    text-decoration: none !important;
}



/* Container Backdrop */
.mobile-navigation {
    background-color: #ffa500;
    padding: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 16px;
    height: 35px;
    margin-left: 35px !important;
    margin-right: -20px !important
}

/* White Square Tile */
.dt-mobile-menu-icon {
    background-color: #ffffff;
    border: 2px solid #000000;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;

}

/* Hamburger Lines */
.menu-line {
    background-color: #000000;
    width: 24px;
    height: 3px;
    margin-bottom: 4px;
}

.menu-line:last-child {
    margin-bottom: 0;
}


/*Carousel*/
.dt-owl-item img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.dt-owl-item .vc_row {
    background: #fff;
    padding: 5px 25px;
}