/* tiv-nearby-vegan-css */ .tiv-nearby-vegan{display:block !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin:48px 0 !important;padding:48px 24px !important;background:#fdf6f0 !important;border-radius:16px !important;color:#0a4a4a !important;position:relative !important;clear:both !important;} .tiv-nearby-vegan .tiv-nearby-inner{display:block !important;width:100% !important;max-width:1100px !important;margin:0 auto !important;padding:0 !important;box-sizing:border-box !important;} .tiv-nearby-vegan .tiv-nearby-header{display:block !important;width:100% !important;max-width:100% !important;margin:0 0 24px !important;padding:0 !important;text-align:center !important;} .tiv-nearby-vegan .tiv-nearby-eyebrow{display:inline-block !important;font-family:'Inter',sans-serif !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#29a579 !important;margin:0 0 10px !important;padding:6px 14px !important;background:rgba(41,165,121,.1) !important;border-radius:999px !important;} .tiv-nearby-vegan .tiv-nearby-title{font-family:'Fraunces',serif !important;font-size:clamp(22px,3vw,32px) !important;font-weight:600 !important;line-height:1.2 !important;color:#0a4a4a !important;margin:0 0 12px !important;padding:0 !important;border:0 !important;} .tiv-nearby-vegan .tiv-nearby-subtitle{font-family:'Inter',sans-serif !important;font-size:16px !important;line-height:1.6 !important;color:#106050 !important;max-width:640px !important;margin:0 auto !important;padding:0 !important;} .tiv-nearby-vegan .tiv-nearby-mapwrap{display:block !important;position:relative !important;width:100% !important;max-width:100% !important;height:480px !important;margin:0 !important;padding:0 !important;border-radius:12px !important;overflow:hidden !important;box-shadow:0 6px 24px rgba(10,74,74,.12) !important;background:#e9e4dd !important;box-sizing:border-box !important;} .tiv-nearby-vegan .tiv-nearby-map{display:block !important;width:100% !important;height:100% !important;min-width:100% !important;border:0 !important;} .tiv-nearby-vegan .tiv-ig-cta{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:center !important;gap:12px !important;margin:18px auto 0 !important;padding:14px 18px !important;max-width:760px !important;background:rgba(255,255,255,.55) !important;border:1px solid rgba(10,74,74,.08) !important;border-radius:12px !important;box-sizing:border-box !important;text-align:left !important;} .tiv-nearby-vegan .tiv-ig-icon{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:36px !important;height:36px !important;flex:0 0 36px !important;border-radius:10px !important;background:linear-gradient(135deg,#feda75 0%,#fa7e1e 25%,#d62976 50%,#962fbf 75%,#4f5bd5 100%) !important;color:#fff !important;text-decoration:none !important;font-size:18px !important;line-height:1 !important;transition:transform .2s ease !important;} .tiv-nearby-vegan .tiv-ig-icon:hover{transform:scale(1.06) !important;} .tiv-nearby-vegan .tiv-ig-text{flex:1 1 280px !important;font-family:'Inter',sans-serif !important;font-size:13.5px !important;line-height:1.5 !important;color:#0a4a4a !important;margin:0 !important;padding:0 !important;} .tiv-nearby-vegan .tiv-ig-text a{color:#147d77 !important;font-weight:600 !important;text-decoration:none !important;border-bottom:1px solid rgba(20,125,119,.35) !important;} .tiv-nearby-vegan .tiv-ig-text a:hover{color:#0a4a4a !important;border-bottom-color:#0a4a4a !important;} .single-tribe_events .tribe-events-single-event-description .tiv-nearby-vegan p::first-letter, .single-tribe_events .tribe-events-single-event-description .tiv-nearby-vegan p:first-of-type::first-letter, .single-tribe_events .tribe-events-single-event-description .tiv-nearby-vegan .tiv-nearby-subtitle::first-letter, .single-tribe_events .tribe-events-single-event-description .tiv-nearby-vegan .tiv-ig-text::first-letter{float:none !important;font-size:inherit !important;line-height:inherit !important;color:inherit !important;font-family:inherit !important;font-weight:inherit !important;padding:0 !important;margin:0 !important;background:transparent !important;} .single-tribe_events .tribe-events-single-event-description .tiv-nearby-vegan .tiv-nearby-title::before, .single-tribe_events .tribe-events-single-event-description .tiv-nearby-vegan h2::before{content:none !important;display:none !important;background:none !important;width:0 !important;height:0 !important;} @media (max-width:768px){ .tiv-nearby-vegan{padding:28px 16px !important;margin:32px 0 !important;border-radius:12px !important;} .tiv-nearby-vegan .tiv-nearby-mapwrap{height:340px !important;} .tiv-nearby-vegan .tiv-nearby-title{font-size:22px !important;} .tiv-nearby-vegan .tiv-nearby-subtitle{font-size:15px !important;} .tiv-nearby-vegan .tiv-ig-cta{padding:12px 14px !important;gap:10px !important;text-align:center !important;} .tiv-nearby-vegan .tiv-ig-text{font-size:13px !important;flex:1 1 100% !important;} .tiv-nearby-vegan .tiv-ig-icon{margin:0 auto !important;} } /* tiv-ad-zone-css */ /* Ad-Zone vor Veranstaltungsort */ .tiv-ad-before-venue{display:block !important;width:100% !important;max-width:760px !important;margin:32px auto !important;padding:0 16px !important;box-sizing:border-box !important;text-align:center !important;} .tiv-ad-before-venue:empty{display:none !important;margin:0 !important;padding:0 !important;} .tiv-ad-before-venue > *{margin-left:auto !important;margin-right:auto !important;} /* Wenn der Container nichts ausser Whitespace enthaelt, soll er weg sein */ .tiv-ad-before-venue:has(> :empty:only-child){display:none !important;} /* Anzeige-Label zentrieren bei mittig formatierten Ads (Advanced Ads) */ .tiv-ad-before-venue .advads-label, .tiv-ad-before-venue .advads-tracking-label, .tiv-ad-before-venue [class*=advads-label]{text-align:center !important;display:block !important;width:100% !important;font-size:11px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:rgba(10,74,74,.55) !important;margin:0 auto 6px !important;} /* Globaler Fix: Auch andere zentriert eingebettete Ads bekommen mittiges Label */ .tribe-events-single-event-description [style*="text-align: center"] .advads-label, .tribe-events-single-event-description [style*="text-align:center"] .advads-label, .single-tribe_events .aligncenter > .advads-label, .single-tribe_events .has-text-align-center .advads-label{text-align:center !important;display:block !important;width:100% !important;} @media (max-width:768px){ .tiv-ad-before-venue{margin:24px auto !important;padding:0 12px !important;} } /* tiv-eventtipps-css */ .tiv-eventtipps{margin:48px 0 32px;font-family:'Inter',system-ui,sans-serif;} .tiv-eventtipps-inner{padding:0;} .tiv-eventtipps h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(22px,3vw,28px);line-height:1.2;color:#0a4a4a;margin:0 0 6px;font-weight:600;letter-spacing:-.01em;} .tiv-eventtipps .tiv-et-sub{font-size:14px;color:#5a6b6b;margin:0 0 20px;line-height:1.5;} .single-tribe_events .tribe-events-single-event-description .tiv-eventtipps h2::before{content:none !important;background:none !important;display:none !important;} .single-tribe_events .tribe-events-single-event-description .tiv-eventtipps p::first-letter{font-size:inherit !important;float:none !important;font-weight:inherit !important;color:inherit !important;line-height:inherit !important;padding:0 !important;margin:0 !important;font-family:inherit !important;} .tiv-et-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;} .tiv-et-card{display:flex;flex-direction:column;background:#fdf6f0;border:1px solid #f8decd;border-radius:14px;overflow:hidden;text-decoration:none !important;color:inherit;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;} .tiv-et-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(10,74,74,.12);border-color:#e59875;} .tiv-et-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#106050 0%,#29a579 100%);background-size:cover;background-position:center;position:relative;} .tiv-et-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,74,74,.45) 100%);} .tiv-et-cat{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.94);color:#0a4a4a;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:5px 9px;border-radius:6px;z-index:2;line-height:1;} .tiv-et-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1;} .tiv-et-date{font-size:12px;font-weight:600;color:#147d77;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;} .tiv-et-title{font-family:'Fraunces',Georgia,serif;font-size:17px;line-height:1.3;color:#0a4a4a;margin:0;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .tiv-et-loc{font-size:13px;color:#5a6b6b;line-height:1.4;margin-top:auto;display:flex;align-items:center;gap:5px;} .tiv-et-loc::before{content:'';display:inline-block;width:12px;height:12px;background:url("data:image/svg+xml;utf8,") no-repeat center/contain;flex-shrink:0;} .tiv-et-empty{font-size:14px;color:#5a6b6b;text-align:center;padding:24px;background:#fdf6f0;border-radius:12px;} @media (max-width:768px){ .tiv-eventtipps{margin:32px 0 24px;} .tiv-et-grid{grid-template-columns:1fr;gap:12px;} .tiv-et-card{flex-direction:row;} .tiv-et-thumb{aspect-ratio:1;flex:0 0 110px;} .tiv-et-body{padding:10px 12px;gap:6px;} .tiv-et-title{font-size:15px;} .tiv-et-cat{font-size:10px;padding:3px 6px;} .tiv-et-date{font-size:11px;} } /* tiv-event-sidebar-css */ body.tiv-event-sidebar-active #content.main-content > #tribe-events-pg-template { max-width: 1280px !important; margin: 0 auto !important; padding: 0 24px !important; } @media (min-width: 1024px) { body.tiv-event-sidebar-active #content.main-content > #tribe-events-pg-template.tiv-has-sidebar { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px !important; gap: 56px !important; align-items: start !important; } body.tiv-event-sidebar-active #content.main-content > #tribe-events-pg-template.tiv-has-sidebar > * { grid-column: 1 !important; min-width: 0 !important; } body.tiv-event-sidebar-active #content.main-content > #tribe-events-pg-template.tiv-has-sidebar > .tiv-event-sidebar { grid-column: 2 !important; grid-row: 1 / span 99 !important; } body.tiv-event-sidebar-active .tiv-event-sidebar { position: sticky !important; top: 96px !important; align-self: start !important; } } /* CARD BASE */ body.tiv-event-sidebar-active .tiv-event-sidebar { display: flex; flex-direction: column; gap: 24px; } body.tiv-event-sidebar-active .tiv-side-card { background: #ffffff; border: 1px solid rgba(46, 95, 78, 0.10); border-radius: 16px; padding: 24px; box-shadow: 0 2px 8px rgba(46, 95, 78, 0.04); position: relative; transition: box-shadow .25s ease, transform .25s ease; } /* AD CARDS */ body.tiv-event-sidebar-active .tiv-side-ad { background: linear-gradient(180deg, #FFFCF7 0%, #ffffff 100%); padding: 16px; } body.tiv-event-sidebar-active .tiv-side-ad-eyebrow { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; padding: 0 4px; } body.tiv-event-sidebar-active .tiv-side-ad-dot { width: 6px; height: 6px; border-radius: 50%; background: #FF6B5B; animation: tivAdPulse 2.4s ease-in-out infinite; } @keyframes tivAdPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .55; transform: scale(1.4); } } body.tiv-event-sidebar-active .tiv-side-ad-eyebrow-txt { font-family: 'Inter', system-ui, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #FF6B5B; } body.tiv-event-sidebar-active .tiv-side-ad-slot { position: relative; overflow: hidden; border-radius: 10px; transition: transform .25s ease; } body.tiv-event-sidebar-active .tiv-side-ad-slot:hover { transform: translateY(-2px); } body.tiv-event-sidebar-active .tiv-side-ad-slot a { display: block; line-height: 0; } body.tiv-event-sidebar-active .tiv-side-ad-slot img { max-width: 100%; height: auto; display: block; border-radius: 8px; } body.tiv-event-sidebar-active .tiv-side-ad-slot .advads-label { position: absolute; top: 6px; right: 6px; font-family: 'Inter', sans-serif; font-size: 9px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; background: rgba(255,255,255,0.92); color: rgba(46, 95, 78, 0.55); padding: 3px 8px; border-radius: 4px; backdrop-filter: blur(4px); z-index: 2; } /* tiv-tribe-mobile-fix */ /* Desktop + Mobile: cleanere Meta-Section */ .single-tribe_events .tribe-events-event-meta.primary { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 16px !important; align-items: stretch !important; } .single-tribe_events .tribe-events-event-meta.primary .tribe-events-meta-group { flex: 1 1 calc(50% - 8px) !important; min-width: 0 !important; margin: 0 !important; padding: 18px 20px !important; box-sizing: border-box !important; background: #FFFCF7 !important; border: 1px solid #EAE4D8 !important; border-radius: 14px !important; word-wrap: break-word !important; overflow-wrap: anywhere !important; hyphens: auto !important; } .single-tribe_events .tribe-events-event-meta.primary .tribe-events-meta-group .tribe-events-single-section-title { font-family: 'Fraunces', Georgia, serif !important; font-size: 13px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #2E5F4E !important; margin: 0 0 12px 0 !important; padding-bottom: 8px !important; border-bottom: 2px solid #2E5F4E !important; font-weight: 600 !important; } .single-tribe_events .tribe-events-event-meta.primary .tribe-events-meta-group dt, .single-tribe_events .tribe-events-event-meta.primary .tribe-events-meta-group dd { word-wrap: break-word !important; overflow-wrap: anywhere !important; line-height: 1.5 !important; } .single-tribe_events .tribe-events-event-meta.primary .tribe-events-meta-group a { color: #2E5F4E !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 2px !important; } .single-tribe_events .tribe-events-event-meta.primary .tribe-events-meta-group a:hover { color: #FF6B5B !important; } /* Mobile (< 768px): untereinander stapeln */ @media (max-width: 767px) { .single-tribe_events .tribe-events-event-meta.primary { flex-direction: column !important; gap: 12px !important; } .single-tribe_events .tribe-events-event-meta.primary .tribe-events-meta-group { flex: 1 1 100% !important; width: 100% !important; padding: 16px 18px !important; } .single-tribe_events .tribe-events-event-meta.primary .tribe-events-meta-group .tribe-events-single-section-title { font-size: 12px !important; } } /* Map-Container Mobile-Fix */ @media (max-width: 767px) { .single-tribe_events .tribe-events-venue-map, .single-tribe_events #tribe-events-gmap { width: 100% !important; margin: 16px 0 !important; border-radius: 12px !important; overflow: hidden !important; } } /* Subscribe-Dropdown Mobile-Fix (iCal-Buttons) */ @media (max-width: 767px) { .single-tribe_events .tribe-events-c-subscribe-dropdown__container { width: 100% !important; margin: 12px 0 !important; } } /* 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;}} /* tiv-icon-system */ /* TIV Icon-System ============================== */ .tiv-icon { display: inline-block; width: 1em; height: 1em; vertical-align: -0.15em; background-color: currentColor; -webkit-mask: var(--tiv-icon) no-repeat center / contain; mask: var(--tiv-icon) no-repeat center / contain; flex-shrink: 0; } /* Größen-Modifier */ .tiv-icon--sm { width: 0.85em; height: 0.85em; } .tiv-icon--lg { width: 1.5em; height: 1.5em; } .tiv-icon--xl { width: 2.5em; height: 2.5em; } .tiv-icon--xxl { width: 4em; height: 4em; } /* Brand-Farben */ .tiv-icon--green { color: #229466; } .tiv-icon--dark { color: #0A4A4A; } .tiv-icon--beige { color: #F7F4EE; } .tiv-icon--white { color: #ffffff; } /* Schärfe-Stufen (Chili in 3 Intensitäten via opacity-cluster) */ .tiv-spice { display: inline-flex; gap: 2px; align-items: center; color: #c0392b; } .tiv-spice .tiv-icon { color: inherit; } .tiv-spice--mild .tiv-icon:nth-child(n+2) { opacity: 0.2; } .tiv-spice--medium .tiv-icon:nth-child(n+3) { opacity: 0.2; } /* Schwierigkeit (Chef-Hat in 3 Stufen) */ .tiv-difficulty { display: inline-flex; gap: 2px; align-items: center; color: #0A4A4A; } .tiv-difficulty .tiv-icon { color: inherit; } .tiv-difficulty--einfach .tiv-icon:nth-child(n+2) { opacity: 0.2; } .tiv-difficulty--mittel .tiv-icon:nth-child(n+3) { opacity: 0.2; } /* Recipe-Card Icon-Reihe */ .tiv-recipe-meta { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; font-size: 14px; color: #0A4A4A; margin: 12px 0; padding: 10px 14px; background: #F7F4EE; border-radius: 8px; } .tiv-recipe-meta__item { display: inline-flex; gap: 6px; align-items: center; font-weight: 600; } .tiv-recipe-meta__item .tiv-icon { width: 1.25em; height: 1.25em; } /* Diet-Tags Pills (kleine farbige Badges) */ .tiv-diet-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; } .tiv-diet-tag { display: inline-flex; gap: 4px; align-items: center; padding: 4px 10px; background: #229466; color: #fff; border-radius: 999px; font-size: 12px; font-weight: 600; text-decoration: none; transition: background 0.2s; } .tiv-diet-tag:hover { background: #1a7a52; color: #fff; } /* Filter-Bar */ .tiv-filter-bar { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 24px 0 32px; padding: 16px; background: #F7F4EE; border-radius: 12px; } .tiv-filter-bar__btn { display: inline-flex; gap: 6px; align-items: center; padding: 8px 14px; background: #fff; color: #0A4A4A; border-radius: 999px; font-size: 13px; font-weight: 600; text-decoration: none; border: 2px solid transparent; transition: all 0.2s; } .tiv-filter-bar__btn:hover { border-color: #229466; color: #229466; } .tiv-filter-bar__btn.is-active { background: #229466; color: #fff; } .tiv-filter-bar__btn .tiv-icon { width: 1.1em; height: 1.1em; } /* Dark-Mode Auto-Anpassung */ @media (prefers-color-scheme: dark) { .tiv-recipe-meta { background: #1a2a2a; color: #F7F4EE; } .tiv-filter-bar { background: #1a2a2a; } .tiv-filter-bar__btn { background: #0A4A4A; color: #F7F4EE; } } /* Mobile */ @media (max-width: 600px) { .tiv-recipe-meta { font-size: 13px; gap: 10px; padding: 10px; } .tiv-filter-bar { padding: 12px; gap: 8px; } .tiv-filter-bar__btn { font-size: 12px; padding: 6px 10px; } } /* tiv-ux-fixes-2026-05 */ /* === 1) STEADY: komplett ausblenden (war vorher nur .home) === */ .widget.widget_media_image:has(a[href*="steady"]), .widget.media_image-7, .widget:has(a[href*="steadyhq"]), .widget:has(a[href*="steady"]), aside.steady-publication, .steady-checkout-widget, .steady-widget, [class*="steady-"]:not(.steady-keep) { display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* === 2) WERBELABEL: Default-Labels im Content unterdrücken, ein einziges kleines kursives "Anzeige" vor dem ersten Ad === */ .entry-content .advads-label, .post-main .advads-label, .single .content .advads-label, .tiv-inline-ad .advads-label { display: none !important; } /* Single label injected by JS unten */ .tiv-single-ad-label { display: block; font-size: 10px; font-style: italic; font-weight: 400; letter-spacing: 0.04em; color: #a0a0a0; margin: 0 0 4px; padding: 0; text-align: left; line-height: 1; } /* Sidebar darf eigenes Label behalten (eyebrow style) */ body.tiv-side-harmonized .tiv-ad-slot .advads-label { display: block !important; } /* === 3) SIDEBAR-TRENDING: img-Fallback aktivieren falls background-image scheitert === */ .tiv-side-trending-thumb { position: relative; } .tiv-side-trending-thumb img.tiv-thumb-fallback { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }