/* tiv-home-sidebar-css */

    /* === EXISTING TIV AD SLOTS - Editorial Framing === */
    body.tiv-side-harmonized #secondary .tiv-ad-slot {
        background: linear-gradient(180deg, #FFFCF7 0%, #ffffff 100%) !important;
        border: 1px solid rgba(46, 95, 78, 0.10) !important;
        border-radius: 16px !important;
        padding: 16px !important;
        margin-bottom: 24px !important;
        box-shadow: 0 2px 8px rgba(46, 95, 78, 0.04) !important;
        position: relative !important;
        overflow: hidden !important;
    }
    body.tiv-side-harmonized #secondary .tiv-ad-slot::before {
        content: '';
        display: block;
        margin-bottom: 10px;
        font-family: 'Inter', sans-serif;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: #FF6B5B;
        padding-left: 14px;
        position: relative;
    }
    body.tiv-side-harmonized #secondary .tiv-ad-slot:not(.is-empty)::before {
        content: '\25CF Empfohlen';
    }
    body.tiv-side-harmonized #secondary .tiv-ad-slot.is-empty {
        display: none !important;
    }
    body.tiv-side-harmonized #secondary .tiv-ad-slot > .advads-label {
        position: absolute !important;
        top: 6px !important;
        right: 6px !important;
        font-family: 'Inter', sans-serif !important;
        font-size: 9px !important;
        font-weight: 600 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
        background: rgba(255,255,255,0.92) !important;
        color: rgba(46, 95, 78, 0.55) !important;
        padding: 3px 8px !important;
        border-radius: 4px !important;
        backdrop-filter: blur(4px);
        z-index: 2;
    }
    body.tiv-side-harmonized #secondary .tiv-ad-slot img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 10px !important;
        display: block !important;
        transition: transform .25s ease;
    }
    body.tiv-side-harmonized #secondary .tiv-ad-slot:hover img {
        transform: translateY(-2px);
    }

    /* === TIV CARD BASE (Trending + Newsletter widgets) === */
    body.tiv-side-harmonized .tiv-home-widget {
        background: #ffffff;
        border: 1px solid rgba(46, 95, 78, 0.10);
        border-radius: 16px;
        padding: 24px;
        margin-bottom: 24px;
        box-shadow: 0 2px 8px rgba(46, 95, 78, 0.04);
        position: relative;
    }
    body.tiv-side-harmonized .tiv-side-eyebrow {
        display: inline-flex; align-items: center; gap: 6px;
        font-family: 'Inter', sans-serif; font-size: 11px;
        font-weight: 700; letter-spacing: 0.16em;
        text-transform: uppercase; color: #FF6B5B;
        margin-bottom: 12px;
    }
    body.tiv-side-harmonized .tiv-side-headline {
        font-family: 'Fraunces', Georgia, serif;
        font-size: 22px; font-weight: 600;
        line-height: 1.25; color: #2E5F4E;
        margin: 0 0 6px 0;
    }
    body.tiv-side-harmonized .tiv-side-sub {
        font-family: 'Inter', sans-serif; font-size: 13px;
        line-height: 1.5; color: rgba(46, 95, 78, 0.65);
        margin: 0 0 16px 0;
    }
    body.tiv-side-harmonized .tiv-side-trending-list {
        list-style: none; padding: 0; margin: 0;
        display: flex; flex-direction: column; gap: 0;
    }
    body.tiv-side-harmonized .tiv-side-trending-skel {
        height: 64px; background: rgba(46, 95, 78, 0.04);
        border-radius: 10px;
        animation: tivSkelHome 1.5s ease-in-out infinite;
    }
    
    /* Hide native theme Newsletter widget (we have a stronger one) */
    body.tiv-side-harmonized #secondary .custom_html-48 { display: none !important; }
@keyframes tivSkelHome { 0%,100% { opacity:.5 } 50% { opacity:.25 } }
    
