/* Responsive Löwenzahnfigur mit Bauwagen – Template 1.1 */
.header-inner {
  min-height: 260px;
  gap: 24px;
  flex-wrap: wrap;
  align-content: center;
}

.brand {
  gap: 18px;
  min-width: 0;
}

.brand .brand-illustration {
  width: clamp(390px, 42vw, 540px);
  max-height: 245px;
  object-fit: contain;
  border-radius: 0;
  filter: drop-shadow(0 8px 10px rgba(32, 60, 42, .22));
}

.brand-copy {
  min-width: max-content;
}

@media (min-width: 901px) {
  .main-navigation {
    order: 3;
    width: 100%;
    margin: -18px 0 8px;
  }

  .main-navigation > ul,
  .main-navigation > div > ul {
    justify-content: center;
  }

  .main-navigation li {
    position: relative;
  }

  .main-navigation ul ul {
    display: none;
    position: absolute;
    z-index: 80;
    top: calc(100% + 4px);
    left: 0;
    min-width: 220px;
    padding: 8px;
    border: 1px solid rgba(10, 73, 125, .12);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(27, 60, 84, .18);
  }

  .main-navigation ul ul li,
  .main-navigation ul ul a {
    width: 100%;
  }

  .main-navigation li:hover > ul,
  .main-navigation li:focus-within > ul {
    display: block;
  }
}

.database-band h2 {
  color: #fff;
}

.database-band .eyebrow {
  color: #ffe14a;
}

.database-band .button-light {
  justify-self: end;
  white-space: nowrap;
}

.sidebar .mod-login {
  display: grid;
  gap: 10px;
}

.sidebar .mod-login input:not([type="checkbox"]) {
  width: 100%;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid #aab9c6;
  border-radius: 9px;
}

.sidebar .mod-login button {
  min-height: 42px;
  padding: 8px 14px;
  border: 0;
  border-radius: 9px;
  background: #0b568f;
  color: #fff;
  font-weight: 800;
}

@media (max-width: 900px) {
  .header-inner { min-height: 150px; }
  .brand .brand-illustration { width: 250px; max-height: 140px; }
  .brand-copy { display: none; }
  .main-navigation { top: 146px; }
  .database-band .button-light { justify-self: start; }
}

@media (max-width: 620px) {
  .header-inner { min-height: 125px; }
  .brand .brand-illustration { width: 205px; max-height: 115px; }
  .main-navigation { top: 122px; }
}

/* Optimierte Beitragsdarstellung – Template 1.4 */
.blog-items,.com-content-category-blog__items{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.blog-item{display:flex;min-width:0;flex-direction:column;padding:clamp(20px,2.2vw,30px)}
.blog-item img,.com-content-article img,.item-page img{max-width:100%;height:auto;border-radius:12px}
.blog-item .article-info,.com-content-article .article-info,.item-page .article-info{color:#5e7080;font-size:.9rem;line-height:1.55}
.blog-item .readmore{margin-top:auto;padding-top:16px}
.blog-item .readmore a{display:inline-flex;min-height:42px;align-items:center;padding:9px 16px;border-radius:10px;background:#ffd42a;color:#083f70;font-weight:800;text-decoration:none}
.com-content-article,.item-page{width:min(920px,100%);margin-inline:auto;padding:clamp(24px,4vw,52px);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(27,60,84,.12);overflow-wrap:anywhere}
.com-content-article p,.item-page p,.com-content-article li,.item-page li{line-height:1.72}
.com-content-article table,.item-page table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.com-content-article td,.com-content-article th,.item-page td,.item-page th{padding:9px 12px;border:1px solid #dbe5ec;vertical-align:top}
@media(max-width:700px){.blog-items,.com-content-category-blog__items{grid-template-columns:1fr}.com-content-article,.item-page{padding:20px;border-radius:14px}}

/* Automatische Startseite – Template 1.5 */
.lz-home{width:100%;padding:12px 0 34px}.lz-home-welcome{max-width:760px;margin-bottom:28px}.lz-home-welcome .eyebrow{color:#2d7b36}.lz-home-welcome h1{margin:.35rem 0 .55rem;font-size:clamp(2rem,4vw,3.2rem);color:#073f70}.lz-home-welcome p{max-width:680px;font-size:1.08rem;color:#536878}.lz-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lz-home-card{position:relative;min-width:0;padding:clamp(22px,3vw,34px);border:1px solid rgba(10,73,125,.08);border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(27,60,84,.11)}.lz-home-card h2{margin:0 44px 18px 0;color:#074a80;font-size:1.55rem}.lz-home-card h3{color:#173f5e;font-size:1.15rem}.lz-card-icon{position:absolute;top:22px;right:24px;font-size:1.8rem}.lz-home-card ul{margin:0 0 18px;padding:0;list-style:none}.lz-home-card li{padding:10px 0;border-bottom:1px solid #e4ebf0}.lz-home-card li a{font-weight:700}.lz-home-card time{display:block;margin-top:3px;color:#687b89;font-size:.82rem}.lz-home-card .lz-source{display:inline-block;margin-top:4px;font-size:.9rem;font-weight:700}.lz-home-card .button{display:inline-flex;margin-top:8px}.lz-home-podcast audio{display:block;width:100%;margin:18px 0 12px}.lz-home-zdf{background:linear-gradient(145deg,#fff 60%,#eef8ff)}.lz-home-tv{border-top:5px solid #ffd42a}.lz-home-forum{border-top:5px solid #38a852}.lz-home-podcast{border-top:5px solid #0b568f}
@media(max-width:780px){.lz-home-grid{grid-template-columns:1fr}.lz-home{padding-top:0}.lz-home-card{padding:22px}}

/* Strukturierte TV-Termine und ZDF-Vorschaubild – Template 1.5.1 */
.lz-tv-list li{display:grid;grid-template-columns:105px minmax(0,1fr);gap:14px;align-items:start}.lz-tv-when{display:flex;flex-direction:column;color:#083f70}.lz-tv-when strong{font-size:.94rem}.lz-tv-when span{margin-top:2px;color:#536878;font-size:.86rem}.lz-tv-show{display:flex;min-width:0;flex-direction:column}.lz-tv-show a{line-height:1.35}.lz-tv-show span{margin-top:3px;color:#687b89;font-size:.82rem;font-weight:700}.lz-zdf-image{display:block;width:100%;aspect-ratio:16/9;margin:2px 0 18px;border-radius:14px;object-fit:cover;box-shadow:0 7px 20px rgba(27,60,84,.13)}
@media(max-width:480px){.lz-tv-list li{grid-template-columns:88px minmax(0,1fr);gap:10px}}