/* ==========================================================================
   Karriereseite campus-ew.de  ·  Präfix cewk-
   Gehört zu karriere-nativ.json, wird nur auf /karriere/ geladen.

   Warum fast überall #page-container und !important steht:
   Divi schreibt sein Modul-CSS als Inline-Block ans Seitenende, also NACH
   diesem Stylesheet. Bei gleicher Spezifität gewinnt Divi. Betroffen sind
   vor allem drei Dinge, die Divi je Modul selbst setzt:
     .et_pb_text_N{text-align:start}    überschreibt geerbte Zentrierung
     .preset--module--divi-text--default …{color:#070707!important}
     .preset--module--divi-button--default  Farbe, Radius, Innenabstand, Icon
   Farbwerte tragen zusätzlich einen Literalwert als Rückfall.
   ========================================================================== */

.cewk-buehne,.cewk-warum,.cewk-weg,.cewk-stellen{
  --cewk-orange:#FBB000; --cewk-orange-d:#D99700;
  --cewk-navy:#112F48; --cewk-navy-70:#4A6178; --cewk-navy-50:#7A8B9C;
  --cewk-petrol:#035458; --cewk-sand:#FFEDC8; --cewk-sand-l:#FFF7E6;
  --cewk-linie:#E4E8EC; --cewk-flaeche:#F1F4F6; --cewk-dunkel:#12212E;
  --cewk-r:14px; --cewk-r-gross:22px; --cewk-lucke:24px;
}

/* --- Sektionen ---------------------------------------------------------- */
/* Rückfall. Fläche und Innenabstand stehen zusätzlich im JSON, weil Divi
   beides mit !important schreibt. */
