/* Only landing-page additions. Original styles.css remains unchanged. */
.breadcrumb{padding-top:26px;color:var(--muted);font-size:14px}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px 12px;list-style:none;margin:0;padding:0}
.breadcrumb li{min-width:0;overflow-wrap:anywhere}
.breadcrumb li+li:before{content:'›';margin-right:12px}
.breadcrumb a:hover,.seo-related a:hover{text-decoration:underline}
.seo-copy{min-width:0;color:var(--muted);font-size:17px}
.seo-copy p+p{margin-top:18px}
.seo-copy ul{padding-left:20px;margin:18px 0 0}
.seo-copy h3{color:var(--ink);margin:26px 0 12px}
.seo-copy+.workflow{margin-top:32px}
.seo-page .tasks h2{margin-top:0}
.seo-related{list-style:none;padding:0;margin:0}
.seo-related li{padding:18px 0;border-bottom:1px solid var(--line)}
.seo-related li:first-child{padding-top:0}
.seo-related a{display:block}
.seo-page .hero:has(.hero-copy:only-child){grid-template-columns:1fr}
.seo-page .hero-copy:only-child{max-width:850px}
.seo-page .hero-media>img{display:block;width:100%;height:100%;object-fit:cover}
.seo-page .contact-link span{overflow-wrap:anywhere}
@media(max-width:700px){.breadcrumb{padding-top:20px}.seo-page .hero-media>img{position:absolute;inset:0}.seo-page .head-inner{flex-wrap:wrap}.seo-related li:first-child{padding-top:15px;border-top:1px solid var(--line)}}

   /* Kontaktbereich: direkte Kontaktdaten innerhalb der linken Spalte */
   #kontakt .contact-person {
    margin-top: 32px;
    padding-top: 26px;
    border-top: 1px solid rgba(16, 37, 54, 0.16);
   }

   #kontakt .contact-person p {
    margin: 0;
   }

   #kontakt .contact-name {
    margin-bottom: 4px;
    font-weight: 600;
   }

   #kontakt .direct-contact {
    margin-top: 28px;
    padding-left: 16px;
    border-left: 3px solid #c4e52d;
   }

   #kontakt .direct-contact-title {
    margin-bottom: 12px;
    font-weight: 600;
   }

   #kontakt .contact-link {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 12px;
    align-items: baseline;
    width: fit-content;
    max-width: 100%;
    margin: 7px 0;
    color: inherit;
    text-decoration: none;
   }

   #kontakt .contact-link-label {
    color: #66727c;
    font-size: 0.92em;
   }

   #kontakt .contact-link:hover,
   #kontakt .contact-link:focus-visible {
    text-decoration: underline;
   }

   @media (max-width: 520px) {
    #kontakt .contact-link {
     grid-template-columns: 56px minmax(0, 1fr);
     gap: 10px;
    }
   }