/* VITZ Aktuelles 4.0 – bewusst neu aufgebaut, ohne Altlasten und ohne !important. */ .vitz-news{--news-accent:#e85d04;--news-gap:24px;--news-featured-image-track:1fr;--news-featured-text-track:1fr;--news-featured-image-width-custom:50%;--news-featured-height:380px;--news-hero-gap:0px;--news-hero-list-gap:24px;--news-list-image-width:150px;--news-list-image-height:110px;--news-list-image-gap:24px;--news-list-arrow-gap:20px;--news-list-item-gap:24px;--news-date-width:76px;--news-date-height:86px;--news-date-top:18px;--news-date-left:18px;--news-date-radius:12px;--news-list-date-width:52px;--news-list-date-height:58px;--news-list-date-top:10px;--news-list-date-left:10px;--news-list-date-radius:9px;box-sizing:border-box;overflow:hidden;container-type:inline-size;background:#fff;color:#252525} .elementor-widget.elementor-widget-emmcee-aktuelles, .elementor-widget.elementor-widget-emmcee-aktuelles>.elementor-widget-container{container-type:normal} @media (max-width:767px){ .elementor-widget.elementor-widget-emmcee-aktuelles, .elementor-widget.elementor-widget-emmcee-aktuelles>.elementor-widget-container{height:auto;min-height:0} .elementor-widget.elementor-widget-emmcee-aktuelles>.elementor-widget-container>.vitz-news{align-self:flex-start;height:auto;min-height:0} } .vitz-news *{box-sizing:border-box}.vitz-news a{text-decoration:none}.vitz-news__header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;background:#efefef}.vitz-news__header-main{display:flex;align-items:center;gap:16px;min-width:0}.vitz-news__header-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--news-accent);font-size:20px;line-height:1}.vitz-news__header-icon i{display:block;color:inherit;font-size:inherit;line-height:1}.vitz-news__header-icon svg{display:block;width:1em;height:1em;color:inherit;fill:currentColor}.vitz-news__header-copy{min-width:0}.vitz-news__heading{margin:0;color:#313131}.vitz-news__subtitle{margin-top:5px;color:#777}.vitz-news__archive{flex:none;color:var(--news-accent)}.vitz-news__body{display:grid;gap:0;padding:var(--news-gap)} .vitz-news__featured,.vitz-news__card,.vitz-news__row{min-width:0;background:#fff}.vitz-news__featured,.vitz-news__row{overflow:visible}.vitz-news__card{overflow:hidden}.vitz-news--ratio-60-40{--news-featured-image-track:3fr;--news-featured-text-track:2fr}.vitz-news--ratio-50-50{--news-featured-image-track:1fr;--news-featured-text-track:1fr}.vitz-news--ratio-30-70{--news-featured-image-track:3fr;--news-featured-text-track:7fr}.vitz-news--ratio-custom{--news-featured-image-track:var(--news-featured-image-width-custom);--news-featured-text-track:1fr}.vitz-news__featured{display:grid;grid-template-columns:1fr;gap:var(--news-hero-gap)}.vitz-news--desktop-side .vitz-news__featured{grid-template-columns:minmax(0,var(--news-featured-image-track)) minmax(0,var(--news-featured-text-track))}.vitz-news--image-top .vitz-news__featured{grid-template-columns:1fr}.vitz-news__media{position:relative;display:block;overflow:hidden;background:#eee}.vitz-news__media img{display:block;width:100%;height:100%;object-fit:cover}.vitz-news__featured-media{min-height:var(--news-featured-height);height:var(--news-featured-height)}.vitz-news__placeholder{display:block;width:100%;height:100%;min-height:160px;background:linear-gradient(135deg,#eee,#ddd)}.vitz-news__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:24px}.vitz-news__title{margin:0 0 12px;color:#333;overflow-wrap:anywhere}.vitz-news__title a{color:inherit}.vitz-news__author{color:#8a857f;font-size:13px;line-height:1.45}.vitz-news__author--featured{margin:0 0 12px}.vitz-news__author--list{margin:0 0 7px}.vitz-news__excerpt{color:#666;overflow-wrap:anywhere}.vitz-news__more{display:inline-flex;align-items:center;gap:9px;margin-top:20px;padding:10px 16px;border:0 solid transparent;border-radius:999px;background:var(--news-accent);color:#fff;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.vitz-news__more svg{width:1em;height:1em}.vitz-news__date{position:absolute;z-index:2;top:var(--news-date-top);left:var(--news-date-left);display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--news-date-width);height:var(--news-date-height);padding:8px 6px;border-radius:var(--news-date-radius);background:linear-gradient(180deg,color-mix(in srgb,var(--news-accent) 88%,white),var(--news-accent));color:#fff;line-height:1;text-align:center;box-shadow:0 7px 18px rgba(0,0,0,.18);pointer-events:none}.vitz-news__date strong{font-size:calc(var(--news-date-width) * .42);font-weight:850;letter-spacing:-.03em}.vitz-news__date span{margin-top:calc(var(--news-date-height) * .07);font-size:calc(var(--news-date-width) * .19);font-weight:750;letter-spacing:.07em}.vitz-news__date--list{top:var(--news-list-date-top);left:var(--news-list-date-left);width:var(--news-list-date-width);height:var(--news-list-date-height);border-radius:var(--news-list-date-radius)}.vitz-news__date--list strong{font-size:calc(var(--news-list-date-width) * .42)}.vitz-news__date--list span{margin-top:calc(var(--news-list-date-height) * .06);font-size:calc(var(--news-list-date-width) * .18)} .vitz-news__hero-list-stack{display:grid;gap:var(--news-hero-list-gap);min-width:0}.vitz-news__list{display:grid;gap:var(--news-list-item-gap)}.vitz-news__row{display:grid;grid-template-columns:minmax(60px,var(--news-list-image-width)) minmax(0,1fr) auto;align-items:center;column-gap:var(--news-list-image-gap);padding:0}.vitz-news__row-media{width:100%;height:var(--news-list-image-height);border-radius:0}.vitz-news__row-content{min-width:0}.vitz-news__row .vitz-news__title{margin:0 0 7px}.vitz-news__arrow{display:grid;place-items:center;margin-left:max(0px,calc(var(--news-list-arrow-gap) - var(--news-list-image-gap)));width:38px;height:38px;border-radius:50%;color:var(--news-accent);font-size:22px}.vitz-news__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--news-gap)}.vitz-news__card{display:flex;flex-direction:column}.vitz-news__card-media{height:250px}.vitz-news__card .vitz-news__content{flex:1;justify-content:flex-start}.vitz-news__magazine{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:var(--news-gap);align-items:start}.vitz-news__magazine .vitz-news__featured{grid-template-columns:1fr}.vitz-news__magazine .vitz-news__featured-media{height:var(--news-featured-height)}.vitz-news__magazine .vitz-news__row{grid-template-columns:minmax(60px,var(--news-list-image-width)) minmax(0,1fr) auto;gap:var(--news-list-image-gap)}.vitz-news__forced{display:grid;gap:18px;margin-top:30px}.vitz-news__forced-title{margin:0;padding-top:18px;border-top:1px solid #ddd;color:#555}.vitz-news__empty{padding:24px;background:#f5f5f5;color:#666} @container (max-width:780px){.vitz-news__header{align-items:flex-start;flex-direction:column}.vitz-news__archive{align-self:flex-end}.vitz-news__featured-media{height:var(--news-featured-height);min-height:180px}.vitz-news__body{padding:clamp(14px,3vw,24px)}} @container (max-width:600px){.vitz-news__magazine{grid-template-columns:1fr}.vitz-news__grid{grid-template-columns:1fr}} @container (max-width:540px){.vitz-news__header{padding:18px}.vitz-news__header-icon{width:42px;height:42px;flex-basis:42px}.vitz-news__featured-media{height:var(--news-featured-height);min-height:150px}.vitz-news__content{padding:16px}.vitz-news__row-media{height:var(--news-list-image-height)}.vitz-news__row .vitz-news__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}} @container (max-width:390px){.vitz-news--mobile-side .vitz-news__featured{grid-template-columns:minmax(105px,38%) minmax(0,1fr)}.vitz-news--mobile-side .vitz-news__featured-media{height:100%;min-height:190px}.vitz-news--mobile-side .vitz-news__content{padding:12px}.vitz-news--mobile-side .vitz-news__excerpt{display:none}.vitz-news--mobile-side .vitz-news__more{margin-top:10px;padding:8px 11px}} /* Die Geräte-Schalter folgen Elementors Viewport-Modi. Die tatsächliche Containerbreite darf eine bewusst gewählte Split-Darstellung nicht aufheben. */ @media (max-width:1024px){ .vitz-news:not(.vitz-news--tablet-side) .vitz-news__featured, .vitz-news:not(.vitz-news--tablet-side) .vitz-news__editorial-featured{grid-template-columns:1fr} .vitz-news--tablet-side .vitz-news__featured, .vitz-news--tablet-side .vitz-news__editorial-featured{grid-template-columns:minmax(0,var(--news-featured-image-track)) minmax(0,var(--news-featured-text-track))} .vitz-news--image-top .vitz-news__featured, .vitz-news--magazine .vitz-news__featured{grid-template-columns:1fr} } @media (max-width:767px){ .vitz-news:not(.vitz-news--mobile-side) .vitz-news__featured, .vitz-news:not(.vitz-news--mobile-side) .vitz-news__editorial-featured{grid-template-columns:1fr} .vitz-news--mobile-side .vitz-news__featured, .vitz-news--mobile-side .vitz-news__editorial-featured{grid-template-columns:minmax(0,var(--news-featured-image-track)) minmax(0,var(--news-featured-text-track))} .vitz-news--image-top .vitz-news__featured, .vitz-news--magazine .vitz-news__featured{grid-template-columns:1fr} } /* Editorial Plus – ruhige Magazinoptik mit klarer Hierarchie. */ .vitz-news--editorial-plus{ --news-editorial-line:#e7e4df; --news-editorial-muted:#817d77; --news-editorial-soft:#f7f5f2; } /* Der Innenabstand wird über die responsive Elementor-Einstellung gesteuert. */ .vitz-news__editorial{display:grid;gap:clamp(32px,5vw,64px)} .vitz-news__editorial-featured{display:grid;grid-template-columns:1fr;gap:var(--news-hero-gap);align-items:stretch;min-width:0;background:var(--news-editorial-soft);border-radius:22px;overflow:visible} .vitz-news--desktop-side .vitz-news__editorial-featured{grid-template-columns:minmax(0,var(--news-featured-image-track)) minmax(0,var(--news-featured-text-track))} .vitz-news__editorial-media{height:var(--news-featured-height);min-height:0;aspect-ratio:auto} .vitz-news__editorial-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:clamp(28px,4.5vw,64px)} .vitz-news__editorial-meta{margin-bottom:13px;color:var(--news-editorial-muted);text-transform:uppercase} .vitz-news__editorial-title{margin-bottom:18px;overflow-wrap:normal;word-break:normal;hyphens:auto} .vitz-news__editorial-excerpt{max-width:55ch} .vitz-news--editorial-plus .vitz-news__more{margin-top:28px;padding:0 0 7px;border-radius:0;border-bottom:2px solid currentColor;background:transparent;color:var(--news-accent)} .vitz-news--editorial-plus .vitz-news__more:hover{gap:14px} .vitz-news__editorial-feed{display:grid;gap:16px}.vitz-news__list-heading{position:relative;margin:0;padding-bottom:14px;color:#222}.vitz-news__list-heading::after{content:"";position:absolute;left:0;bottom:0;width:38px;height:2px;background:var(--news-accent)}.vitz-news__list-heading--no-line::after{display:none}.vitz-news__editorial-list{display:grid;border-top:1px solid var(--news-editorial-line)} .vitz-news__editorial-row{display:grid;grid-template-columns:44px minmax(60px,var(--news-list-image-width)) minmax(0,1fr) 46px;align-items:center;column-gap:var(--news-list-image-gap);row-gap:16px;padding:clamp(20px,2.8vw,34px) 0;border-bottom:1px solid var(--news-editorial-line);min-width:0}.vitz-news__editorial-row--no-index{grid-template-columns:minmax(60px,var(--news-list-image-width)) minmax(0,1fr) 46px} .vitz-news__editorial-index{align-self:start;padding-top:5px;color:var(--news-accent)} .vitz-news__editorial-thumb{height:var(--news-list-image-height);border-radius:0} .vitz-news__editorial-row-copy{min-width:0} .vitz-news__editorial-row .vitz-news__title{margin:0 0 8px;overflow-wrap:normal;word-break:normal} .vitz-news__editorial-row .vitz-news__excerpt{max-width:72ch} .vitz-news__editorial-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--news-editorial-line);border-radius:50%;color:var(--news-accent);font-size:22px;transition:transform .2s ease,border-color .2s ease,background .2s ease} .vitz-news__editorial-arrow:hover{transform:translateX(4px);border-color:var(--news-accent);background:color-mix(in srgb,var(--news-accent) 8%,transparent)} @container (max-width:650px){ .vitz-news--editorial-plus .vitz-news__body{padding:16px} .vitz-news__editorial{gap:32px} .vitz-news__editorial-featured{border-radius:16px} .vitz-news__editorial-row{grid-template-columns:minmax(60px,var(--news-list-image-width)) minmax(0,1fr) 38px;gap:var(--news-list-image-gap);padding:18px 0} .vitz-news__editorial-row--no-index{grid-template-columns:minmax(60px,var(--news-list-image-width)) minmax(0,1fr) 38px} .vitz-news__editorial-index{display:none} .vitz-news__editorial-thumb{height:var(--news-list-image-height)} .vitz-news__editorial-row .vitz-news__title{margin-bottom:6px} .vitz-news__editorial-row .vitz-news__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .vitz-news__editorial-meta{margin-bottom:7px} .vitz-news__editorial-arrow{width:36px;height:36px;font-size:19px} } @container (max-width:420px){ .vitz-news__editorial-row{grid-template-columns:88px minmax(0,1fr)} .vitz-news__editorial-row .vitz-news__excerpt{-webkit-line-clamp:3} .vitz-news__editorial-arrow{display:none} .vitz-news__editorial-thumb{height:var(--news-list-image-height)} } /* 4.0.3: Datumskacheln in allen Layouts, einschließlich Editorial Plus. */ .vitz-news--editorial-plus .vitz-news__date{box-shadow:0 6px 16px rgba(0,0,0,.18)} /* 4.0.5: getrennte Datumskacheln und vollständig steuerbare Editorial-Abstände. */ @container (max-width:420px){ .vitz-news__editorial-row--no-index{grid-template-columns:88px minmax(0,1fr)} } /* 4.0.8: Listenkacheln vollständig getrennt vom Hauptbeitrag. */ .vitz-news .vitz-news__date.vitz-news__date--list{ flex:0 0 auto; max-width:none; max-height:none; } /* 4.0.10: Einheitliche, frei wählbare Pfeile für sämtliche Listeneinträge. */ .vitz-news__list-arrow{ display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; padding:0; color:var(--news-accent); line-height:1; text-decoration:none; transition-property:color,background-color,border-color,box-shadow,transform; transition-timing-function:ease; transition-duration:.2s; } .vitz-news__list-arrow svg{display:block;width:18px;height:18px;fill:currentColor} .vitz-news__list-arrow i{display:block;font-size:18px;line-height:1} .vitz-news__list-arrow--plain{border:0;background:transparent;border-radius:0} .vitz-news__list-arrow--circle{border:1px solid var(--news-editorial-line,#e7e4df);border-radius:50%} .vitz-news__list-arrow--rounded{border:1px solid var(--news-editorial-line,#e7e4df);border-radius:10px} .vitz-news__list-arrow--square{border:1px solid var(--news-editorial-line,#e7e4df);border-radius:0} .vitz-news__list-arrow--align-start{align-self:start} .vitz-news__list-arrow--align-center{align-self:center} .vitz-news__list-arrow--align-end{align-self:end} .vitz-news__arrow,.vitz-news__editorial-arrow{font-size:inherit} .vitz-news__editorial-arrow:hover{transform:translateX(4px) rotate(var(--news-arrow-hover-rotate,0deg))} /* Hero-Weiterlesen-Pfeil: eigene, vollständig steuerbare Komponente */ .vitz-news__more-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;line-height:1;border:0 solid transparent;box-sizing:border-box;transition-property:color,background-color,border-color,box-shadow,transform;transition-timing-function:ease;transition-duration:.2s} .vitz-news__more-icon svg{display:block;width:16px;height:16px;fill:currentColor} .vitz-news__more-icon i{display:block;font-size:16px;line-height:1} .vitz-news__more-icon--plain{width:auto;height:auto;flex-basis:auto;padding:0;border-radius:0;background:transparent} .vitz-news__more-icon--circle{border-radius:50%} .vitz-news__more-icon--rounded{border-radius:8px} .vitz-news__more-icon--square{border-radius:0} .vitz-news__more:hover .vitz-news__more-icon,.vitz-news__more:focus-visible .vitz-news__more-icon{transform:translateX(4px) rotate(var(--news-read-more-arrow-rotate,0deg))} .vitz-news__title a{transition:color var(--news-title-transition,.25s) ease} /* 4.0.13: Teasertexte der Listenbeiträge bleiben auf Tablet und Smartphone sichtbar. */ /* Listenpfeile folgen denselben Viewport-Modi wie die Elementor-Schalter. */ .vitz-news__list-arrow{min-width:var(--news-list-arrow-size,32px);flex-shrink:0} @media (min-width:1025px){ .vitz-news__list-arrow--hide-desktop{display:none!important} } @media (min-width:768px) and (max-width:1024px){ .vitz-news__list-arrow--hide-tablet{display:none!important} } @container (max-width:540px){ .vitz-news__row{grid-template-columns:minmax(60px,var(--news-list-image-width)) minmax(0,1fr) auto;column-gap:var(--news-list-image-gap)} .vitz-news__editorial-row,.vitz-news__editorial-row--no-index{grid-template-columns:minmax(60px,var(--news-list-image-width)) minmax(0,1fr) auto} } @container (max-width:420px){ .vitz-news__editorial-row,.vitz-news__editorial-row--no-index{grid-template-columns:minmax(60px,var(--news-list-image-width)) minmax(0,1fr) auto} } @media (max-width:767px){ .vitz-news__list-arrow--hide-mobile{display:none!important} } /* 6.9.0 – Campus Redaktion: großer Aufmacher mit kompakten Kurzmeldungen. */ .vitz-news--campus-editorial{overflow:visible} .vitz-news--campus-editorial .vitz-news__body{padding:0;gap:0} .vitz-news__campus-editorial{display:grid;gap:26px;min-width:0} .vitz-news--campus-editorial .vitz-news__campus-featured{display:block;overflow:visible;background:transparent} .vitz-news--campus-editorial .vitz-news__campus-media{height:var(--news-featured-height);min-height:var(--news-featured-height);overflow:visible;background:#eee} .vitz-news--campus-editorial .vitz-news__campus-media img{overflow:hidden} .vitz-news__campus-date{position:absolute;z-index:2;left:0;bottom:0;display:inline-flex;align-items:center;min-height:38px;padding:9px 22px;background:var(--news-accent);color:#fff;font-size:12px;font-weight:800;line-height:1;letter-spacing:.025em;text-transform:uppercase;transform:translateY(50%)} .vitz-news--campus-editorial .vitz-news__campus-copy{display:flex;padding:28px 22px 20px 22px;border-bottom:1px solid #e8e5e1;background:#fff} .vitz-news--campus-editorial .vitz-news__campus-title{margin:0 0 10px} .vitz-news--campus-editorial .vitz-news__campus-copy .vitz-news__excerpt{max-width:72ch} .vitz-news--campus-editorial .vitz-news__campus-link{margin-top:16px;padding:0;border:0;background:transparent;color:var(--news-accent);text-transform:uppercase} .vitz-news--campus-editorial .vitz-news__campus-link:hover,.vitz-news--campus-editorial .vitz-news__campus-link:focus-visible{background:transparent;color:color-mix(in srgb,var(--news-accent) 78%,#000);transform:none} .vitz-news__campus-teasers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;border-bottom:1px solid #e8e5e1} .vitz-news--campus-editorial .vitz-news__campus-teaser{display:grid;grid-template-columns:minmax(82px,var(--news-list-image-width)) minmax(0,1fr);align-items:stretch;gap:var(--news-list-image-gap);padding:0 0 24px;border:0;background:transparent;overflow:visible} .vitz-news--campus-editorial .vitz-news__campus-teaser+.vitz-news__campus-teaser{padding-left:28px;border-left:1px solid #e8e5e1} .vitz-news--campus-editorial .vitz-news__campus-teaser-media{width:100%;height:var(--news-list-image-height);min-height:var(--news-list-image-height);border-radius:0} .vitz-news--campus-editorial .vitz-news__campus-teaser-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0} .vitz-news--campus-editorial .vitz-news__campus-teaser .vitz-news__title{margin:0 0 7px} .vitz-news--campus-editorial .vitz-news__campus-teaser .vitz-news__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .vitz-news--campus-editorial .vitz-news__campus-teaser .vitz-news__campus-link{margin-top:auto;padding-top:12px} @container (max-width:700px){ .vitz-news__campus-teasers{grid-template-columns:1fr;gap:22px} .vitz-news--campus-editorial .vitz-news__campus-teaser+.vitz-news__campus-teaser{padding-left:0;padding-top:22px;border-left:0;border-top:1px solid #e8e5e1} .vitz-news--campus-editorial .vitz-news__campus-copy{padding:26px 16px 18px} } @container (max-width:430px){ .vitz-news--campus-editorial .vitz-news__campus-media{height:min(var(--news-featured-height),230px);min-height:180px} .vitz-news__campus-date{min-height:32px;padding:8px 14px;font-size:10px} .vitz-news--campus-editorial .vitz-news__campus-teaser{grid-template-columns:88px minmax(0,1fr);gap:14px} .vitz-news--campus-editorial .vitz-news__campus-teaser .vitz-news__excerpt{-webkit-line-clamp:2} }