.et_pb_section.cewk-buehne,.et_pb_section.cewk-weg{background-color:#fff}
.et_pb_section.cewk-warum{background-color:#F1F4F6}
.et_pb_section.cewk-stellen{background-color:#FFF7E6}
.et_pb_section.cewk-buehne,.et_pb_section.cewk-warum,
.et_pb_section.cewk-weg,.et_pb_section.cewk-stellen{padding:0;scroll-margin-top:120px}
.cewk-buehne{position:relative;overflow:hidden}
.cewk-buehne::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;
  background:url("https://campus-ew.de/wp-content/uploads/2025/04/Netz.svg")
    right -140px top -90px/880px auto no-repeat}
.cewk-buehne .et_pb_row{position:relative;z-index:1}

/* --- Schrift: Text-Preset überschreiben --------------------------------- */
/* Der Textfluss der H1: "Energiewirtschaft" ist 17 Zeichen lang und passt bei
   54px nicht neben "Die". Drei Stellschrauben, in dieser Reihenfolge wirksam:
   kleinerer Schriftgrad, text-wrap:balance (verteilt die Zeilen gleichmäßig
   statt gierig von oben), und eine Zeilenlänge, die nicht unter ~14 Zeichen
   fällt. Ein festes <br> wäre die schlechtere Lösung, es bricht bei jeder
   anderen Fensterbreite an der falschen Stelle. */
#page-container .cewk-h1 .et_pb_text_inner h1{
  color:var(--cewk-navy,#112F48)!important;font-weight:800;line-height:1.12;
  font-size:clamp(30px,3.2vw,46px);letter-spacing:-.015em;padding-bottom:0!important;
  text-wrap:balance;overflow-wrap:break-word;hyphens:manual}
#page-container .cewk-h1 .et_pb_text_inner h1 .cewk-akzent{
  color:var(--cewk-petrol,#035458)!important}
#page-container .cewk-h2 .et_pb_text_inner h2{
  color:var(--cewk-navy,#112F48)!important;font-weight:800;line-height:1.15;
  font-size:clamp(27px,3.1vw,38px);padding-bottom:0!important}

/* In der Bühne steht in der Augenbraue ein h2, in den anderen Sektionen ein p.
   Divi gibt h2 einen Innenabstand von 10px und p einen von 1em. Beides wird hier
   auf null gezogen, sonst laufen die Sektionen auseinander. */
#page-container .cewk-augenbraue .et_pb_text_inner h2,
#page-container .cewk-augenbraue .et_pb_text_inner p{
  color:var(--cewk-petrol,#035458)!important;font-size:12px!important;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;line-height:1.4!important;
  padding:0!important;margin:0!important;display:block}
#page-container .cewk-augenbraue--orange .et_pb_text_inner p{
  color:var(--cewk-orange-d,#D99700)!important}

#page-container .cewk-lead .et_pb_text_inner p{
  color:var(--cewk-navy-70,#4A6178)!important;font-size:18px!important;line-height:1.62;
  max-width:56ch;padding-bottom:0!important;margin:0}

/* Modulabstände: Divi setzt hier nichts, also gibt es sie nur hier. */
#page-container .cewk-augenbraue.et_pb_module{margin:0 0 10px!important}
#page-container .cewk-h1.et_pb_module{margin:0 0 18px!important}
#page-container .cewk-h2.et_pb_module{margin:0 0 12px!important}
#page-container .cewk-buehne .cewk-lead.et_pb_module{margin:0 0 26px!important}
#page-container .cewk-warum .cewk-lead.et_pb_module{margin:0!important}
#page-container .cewk-bild.et_pb_module{margin:0!important}
#page-container .cewk-jobs.et_pb_module{margin:14px 0 0!important}

/* --- Buttons ------------------------------------------------------------ */
/* Die Spalte steht auf block, damit die beiden Button-Wrapper nebeneinander
   passen. Als Flex-Element würde jeder Wrapper eine eigene Zeile belegen. */
#page-container .cewk-buehne__text.et_pb_column{display:block!important}
#page-container .cewk-buehne__text .et_pb_button_module_wrapper{
  display:inline-block!important;width:auto!important;max-width:none!important;
  text-align:left!important;margin:0 12px 12px 0!important;vertical-align:top}
body #page-container .et_pb_section .et_pb_button.cewk-btn{
  display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;
  padding:12px 24px!important;border-radius:999px!important;border:0;
  font-size:15.5px!important;font-weight:800!important;line-height:1.4!important;
  margin:0!important;transition:background .18s,color .18s,border-color .18s}
body #page-container .et_pb_section .et_pb_button.cewk-btn:before,
body #page-container .et_pb_section .et_pb_button.cewk-btn:after,
body #page-container .et_pb_section .et_pb_button.cewk-btn:hover:after{
  display:none!important;content:none!important;margin:0!important}
/* Farben als Literalwert und in allen Zuständen. Divi setzt über
   .et_pb_bg_layout_dark und über die Zustandsklassen sonst Weiß dazwischen. */
body #page-container .et_pb_section a.et_pb_button.cewk-btn--haupt,
body #page-container .et_pb_section a.et_pb_button.cewk-btn--haupt:visited,
body #page-container .et_pb_section a.et_pb_button.cewk-btn--haupt:link{
  background:#FBB000!important;color:#12212E!important;-webkit-text-fill-color:#12212E!important}
body #page-container .et_pb_section a.et_pb_button.cewk-btn--haupt:hover,
body #page-container .et_pb_section a.et_pb_button.cewk-btn--haupt:focus,
body #page-container .et_pb_section a.et_pb_button.cewk-btn--haupt:active{
  background:#12212E!important;color:#FBB000!important;-webkit-text-fill-color:#FBB000!important;
  box-shadow:none!important;transform:none!important;padding:12px 24px!important}
body #page-container .et_pb_section a.et_pb_button.cewk-btn--zweit,
body #page-container .et_pb_section a.et_pb_button.cewk-btn--zweit:visited,
body #page-container .et_pb_section a.et_pb_button.cewk-btn--zweit:link{
  background:transparent!important;color:#112F48!important;
  -webkit-text-fill-color:#112F48!important;border:2px solid #E4E8EC!important}
