/*
 * ObjektFlow Sitebuilder – Designpaket Hafen, Bereich Service (Bereich und Leistungen).
 * Weiß, Newsreader 300 für Titel, IBM Plex Sans für Text, IBM Plex Mono für
 * Daten; Radius 0, 1-px-Haarlinien (schwarz als Abschnittsbeginn), Knöpfe als
 * unterstrichener Link, mobil gefüllt. Tokens: --of-paket-* aus manifest.json.
 * Alle Regeln wirken nur unter .of-bereich--service.of-design--hafen (bzw. am
 * Wurzelelement mit .of-design--hafen); Referenz: docs/design-rueckgabe/.
 */
/* Schriften lokal (SIL Open Font License 1.1, OFL.txt in schriften/) – nie von Google Fonts. */
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url(schriften/newsreader-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url(schriften/newsreader-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(schriften/ibm-plex-sans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(schriften/ibm-plex-sans-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(schriften/ibm-plex-sans-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(schriften/ibm-plex-sans-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(schriften/ibm-plex-sans-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(schriften/ibm-plex-sans-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(schriften/ibm-plex-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(schriften/ibm-plex-mono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(schriften/ibm-plex-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(schriften/ibm-plex-mono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* — Hafen gemeinsam (gleich in allen Hafen-Paketen des Sitebuilders) — */
.of-bereich.of-design--hafen {
  --d-grund: var(--of-paket-grund, #ffffff);
  --d-flaeche: var(--of-paket-flaeche, #f4f5f6);
  --d-schrift: var(--of-paket-schrift, #1a1f24);
  --d-text-leise: #3a444d;
  --d-leise: var(--of-paket-leise, #56616b);
  --d-blass: #8a949c;
  --d-akzent: var(--of-paket-akzent, #1F5F8B);
  --d-linie: var(--of-paket-linie, #e2e6ea);
  --d-titel: var(--of-paket-schrift-titel, Newsreader, Georgia, serif);
  --d-text: var(--of-paket-schrift-text, "IBM Plex Sans", system-ui, sans-serif);
  --d-daten: var(--of-paket-schrift-daten, "IBM Plex Mono", ui-monospace, monospace);
  --d-breite: 1200px;
  --d-rand: 24px;
  font-family: var(--d-text);
  color: var(--d-schrift);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.of-bereich.of-design--hafen img { max-width: 100%; }
.of-bereich.of-design--hafen :focus-visible { outline: 2px solid var(--d-akzent); outline-offset: 3px; }
.of-bereich.of-design--hafen ::selection { background: color-mix(in srgb, var(--d-akzent) 18%, transparent); }

/* Video: weißer Kreis mit Dreieck in Stahlblau, Hinweis als Zeile unter dem Bild. */
.of-design--hafen .of-video__rahmen { border-radius: 0; background: var(--d-flaeche); overflow: visible; margin-bottom: 52px; }
.of-design--hafen .of-video__bild, .of-design--hafen .of-video__iframe { border-radius: 0; }
.of-design--hafen .of-video__start { background: transparent; }
.of-design--hafen .of-video__start:hover, .of-design--hafen .of-video__start:focus-visible { background: rgba(26, 31, 36, .08); }
.of-design--hafen .of-video__symbol { display: none; }
.of-design--hafen .of-video__start::before {
  content: ""; width: 64px; height: 64px; border-radius: 50%; box-shadow: 0 1px 0 var(--d-linie);
  background: #fff no-repeat 56% 50% / 16px 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20'%3E%3Cpath d='M0 0l16 10L0 20z' fill='%231F5F8B'/%3E%3C/svg%3E");
}
.of-design--hafen .of-video__start-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.of-design--hafen .of-video__hinweis { position: absolute; top: 100%; bottom: auto; background: none; color: var(--d-leise); padding: 10px 0 0; font-size: 12px; line-height: 1.5; }
.of-design--hafen .of-video__hinweis a { color: var(--d-akzent); }
.of-design--hafen .of-video__titel { font-family: var(--d-titel); font-size: 18px; color: var(--d-schrift); margin-top: 0; }

/* Sprachumschalter */
.of-design--hafen .of-sprachen { display: inline-flex; gap: 10px; align-items: center; font-size: 13px; }
.of-design--hafen .of-sprachen a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; min-height: 44px; display: inline-flex; align-items: center; }
.of-design--hafen .of-sprachen a:hover { border-bottom-color: currentColor; }
.of-design--hafen .of-sprachen__aktiv { color: var(--d-akzent); border-bottom: 1px solid var(--d-akzent); }

/* ==================================================================
   Service Hafen: zentrierter Kopf mit Newsreader 300, großes ruhiges
   Bild, Leistungen als Inhaltsverzeichnis mit Mono-Nummern, jede
   Leistung beginnt mit einer schwarzen Haarlinie.
   ================================================================== */
.ofs.of-design--hafen {
  --s-lese: 68ch;
  background: var(--d-grund);
  color: var(--d-schrift);
  padding-bottom: 112px;
  font-size: 15px;
  line-height: 1.7;
}
.ofs.of-design--hafen *, .ofs.of-design--hafen *::before, .ofs.of-design--hafen *::after { box-sizing: border-box; }
.ofs.of-design--hafen .ofs-innen { max-width: var(--d-breite); margin: 0 auto; padding: 0 var(--d-rand); }
.ofs.of-design--hafen :is(h1, h2, h3) { font-family: var(--d-titel); color: var(--d-schrift); margin: 0; padding: 0; }
.ofs.of-design--hafen p { margin: 0; }
.ofs.of-design--hafen a { color: var(--d-akzent); text-underline-offset: 3px; }
.ofs.of-design--hafen a:hover { color: var(--d-schrift); }
.ofs.of-design--hafen img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; border-radius: 0; }
.ofs.of-design--hafen figure { margin: 0; background: var(--d-flaeche); }
.ofs-teil-band.of-design--hafen, .ofs-teil-kontakt.of-design--hafen, .ofs-teil-leistung.of-design--hafen { padding-bottom: 0; }

.ofs.of-design--hafen .ofs-kicker { font-size: 10px; letter-spacing: .24em; text-transform: uppercase; color: var(--d-akzent); margin-bottom: 14px; }
.ofs.of-design--hafen .ofs-h1 { font-weight: 300; font-size: clamp(40px, 5vw, 56px); line-height: 1.04; letter-spacing: -.02em; }
.ofs.of-design--hafen .ofs-h2 { font-weight: 300; font-size: clamp(28px, 2.8vw, 36px); line-height: 1.12; letter-spacing: -.015em; margin-bottom: 20px; }
.ofs.of-design--hafen .ofs-strich { display: none; }

/* Kopf: zentriert, darunter ein breites Bild */
.ofs.of-design--hafen .ofs-kopf { padding-top: 64px; }
.ofs.of-design--hafen .ofs-kopf-text { text-align: center; }
.ofs.of-design--hafen .ofs-kopf-text .ofs-h1 { max-width: 20ch; margin: 0 auto; }
.ofs.of-design--hafen .ofs-kopf-unter { font-size: 16px; line-height: 1.7; color: var(--d-leise); max-width: 56ch; margin: 20px auto 0; }
.ofs.of-design--hafen .ofs-kopf-bild { margin-top: 48px; background: none; }
.ofs.of-design--hafen .ofs-kopf-bild img { aspect-ratio: 21 / 9; height: auto; background: var(--d-flaeche); }

/* Einleitung: Titel links, Text rechts, schwarze Haarlinie als Beginn */
.ofs.of-design--hafen .ofs-einleitung { margin-top: 72px; }
.ofs.of-design--hafen .ofs-einleitung-raster { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 48px; padding-top: 24px; border-top: 1px solid var(--d-schrift); }
.ofs.of-design--hafen .ofs-einleitung-text p { font-size: 16px; line-height: 1.75; color: var(--d-text-leise); margin: 0 0 16px; max-width: var(--s-lese); }

/* Leistungsband: Inhaltsverzeichnis mit Mono-Nummern */
.ofs.of-design--hafen .ofs-band { margin-top: 72px; }
.ofs.of-design--hafen .ofs-band-kopf { padding-top: 14px; border-top: 1px solid var(--d-schrift); }
.ofs.of-design--hafen .ofs-band-kopf .ofs-kicker { color: var(--d-leise); margin-bottom: 10px; }
.ofs.of-design--hafen .ofs-band-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); column-gap: 32px; border-top: 0 !important; }
.ofs.of-design--hafen .ofs-band-liste li { border-bottom: 1px solid var(--d-linie); }
.ofs.of-design--hafen .ofs-band-karte { display: flex; align-items: baseline; gap: 14px; min-height: 44px; padding: 10px 0; color: var(--d-schrift) !important; text-decoration: none; }
.ofs.of-design--hafen .ofs-band-karte:hover .ofs-band-titel { color: var(--d-akzent); }
.ofs.of-design--hafen .ofs-band-nr { font-family: var(--d-daten); font-size: 12px; color: var(--d-akzent); }
.ofs.of-design--hafen .ofs-band-titel { font-size: 15px; }
.ofs.of-design--hafen .ofs-band-kicker { display: none; }

/* Leistung: Lesespalte, schwarze Haarlinie, Mono-Nummer */
.ofs.of-design--hafen .ofs-leistung { padding-top: 88px; scroll-margin-top: 110px; }
.ofs.of-design--hafen .ofs-leistung-raster { max-width: 868px; }
.ofs.of-design--hafen .ofs-leistung-inhalt { border-top: 1px solid var(--d-schrift); padding-top: 16px; }
.ofs.of-design--hafen .ofs-leistung-kopf { font-size: 10px; letter-spacing: .24em; text-transform: uppercase; color: var(--d-leise); margin-bottom: 12px; }
.ofs.of-design--hafen .ofs-leistung-kopf .ofs-nr { font-family: var(--d-daten); font-size: 12px; letter-spacing: 0; color: var(--d-akzent); margin-right: 8px; }
.ofs.of-design--hafen .ofs-text { font-size: 16px; line-height: 1.75; color: var(--d-text-leise); }
.ofs.of-design--hafen .ofs-text p { margin: 0 0 16px; max-width: var(--s-lese); }
.ofs.of-design--hafen .ofs-text--2 { columns: 1; }
.ofs.of-design--hafen .ofs-zwischentitel { font-family: var(--d-titel); font-size: 22px; font-weight: 400; color: var(--d-schrift); margin: 28px 0 10px; }
.ofs.of-design--hafen .ofs-fakten { margin: 32px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--d-linie); }
.ofs.of-design--hafen .ofs-fakt { padding: 14px 18px 14px 0; }
.ofs.of-design--hafen .ofs-fakt + .ofs-fakt { padding-left: 18px; border-left: 1px solid var(--d-linie); }
.ofs.of-design--hafen .ofs-fakt dt { font-family: var(--d-titel); font-size: 19px; font-weight: 400; margin-bottom: 4px; }
.ofs.of-design--hafen .ofs-fakt dd { margin: 0; font-size: 13px; line-height: 1.6; color: var(--d-leise); }
.ofs.of-design--hafen .ofs-liste { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; border-top: 1px solid var(--d-linie); }
.ofs.of-design--hafen .ofs-liste li { padding: 10px 0 10px 22px; border-bottom: 1px solid var(--d-linie); font-size: 14px; line-height: 1.55; position: relative; }
.ofs.of-design--hafen .ofs-liste li::before { content: ""; position: absolute; left: 0; top: 19px; width: 10px; height: 1px; background: var(--d-akzent); }
.ofs.of-design--hafen .ofs-ablauf { margin-top: 36px; }
.ofs.of-design--hafen .ofs-ablauf-kicker { font-size: 10px; letter-spacing: .24em; text-transform: uppercase; color: var(--d-leise); margin-bottom: 12px; }
.ofs.of-design--hafen .ofs-ablauf ol { margin: 0; padding: 0; list-style: none; counter-reset: ofs; }
.ofs.of-design--hafen .ofs-ablauf li { counter-increment: ofs; display: grid; grid-template-columns: 48px 1fr; column-gap: 12px; padding: 14px 0; border-top: 1px solid var(--d-linie); }
.ofs.of-design--hafen .ofs-ablauf li::before { content: counter(ofs, decimal-leading-zero); grid-row: span 2; font-family: var(--d-daten); font-size: 12px; color: var(--d-akzent); padding-top: 3px; }
.ofs.of-design--hafen .ofs-ablauf strong { font-weight: 500; font-size: 15px; }
.ofs.of-design--hafen .ofs-ablauf span { font-size: 14px; line-height: 1.6; color: var(--d-leise); }
.ofs.of-design--hafen .ofs-bilder { margin-top: 36px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ofs.of-design--hafen .ofs-bilder figure { aspect-ratio: 4 / 3; }
.ofs.of-design--hafen .ofs-bilder--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ofs.of-design--hafen .ofs-bilder--1 { grid-template-columns: 1fr; }
.ofs.of-design--hafen .ofs-bilder--1 figure { aspect-ratio: 16 / 9; }
.ofs.of-design--hafen .ofs-video { margin-top: 36px; }
.ofs.of-design--hafen .ofs-hinweis { margin-top: 32px; padding: 18px 0; border-top: 1px solid var(--d-schrift); border-bottom: 1px solid var(--d-linie); display: flex; flex-direction: column; gap: 6px; }
.ofs.of-design--hafen .ofs-hinweis strong { font-family: var(--d-titel); font-size: 19px; font-weight: 400; }
.ofs.of-design--hafen .ofs-hinweis > span { font-size: 14px; line-height: 1.65; color: var(--d-text-leise); }
.ofs.of-design--hafen .ofs-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.ofs.of-design--hafen .ofs-chips i { font-style: normal; font-family: var(--d-daten); font-size: 11px; padding: 4px 10px; border: 1px solid var(--d-linie); color: var(--d-leise); }
.ofs.of-design--hafen .ofs-partner { margin-top: 28px; display: flex; align-items: center; gap: 24px; padding: 18px 0; border-top: 1px solid var(--d-linie); border-bottom: 1px solid var(--d-linie); }
.ofs.of-design--hafen .ofs-partner figure, .ofs.of-design--hafen .ofs-partner .ofs-partner-logo { background: none; }
.ofs.of-design--hafen .ofs-partner img { height: 40px; width: auto; filter: grayscale(1) contrast(1.2); mix-blend-mode: multiply; }
.ofs.of-design--hafen .ofs-partner span { font-size: 14px; line-height: 1.6; }

.ofs.of-design--hafen .ofs-panorama { margin-top: 88px; background: none; }
.ofs.of-design--hafen .ofs-panorama .ofs-innen > * { aspect-ratio: 21 / 8; background: var(--d-flaeche); }
.ofs.of-design--hafen .ofs-panorama img { aspect-ratio: 21 / 8; height: auto; }

/* Kontakt: Haarlinie, Newsreader-Titel, Formular mit feinen Feldern */
.ofs.of-design--hafen .ofs-kontakt { margin-top: 88px; }
.ofs.of-design--hafen .ofs-kontakt .ofs-innen { max-width: 868px; padding-top: 24px; border-top: 1px solid var(--d-schrift); }
.ofs.of-design--hafen .ofs-kontakt .ofs-kicker { color: var(--d-leise); }
.ofs.of-design--hafen .ofs-kontakt-titel { font-weight: 300; font-size: clamp(30px, 3.2vw, 40px); line-height: 1.1; letter-spacing: -.02em; margin-bottom: 14px; }
.ofs.of-design--hafen .ofs-kontakt-text { font-size: 16px; line-height: 1.7; color: var(--d-text-leise); margin-bottom: 14px; max-width: var(--s-lese); }
.ofs.of-design--hafen .ofs-kontakt-wege { font-family: var(--d-daten); font-size: 14px; }
.ofs.of-design--hafen .ofs-formular { margin-top: 32px; }
.ofs.of-design--hafen .ofs-formular :is(input[type="text"], input[type="email"], input[type="tel"], textarea, select) { border: 0 !important; border-bottom: 1px solid var(--d-schrift) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-family: var(--d-text) !important; min-height: 44px; }
.ofs.of-design--hafen .ofs-formular :is(button, input[type="submit"]) { background: var(--d-schrift) !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; min-height: 48px; padding: 13px 22px !important; font-family: var(--d-text) !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }

@media (max-width: 860px) {
  .ofs.of-design--hafen .ofs-einleitung-raster { grid-template-columns: 1fr; gap: 16px; }
  .ofs.of-design--hafen .ofs-fakten { grid-template-columns: 1fr; }
  .ofs.of-design--hafen .ofs-fakt + .ofs-fakt { padding-left: 0; border-left: 0; border-top: 1px solid var(--d-linie); }
  .ofs.of-design--hafen .ofs-liste { grid-template-columns: 1fr; }
  .ofs.of-design--hafen .ofs-bilder, .ofs.of-design--hafen .ofs-bilder--2 { grid-template-columns: 1fr; }
  .ofs.of-design--hafen .ofs-leistung { padding-top: 64px; }
}
@media (max-width: 699px) {
  .ofs.of-design--hafen { --d-rand: 20px; padding-bottom: 64px; }
  .ofs.of-design--hafen .ofs-kopf { padding-top: 32px; }
  .ofs.of-design--hafen .ofs-h1 { font-size: 40px; }
  .ofs.of-design--hafen .ofs-kopf-bild { margin-top: 32px; }
  .ofs.of-design--hafen .ofs-kopf-bild img { aspect-ratio: 4 / 3; }
  /* mobil gefüllt: Knöpfe als Leiste über die volle Breite */
  .ofs.of-design--hafen .ofs-formular :is(button, input[type="submit"]) { width: 100%; }
}

/* Anfrageformular des Katalogs (filter.css gibt ihm eine Karte): im Kontaktteil ohne Karte. */
.ofs.of-design--hafen .ofs-formular .vbc-contact-panel { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.ofs.of-design--hafen .ofs-formular .vbc-contact-panel :is(h4, p.vbc-contact-sub) { text-align: left; }