/**
 * tpp-modal.css — Ersatz für Popup Maker.
 * Alle Werte aus popup_theme 441 "Hallo Box" und den popup_settings von Popup 452.
 */
:root{
  --pum-bg:#fff;
  --pum-border:4px solid #1e73be;      /* container_border_width/style/color */
  --pum-radius:7px;                    /* container_border_radius */
  --pum-padding:6px;                   /* container_padding */
  --pum-overlay:rgba(0,0,0,.4);        /* overlay #000000 @ 40 */
  --pum-content:#2d2d2d;               /* content_font_color */
  --pum-title:#2d2d2d;                 /* title_font_color */
  --pum-close:#dd3333;                 /* close_font_color / close_border_color */
  --pum-width:640px;                   /* custom_width */
  --pum-max:90%;                       /* responsive_max_width */
  --pum-top:100px;                     /* position_top, location: center top */
  --pum-speed:350ms;                   /* animation_speed */
}

.pum{
  position:fixed; inset:0; overflow-y:auto;
  background:var(--pum-overlay);
  opacity:0; transition:opacity var(--pum-speed) ease;   /* animation_type: fade */
}
.pum[data-open]{opacity:1;}

.pum__box{
  position:relative;
  width:var(--pum-width); max-width:var(--pum-max);
  margin:var(--pum-top) auto 40px;
  background:var(--pum-bg);
  border:var(--pum-border);
  border-radius:var(--pum-radius);
  padding:var(--pum-padding);
  color:var(--pum-content);
  font-weight:100;                     /* content_font_weight */
}
@media (max-width:680px){ .pum__box{ margin-top:24px; } }

.pum__title{
  margin:0 0 4px; padding:0;
  font-size:32px; line-height:34px; font-weight:400;   /* title_font_* */
  text-align:center; color:var(--pum-title);
}
.pum__title:empty{ display:none; }

/* close_location topright, close_position_top -16, close_position_right -18 */
.pum__close{
  position:absolute; top:-16px; right:-18px;
  cursor:pointer; padding:0 8px;
  font-family:"Times New Roman",Times,serif;
  font-size:32px; line-height:28px; font-weight:100;
  color:var(--pum-close);
  background:#fff;
  border:2px solid var(--pum-close);
  border-radius:5px;
  text-shadow:0 0 10px rgba(221,51,51,.33);
}
.pum__close:hover{ background:#fff5f5; }
.pum__close:focus-visible{ outline:2px solid #1e73be; outline-offset:2px; }

.pum__body{ padding:14px 18px 18px; }
.pum__content{ font-weight:400; line-height:1.65; }
.pum__content--loading{ color:#6b7280; font-style:italic; }
.pum__content > *:first-child{ margin-top:0; }
.pum__content > *:last-child{ margin-bottom:0; }

/* Breadcrumb — neu. Zeigt, wo man im Stapel steht. */
.pum__crumbs{
  margin:0 0 10px; padding:0 0 8px;
  border-bottom:1px solid #e9edf1;
  font-size:12px; font-weight:400; color:rgba(0,0,0,.6);
}
.pum__crumbs b{ color:#1e73be; font-weight:600; }
.pum__back{
  border:0; background:none; cursor:pointer; font:inherit; font-weight:600;
  color:#1e73be; padding:0; margin-right:6px;
}
.pum__back:hover{ text-decoration:underline; }
.pum__back:focus-visible{ outline:2px solid #1e73be; outline-offset:2px; }

body.pum-open{ overflow:hidden; }

@media (prefers-reduced-motion:reduce){ .pum{ transition:none; } }