body #page-container .et_pb_section a.et_pb_button.cewk-btn--zweit:hover,
body #page-container .et_pb_section a.et_pb_button.cewk-btn--zweit:focus,
body #page-container .et_pb_section a.et_pb_button.cewk-btn--zweit:active{
  background:transparent!important;color:#112F48!important;
  -webkit-text-fill-color:#112F48!important;border-color:#112F48!important;
  box-shadow:none!important;transform:none!important;padding:12px 24px!important}
body #page-container .et_pb_section a.et_pb_button.cewk-btn span,
body #page-container .et_pb_section a.et_pb_button.cewk-btn *{
  color:inherit!important;-webkit-text-fill-color:inherit!important}

/* --- Bühne: zwei Spalten ------------------------------------------------ */
#page-container .cewk-buehne__zeile.et_pb_row{
  display:flex!important;flex-wrap:wrap;align-items:center;gap:54px}
#page-container .cewk-buehne__zeile>.et_pb_column{
  width:auto!important;max-width:100%;margin:0!important}
#page-container .cewk-buehne__zeile>.cewk-buehne__text{flex:1.14 1 420px}
#page-container .cewk-buehne__zeile>.cewk-buehne__bild{flex:.86 1 340px}
#page-container .cewk-buehne__bild.et_pb_column{position:relative}
#page-container .cewk-bild .et_pb_image_wrap{
  border-radius:var(--cewk-r-gross,22px)!important;overflow:hidden;display:block}
#page-container .cewk-bild .et_pb_image_wrap img{
  border-radius:inherit;width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
#page-container .cewk-fakt.et_pb_module{
  position:absolute;left:18px;bottom:18px;z-index:2;background:#fff;border-radius:14px;
  padding:14px 18px;margin:0!important;box-shadow:0 14px 30px -14px rgba(17,47,72,.45)}
#page-container .cewk-fakt .et_pb_text_inner p{padding-bottom:0!important;margin:0}
#page-container .cewk-fakt .et_pb_text_inner .cewk-fakt__zahl{
  color:var(--cewk-navy,#112F48)!important;font-size:26px!important;font-weight:900;
  line-height:1!important}
#page-container .cewk-fakt .et_pb_text_inner .cewk-fakt__label{
  color:var(--cewk-navy-70,#4A6178)!important;font-size:12.5px!important;font-weight:700;
  line-height:1.3!important;margin-top:3px}

/* --- Karten ------------------------------------------------------------- */
#page-container .cewk-karten.et_pb_row{
  display:flex!important;flex-wrap:wrap;align-items:stretch;gap:22px}
#page-container .cewk-karten>.et_pb_column{
  flex:1 1 260px;width:auto!important;margin:0!important;position:relative;background:#fff;
  border:1px solid var(--cewk-linie,#E4E8EC);border-radius:var(--cewk-r-gross,22px);
  padding:28px 26px}