/* tiv-slider-zindex-fix */

    /* Hauptfix: Slider-Bilder z-index korrigieren */
    .section-slider .slide-parallax img,
    .section-slider .post-outer img,
    .slider-featured img,
    .slider-container .slide-parallax img,
    .post-outer.overlay .overlay-media img {
        z-index: 0 !important;
        transform: none !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        position: absolute !important;
        max-width: none !important;
        margin: 0 !important;
    }
    
    /* Overlay-Media voll fuellend */
    .section-slider .overlay-media,
    .slider-featured .overlay-media,
    .slider-container .overlay-media {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
    }
    
    /* Isolation context damit z-index lokal bleibt */
    .section-slider .post-outer.overlay,
    .slider-featured .post-outer,
    .slider-container .slide-parallax {
        isolation: isolate !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    /* Text und Overlay-Inhalte ueber dem Bild halten */
    .section-slider .post-outer.overlay .overlay-outer,
    .section-slider .post-outer.overlay .post-inner,
    .slider-featured .post-outer .post-inner {
        position: relative !important;
        z-index: 2 !important;
    }
    
    /* Fallback Background-Color um Flicker zu vermeiden */
    .section-slider .post-outer.overlay {
        background-color: #2E5F4E !important;
    }
    
    /* Mobile: Slider-Hoehe anpassen */
    @media (max-width: 767px) {
        .section-slider .slide-parallax,
        .section-slider .post-outer.overlay {
            min-height: 320px !important;
        }
    }
    
/* tiv-mobile-ux-2026 */

	:root{
		--tiv-beige:#f8decd;--tiv-beige-2:#e59875;--tiv-beige-3:#f7b79a;
		--tiv-green:#106050;--tiv-green-dark:#0a4a4a;
		--tiv-teal:#0a6b6c;--tiv-teal-dark:#147d77;--tiv-green-light:#29a579;
	}
	/* 1) Hide Steady banner everywhere on home */
	.home .widget.widget_media_image:has(a[href*="steady"]),
	.home .widget.media_image-7,
	.home .widget:has(a[href*="steadyhq"]),
	.home .widget:has(a[href*="steady"]){
		display:none !important;visibility:hidden !important;
		height:0 !important;margin:0 !important;padding:0 !important;
	}
	/* 2) Inline CTAs */
	.tiv-inline-cta{display:none;margin:28px 0;padding:24px 20px;border-radius:18px;position:relative;overflow:hidden;contain:content;}
	.tiv-inline-cta--newsletter{background:linear-gradient(135deg,var(--tiv-green) 0%,var(--tiv-teal-dark) 100%);color:var(--tiv-beige);}
	.tiv-inline-cta--newsletter::after{content:"";position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--tiv-green-light) 0%,transparent 70%);opacity:.35;pointer-events:none;}
	.tiv-inline-cta--newsletter .tiv-cta-eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tiv-beige-3);font-weight:600;margin:0 0 6px;}
	.tiv-inline-cta--newsletter .tiv-cta-title{font-size:1.35rem;line-height:1.25;font-weight:700;margin:0 0 8px;color:#fff;}
	.tiv-inline-cta--newsletter .tiv-cta-sub{font-size:.95rem;line-height:1.45;margin:0 0 16px;color:rgba(248,222,205,.92);}
	.tiv-inline-cta--newsletter .tiv-cta-form{display:flex;gap:8px;flex-wrap:wrap;}
	.tiv-inline-cta--newsletter input[type=email]{flex:1 1 60%;min-width:0;padding:12px 14px;border-radius:10px;border:0;font-size:1rem;background:#fff;color:var(--tiv-green-dark);}
	.tiv-inline-cta--newsletter button{flex:1 1 35%;padding:12px 16px;border-radius:10px;border:0;background:var(--tiv-beige);color:var(--tiv-green-dark);font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .15s ease,background .2s ease;}
	.tiv-inline-cta--newsletter button:hover{background:var(--tiv-beige-3);transform:translateY(-1px);}
	.tiv-inline-cta--newsletter .tiv-cta-trust{font-size:.72rem;color:rgba(248,222,205,.7);margin:10px 0 0;}
	.tiv-inline-popular{display:none;margin:32px 0;padding:0;contain:content;}
	.tiv-inline-popular .tiv-pop-head{display:flex;align-items:center;gap:10px;margin:0 0 14px;}
	.tiv-inline-popular .tiv-pop-head::before{content:"";width:24px;height:2px;background:var(--tiv-green-light);}
	.tiv-inline-popular h3{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tiv-green-dark);margin:0;font-weight:700;}
	.tiv-inline-popular ol{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:tivpop;}
	.tiv-inline-popular li{display:grid;grid-template-columns:46px 88px 1fr;gap:12px;align-items:center;counter-increment:tivpop;padding:8px 0;border-bottom:1px solid rgba(10,74,74,.08);}
	.tiv-inline-popular li::before{content:counter(tivpop);font-size:1.6rem;font-weight:800;line-height:1;color:var(--tiv-beige-2);font-feature-settings:"tnum";}
	.tiv-inline-popular li img{width:88px;height:66px;object-fit:cover;border-radius:10px;aspect-ratio:4/3;}
	.tiv-inline-popular li a{color:var(--tiv-green-dark);font-weight:600;font-size:.95rem;line-height:1.3;text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
	.tiv-inline-popular li a:hover{color:var(--tiv-teal-dark);}
	/* 3) Event cards mobile fix */
	@media (max-width:768px){
		.home .vegan-events-list .event-item,
		.home [class*="event"][class*="-item"],
		.home .tribe-events-calendar-list__event-row{
			display:block !important;margin:0 0 24px !important;
			border-radius:14px;overflow:hidden;background:#fff;
			box-shadow:0 1px 3px rgba(10,74,74,.06);
		}
		.home .event-item .event-thumbnail,
		.home [class*="event"] [class*="thumbnail"],
		.home [class*="event"] [class*="featured-image"]{
			position:relative !important;display:block !important;width:100% !important;
			aspect-ratio:16/9 !important;height:auto !important;max-height:none !important;
			overflow:hidden !important;border-radius:14px 14px 0 0 !important;
		}
		.home .event-item .event-thumbnail img,
		.home [class*="event"] [class*="thumbnail"] img,
		.home [class*="event"] [class*="featured-image"] img{
			width:100% !important;height:100% !important;
			object-fit:cover !important;display:block !important;
		}
		.home .event-item .event-category,
		.home [class*="event"] .event-category,
		.home [class*="event"] [class*="event-cat"]:not(picture):not(img){
			position:absolute !important;top:12px !important;left:12px !important;z-index:3 !important;
			background:var(--tiv-green-dark) !important;color:var(--tiv-beige) !important;
			font-size:.7rem !important;font-weight:700 !important;letter-spacing:.08em !important;
			text-transform:uppercase !important;padding:5px 10px !important;border-radius:999px !important;
			line-height:1 !important;width:auto !important;height:auto !important;max-width:none !important;
			box-shadow:0 2px 8px rgba(10,74,74,.25) !important;opacity:1 !important;backdrop-filter:none !important;
		}
		.home [class*="event"] .event-meta,
		.home [class*="event"] [class*="event-content"],
		.home [class*="event"] [class*="event-info"]{padding:14px 16px 16px !important;}
		.home [class*="event"] .event-title,
		.home [class*="event"] [class*="event-title"] a{
			font-size:1.05rem !important;line-height:1.3 !important;
			color:var(--tiv-green-dark) !important;font-weight:700 !important;
		}
		.home [class*="event"] .event-date,
		.home [class*="event"] [class*="event-date"]{
			font-size:.85rem !important;color:var(--tiv-teal) !important;margin-top:6px !important;
		}
		.tiv-inline-cta,.tiv-inline-popular{display:block;}
	}
	@media print{.tiv-inline-cta,.tiv-inline-popular{display:none !important;}}