/* Küstenlotse – Zusätze (Der Lotse liest, Termine, Kanalschnack, Kontakt) */
.services__grid--single { grid-template-columns: 1fr !important; max-width: 600px !important; }
.lotse { padding: var(--space-xxl) 0; background: #fbf5ea; }
.lotse__content { display: grid; grid-template-columns: 1.05fr 1fr; gap: var(--space-xl); align-items: start; }
.lotse__text p { margin-bottom: 1rem; font-size: 1.08rem; line-height: 1.7; color: var(--navy-blue); }
.lotse__text .lotse__lead { font-family: var(--font-display); font-size: 1.9rem; margin-bottom: 1.2rem; }
.lotse__motto { font-family: var(--font-display); font-style: italic; font-size: 1.3rem !important; }
.lotse__card img { width: 100%; height: auto; border-radius: 10px; box-shadow: var(--shadow-lg); display: block; }
.lotse__card figcaption { font-size: 0.85rem; color: var(--grey-mist); margin-top: 0.5rem; text-align: center; }
.termine { padding: var(--space-xxl) 0; background: white; }
.termine__content { display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--space-xl); align-items: start; }
.termine__list { display: grid; gap: var(--space-md); }
.termin { border: 1px solid var(--sea-foam); border-left: 6px solid var(--maritime-gold); border-radius: var(--border-radius-lg); padding: 1.4rem 1.6rem; box-shadow: var(--shadow-sm); background: #fff; }
.termin__datum { font-family: var(--font-display); font-size: 1.6rem; margin-bottom: 0.4rem; }
.termin__facts { list-style: none; display: grid; gap: 0.35rem; color: var(--navy-blue); }
.termin__facts i { width: 1.4rem; color: var(--ocean-teal); }
.termine__hinweis { margin-top: var(--space-md); color: var(--navy-blue); }
.termine__hinweis p { margin-bottom: 0.5rem; }
.termine__plakat img { width: 100%; height: auto; border-radius: 10px; box-shadow: var(--shadow-lg); display: block; }
.termine__plakat figcaption { font-size: 0.85rem; color: var(--grey-mist); margin-top: 0.5rem; text-align: center; }
.btn--whatsapp { background: #25d366; color: #fff; border: 2px solid #25d366; }
.btn--whatsapp:hover { background: #1ebe5a; border-color: #1ebe5a; color: #fff; }
.kanalschnack { padding: var(--space-xxl) 0; background: linear-gradient(135deg, #f8f9fa 0%, var(--sea-foam) 100%); }
.clips__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }
.clip { background: white; border-radius: var(--border-radius-lg); overflow: hidden; box-shadow: var(--shadow-md); }.clip__body { padding: 1rem 1.2rem 1.3rem; }
.clip__body h3 { font-size: 1.15rem; margin-bottom: 0.3rem; }
@media screen and (max-width: 992px) {
    .lotse__content, .termine__content { grid-template-columns: 1fr; }
    .clips__grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
}
@media screen and (min-width: 769px) {
    .nav__menu { gap: 1rem; }
    .nav__list { gap: 0.15rem; }
    .nav__link { white-space: nowrap; padding: 0.5rem 0.55rem; font-size: 0.95rem; }
}
.termine__hinweis p { color: var(--navy-blue); }main.container { overflow-wrap: anywhere; } 
.btn--call { background: var(--navy-blue); color: #fff; border: 2px solid var(--navy-blue); }
.btn--call:hover { background: var(--ocean-teal); border-color: var(--ocean-teal); color: #fff; }.fb-link { margin-top: 1rem; font-weight: 600; font-size: 1.05rem; }
.fb-link a { color: #1877f2; text-decoration: underline; text-underline-offset: 3px; }
.fb-link a:hover { color: var(--navy-blue); }
.fb-link i { margin-right: 0.35rem; }
.section__header .fb-link { margin-top: 0.75rem; }
.clip__video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: cover; background: #0b1f33; }
.kanalschnack .section__description { max-width: 640px; margin: 0.75rem auto 0; }
.contact__content--single { grid-template-columns: 1fr; max-width: 900px; margin-left: auto; margin-right: auto; }
.contact__content--single .contact__info > h3 { text-align: center; }
.contact__content--single .contact__methods { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 var(--space-xl); }
@media screen and (max-width: 768px) { .contact__content--single .contact__methods { grid-template-columns: 1fr; } }
.nav__toggle-close { display: none; }
@media screen and (max-width: 768px) { .nav__list > li { width: 100%; } .nav__link { display: block; padding: 0.6rem 1rem; } .nav__list { gap: 0.35rem; } }
@media screen and (max-width: 768px) { .hero__image { min-height: 0 !important; padding: 1.75rem 1.5rem !important; } .hero__image h2 { margin-bottom: 0 !important; } }