.cewk-karte::before,.cewk-karte::after{content:"";position:absolute;pointer-events:none}
.cewk-karte::before{left:26px;top:28px;width:42px;height:42px;border-radius:12px;
  background:var(--cewk-sand,#FFEDC8)}
.cewk-karte::after{left:37px;top:39px;width:20px;height:20px;
  background:var(--cewk-petrol,#035458);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain}
.cewk-karte--aufgabe::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203s5%204.5%205%209a5%205%200%200%201-10%200c0-1.8.8-3.3%201.7-4.4C9.5%208.9%2010%209.9%2010%2011c1-1.7%202-5.3%202-8z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203s5%204.5%205%209a5%205%200%200%201-10%200c0-1.8.8-3.3%201.7-4.4C9.5%208.9%2010%209.9%2010%2011c1-1.7%202-5.3%202-8z%22%2F%3E%3C%2Fsvg%3E")}
.cewk-karte--team::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2019v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2019v-2a4%204%200%200%200-3-3.9%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2019v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2019v-2a4%204%200%200%200-3-3.9%22%2F%3E%3C%2Fsvg%3E")}
.cewk-karte--wirkung::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010.5%2012%204l9%206.5V20a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1z%22%2F%3E%3Cpath%20d%3D%22M9%2021v-7h6v7%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010.5%2012%204l9%206.5V20a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1z%22%2F%3E%3Cpath%20d%3D%22M9%2021v-7h6v7%22%2F%3E%3C%2Fsvg%3E")}
#page-container .cewk-karte__inhalt.et_pb_module{margin:0!important;padding-top:58px}
#page-container .cewk-karte__inhalt .et_pb_text_inner h3{
  color:var(--cewk-navy,#112F48)!important;font-weight:800;font-size:19px;line-height:1.25;
  padding-bottom:9px!important}
#page-container .cewk-karte__inhalt .et_pb_text_inner p{
  color:var(--cewk-navy-70,#4A6178)!important;font-size:15.5px!important;line-height:1.6;
  padding-bottom:0!important;margin:0}

/* --- Schritte ----------------------------------------------------------- */
#page-container .cewk-schritte.et_pb_row{
  display:flex!important;flex-wrap:wrap;gap:var(--cewk-lucke,24px)}
#page-container .cewk-schritte>.et_pb_column{
  flex:1 1 200px;width:auto!important;margin:0!important;position:relative}
/* Divi setzt je Textmodul text-align:start, deshalb hier ausdrücklich. */
#page-container .cewk-schritt .cewk-schritt__inhalt.et_pb_module,
#page-container .cewk-schritt .cewk-schritt__inhalt .et_pb_text_inner,
#page-container .cewk-schritt .cewk-schritt__inhalt .et_pb_text_inner h3,
#page-container .cewk-schritt .cewk-schritt__inhalt .et_pb_text_inner p{
  text-align:center!important}
#page-container .cewk-schritt .cewk-schritt__inhalt.et_pb_module{margin:0!important}
#page-container .cewk-schritt .et_pb_text_inner .cewk-nr{
  display:flex!important;align-items:center;justify-content:center;
  width:54px;height:54px;border-radius:50%;margin:0 auto 16px!important;
  padding:0!important;font-size:20px!important;font-weight:900;line-height:1!important;
  background:var(--cewk-navy,#112F48);color:#fff!important;position:relative;z-index:1}
#page-container .cewk-schritte>.et_pb_column:last-child .et_pb_text_inner .cewk-nr{
  background:var(--cewk-orange,#FBB000);color:var(--cewk-dunkel,#12212E)!important}
#page-container .cewk-schritt .et_pb_text_inner h3{
  color:var(--cewk-navy,#112F48)!important;font-weight:800;font-size:17.5px;line-height:1.25;
  padding-bottom:7px!important}
#page-container .cewk-schritt .et_pb_text_inner p{
  color:var(--cewk-navy-70,#4A6178)!important;font-size:15px!important;line-height:1.6;
  padding-bottom:0!important;margin:0}
#page-container .cewk-schritt .et_pb_text_inner .cewk-meta{
  color:var(--cewk-petrol,#035458)!important;font-size:12.5px!important;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;margin-top:9px!important;line-height:1.4!important}
/* Verbindungslinie: von Kreismitte zu Kreismitte, nach Schritt 4 endet sie.
   Rechnung: halbe Spalte plus Lücke minus Kreisradius (27) minus Luft (8). */
.cewk-schritte>.et_pb_column:not(:last-child)::before{
  content:"";position:absolute;top:26px;height:2px;z-index:0;
  left:calc(50% + 35px);right:calc(-50% + 11px);
  background:repeating-linear-gradient(90deg,var(--cewk-linie,#E4E8EC) 0 8px,
    transparent 8px 16px)}

/* --- Stellenliste (Ausgabe des Plugins job-postings) -------------------- */
#page-container .cewk-jobs .et_pb_text_inner>p{padding-bottom:0!important;margin:0}
/* Das Plugin bringt eigene Zeilen- und Spaltenabstände mit. */
#page-container .cewk-jobs .job-listing{margin:0!important;padding:0!important}
#page-container .cewk-jobs .job-listing>.column,
#page-container .cewk-jobs .job-listing>[class*="col-"]{
  padding-left:0!important;padding-right:0!important}
#page-container .cewk-jobs .job-listing .job-preview{margin-top:0!important}
.cewk-jobs .job-listing .job-preview{border:1px solid var(--cewk-linie,#E4E8EC);
  box-shadow:0 1px 2px rgba(17,47,72,.05)}
#page-container .cewk-jobs .job-preview .job-content h5 a{
  color:var(--cewk-navy,#112F48)!important;font-weight:800}
.cewk-jobs .job-preview .job-cta .apply-btn{transition:background .18s,color .18s}
.cewk-jobs .job-preview .job-cta .apply-btn:hover{
  background:var(--cewk-dunkel,#12212E)!important;color:var(--cewk-orange,#FBB000)!important}

/* --- Kleinere Bildschirme ---------------------------------------------- */
@media (max-width:980px){
  #page-container .cewk-buehne__zeile.et_pb_row{gap:32px}
  #page-container .cewk-schritte.et_pb_row{gap:26px}
  .cewk-schritte>.et_pb_column:not(:last-child)::before{display:none}
}
@media (max-width:767px){
  #page-container .cewk-buehne__text .et_pb_button_module_wrapper{
    display:block!important;margin:0 0 12px!important}
  body #page-container .et_pb_section .et_pb_button.cewk-btn{width:100%}
  #page-container .cewk-karten>.et_pb_column{padding:24px 22px}
  #page-container .cewk-schritt .et_pb_text_inner .cewk-nr{
    width:46px;height:46px;font-size:18px!important;margin-bottom:12px!important}
}
@media (prefers-reduced-motion:reduce){
  body #page-container .et_pb_section .et_pb_button.cewk-btn{transition:none}
}


/* ==========================================================================
   Anfahrt
   Die Karte liegt in einem Code-Modul. Borlabs blockiert den Iframe, bis die
   Einwilligung vorliegt, und ersetzt ihn durch seine Platzhalterkachel. Deren
   Maße richten sich deshalb nach demselben Rahmen wie die Karte selbst.
   ========================================================================== */
.et_pb_section.cewk-anfahrt{background-color:#fff;padding:0;scroll-margin-top:120px}
.cewk-anfahrt{
  --cewk-orange:#FBB000; --cewk-orange-d:#D99700;
  --cewk-navy:#112F48; --cewk-navy-70:#4A6178;
  --cewk-petrol:#035458; --cewk-sand:#FFEDC8;
  --cewk-linie:#E4E8EC; --cewk-dunkel:#12212E; --cewk-r-gross:22px;
}
#page-container .cewk-anfahrt__zeile.et_pb_row{
  display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:54px}
#page-container .cewk-anfahrt__zeile>.et_pb_column{
  width:auto!important;max-width:100%;margin:0!important}
#page-container .cewk-anfahrt__zeile>.cewk-anfahrt__karte{flex:1.05 1 380px}
#page-container .cewk-anfahrt__zeile>.cewk-anfahrt__infos{flex:.95 1 320px}

/* Karte */
#page-container .cewk-map.et_pb_module{margin:0!important}
.cewk-map .cewk-map__rahmen{position:relative;aspect-ratio:4/3;border-radius:var(--cewk-r-gross,22px);
  overflow:hidden;border:1px solid var(--cewk-linie,#E4E8EC);background:#F1F4F6}
.cewk-map .cewk-map__rahmen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;
  display:block}
/* Platzhalter von Borlabs auf dieselbe Fläche zwingen */
.cewk-map .cewk-map__rahmen .brlbs-cmpnt-container,
.cewk-map .cewk-map__rahmen [data-borlabs-cookie-content-blocker-id]{
  position:absolute;inset:0;height:100%;display:flex;align-items:center;
  justify-content:center;padding:20px;text-align:center}

/* Infoblöcke mit Kachel und Symbol */
#page-container .cewk-info.et_pb_module{position:relative;padding-left:58px;margin:0 0 26px!important}
#page-container .cewk-anfahrt__infos .et_pb_module:last-child{margin-bottom:0!important}
.cewk-info::before,.cewk-info::after{content:"";position:absolute;pointer-events:none}
.cewk-info::before{left:0;top:0;width:42px;height:42px;border-radius:12px;
  background:var(--cewk-sand,#FFEDC8)}
.cewk-info::after{left:11px;top:11px;width:20px;height:20px;
  background:var(--cewk-petrol,#035458);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain}
.cewk-info--auto::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2013%206.6%208.4A2%202%200%200%201%208.5%207h7a2%202%200%200%201%201.9%201.4L19%2013%22%2F%3E%3Cpath%20d%3D%22M3%2013h18v4a1%201%200%200%201-1%201h-1.5a1%201%200%200%201-1-1v-1h-11v1a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1z%22%2F%3E%3Cpath%20d%3D%22M6.5%2015.5h.01M17.5%2015.5h.01%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2013%206.6%208.4A2%202%200%200%201%208.5%207h7a2%202%200%200%201%201.9%201.4L19%2013%22%2F%3E%3Cpath%20d%3D%22M3%2013h18v4a1%201%200%200%201-1%201h-1.5a1%201%200%200%201-1-1v-1h-11v1a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1z%22%2F%3E%3Cpath%20d%3D%22M6.5%2015.5h.01M17.5%2015.5h.01%22%2F%3E%3C%2Fsvg%3E")}
.cewk-info--bahn::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%209h14%22%2F%3E%3Cpath%20d%3D%22M8.5%2012h.01M15.5%2012h.01%22%2F%3E%3Cpath%20d%3D%22m8%2015-2%206M16%2015l2%206%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%209h14%22%2F%3E%3Cpath%20d%3D%22M8.5%2012h.01M15.5%2012h.01%22%2F%3E%3Cpath%20d%3D%22m8%2015-2%206M16%2015l2%206%22%2F%3E%3C%2Fsvg%3E")}
.cewk-info--zugang::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224.5%22%20r%3D%221.8%22%2F%3E%3Cpath%20d%3D%22M9%209h6l-1%204h-3l3%208%22%2F%3E%3Cpath%20d%3D%22M12%2013l-3%208%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224.5%22%20r%3D%221.8%22%2F%3E%3Cpath%20d%3D%22M9%209h6l-1%204h-3l3%208%22%2F%3E%3Cpath%20d%3D%22M12%2013l-3%208%22%2F%3E%3C%2Fsvg%3E")}
#page-container .cewk-info .et_pb_text_inner h3{
  color:var(--cewk-navy,#112F48)!important;font-weight:800;font-size:17.5px;line-height:1.25;
  padding-bottom:6px!important;margin:0}
#page-container .cewk-info .et_pb_text_inner p{
  color:var(--cewk-navy-70,#4A6178)!important;font-size:15.5px!important;line-height:1.6;
  padding-bottom:0!important;margin:0}

/* Link "Route planen" */
#page-container .cewk-route.et_pb_module{margin:26px 0 0!important}
#page-container .cewk-route .et_pb_text_inner p{padding-bottom:0!important;margin:0}
#page-container .cewk-route .et_pb_text_inner .cewk-route__lnk{
  display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:12px 24px;
  border-radius:999px;background:#FBB000;color:#12212E!important;
  -webkit-text-fill-color:#12212E!important;font-weight:800;font-size:15.5px;
  text-decoration:none;transition:background .18s,color .18s}
#page-container .cewk-route .et_pb_text_inner .cewk-route__lnk::after{
  content:"";width:16px;height:16px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain}
#page-container .cewk-route .et_pb_text_inner .cewk-route__lnk:hover,
#page-container .cewk-route .et_pb_text_inner .cewk-route__lnk:focus{
  background:#12212E;color:#FBB000!important;-webkit-text-fill-color:#FBB000!important}

@media (max-width:980px){
  #page-container .cewk-anfahrt__zeile.et_pb_row{gap:32px}
}
@media (max-width:767px){
  .cewk-map .cewk-map__rahmen{aspect-ratio:1/1}
  #page-container .cewk-route .et_pb_text_inner .cewk-route__lnk{width:100%;
    justify-content:center}
}