.elementor-803 .elementor-element.elementor-element-be2f2f1{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-803 .elementor-element.elementor-element-b059e40{--display:flex;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-803 .elementor-element.elementor-element-b059e40:not(.elementor-motion-effects-element-type-background), .elementor-803 .elementor-element.elementor-element-b059e40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#343F55;}.elementor-803 .elementor-element.elementor-element-860c4ad{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-primary );}.elementor-803 .elementor-element.elementor-element-bf818b6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:20px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-803 .elementor-element.elementor-element-bf818b6.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-803 .elementor-element.elementor-element-243a59f{width:100%;max-width:100%;}.elementor-803 .elementor-element.elementor-element-75c58de{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-803 .elementor-element.elementor-element-60e7ea1{--display:flex;}.elementor-803 .elementor-element.elementor-element-877add3{--display:flex;}.elementor-803 .elementor-element.elementor-element-55b7a4e{--display:flex;}.elementor-803 .elementor-element.elementor-element-23493f0{--display:flex;}.elementor-803 .elementor-element.elementor-element-d05ffd3{--display:flex;}.elementor-803 .elementor-element.elementor-element-de4f307{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-title-padding-top:6px;--n-tabs-title-padding-right:18px;--n-tabs-title-padding-bottom:6px;--n-tabs-title-padding-left:22px;--n-tabs-title-color:var( --e-global-color-primary );}.elementor-803 .elementor-element.elementor-element-de4f307.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-text );}.elementor-803 .elementor-element.elementor-element-de4f307.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-803 .elementor-element.elementor-element-de4f307.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-text );}.elementor-803 .elementor-element.elementor-element-de4f307 > .elementor-widget-container{background-color:#DEE6EA;margin:0px 0px 0px 0px;}.elementor-803 .elementor-element.elementor-element-de4f307 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-803 .elementor-element.elementor-element-bf818b6{--content-width:1200px;}}/* Start custom CSS for text-editor, class: .elementor-element-857b337 */.elementor-803 .elementor-element.elementor-element-857b337 {
    color: rgba(255, 255, 255, 0.9) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-857b337 */.elementor-803 .elementor-element.elementor-element-857b337 {
    color: rgba(255, 255, 255, 0.9) !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-860c4ad */.elementor-803 .elementor-element.elementor-element-860c4ad .e-n-accordion-item-title{
  background-color:#131a27 !important; /* Quick-Tags Dark */
  color: #E2E8F0 !important;                       /* hell / lesbar */
}

.elementor-803 .elementor-element.elementor-element-860c4ad .e-n-accordion-item-title:hover{
  background-color: #1e2532 !important; /* dunkler Hover */
  color: #FFFFFF !important;                       /* Text weiß */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-de4f307 *//* Hintergrund der Leiste (Header) */
.elementor-803 .elementor-element.elementor-element-de4f307{
  position: relative !important; /* NICHT sticky/absolute/fixed */
  top: auto !important;
  z-index: auto !important;

  background: linear-gradient(135deg,
    rgba(47,111,143,.10),
    rgba(30,75,97,.06)
  ) !important;

  /* optional: blur bringt nur bei Transparenz wirklich was */
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

  border-bottom: 1px solid var(--line, #e2e8f0) !important;
}

.elementor-803 .elementor-element.elementor-element-de4f307 .e-n-tab-title:hover,
.elementor-803 .elementor-element.elementor-element-de4f307 .e-n-tab-title:active,
.elementor-803 .elementor-element.elementor-element-de4f307 a:hover,
.elementor-803 .elementor-element.elementor-element-de4f307 a:active {
    background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS *//* ===========================
   PG GENERATOR – MIN CSS
   =========================== */
   html, body{
  margin: 0 !important;
  padding: 0 !important;
}

:root{
  --kl-accent: #A855F7;
  --kl-radius: 24px;
  --kl-radius-sm: 12px;
  --kl-shadow: 0 4px 12px rgba(0,0,0,.08);

  --kl-font-text: var(--e-global-typography-text-font-family, inherit);
  --kl-font-head: var(--e-global-typography-primary-font-family, inherit);

  --kl-text: var(--e-global-color-text, #111827);
  --kl-head: var(--e-global-color-primary, #0f172a);
  --kl-muted: var(--e-global-color-secondary, rgba(148,163,184,1));
}

/* Wrapper */
.pg-wrap{
  font-family: var(--kl-font-text);
  color: var(--kl-text);
}

/* Panel */
.pg-panel{
  --pg-accent: var(--kl-accent);
  --pg-accent-soft: color-mix(in srgb, var(--pg-accent) 18%, transparent);
  --pg-accent-soft2: color-mix(in srgb, var(--pg-accent) 10%, transparent);

  background: var(--e-global-color-background, #F8FAFC);
  border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
  border-top: 2px solid var(--pg-accent);
  border-radius: var(--kl-radius);
  padding: 32px;
  margin-bottom: 30px;
  box-shadow: var(--kl-shadow);
  position: relative;
}

/* Head */
.pg-head{
  margin-bottom: 24px;
  border-bottom: 1px solid var(--pg-accent-soft);
  padding-bottom: 14px;
}
.pg-head h3{
  margin: 0;
  display: flex;
  align-items: center;
  color: var(--kl-head);
  font-family: var(--kl-font-head);
}
.pg-head h3::before{
  content: "🎹";
  display: inline-block;
  width: 32px; height: 32px; line-height: 32px;
  text-align: center;
  border-radius: 50%;
  margin-right: 12px;
  font-size: 16px;
  background: var(--pg-accent-soft2);
  border: 1px solid var(--pg-accent-soft);
}
.pg-head p{ margin: 6px 0 0; color: var(--kl-muted); }

/* Tabs */
.pg-tabs{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 18px 0;
}
.pg-tab-btn{
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  background: color-mix(in srgb, currentColor 3%, transparent);
  color: inherit;
  padding: 10px 14px;
  border-radius: 12px;
  cursor: pointer;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  user-select: none;
  font-family: inherit;
}
.pg-tab-btn:hover{ transform: translateY(-1px); }
.pg-tab-btn.is-active{
  border-color: color-mix(in srgb, var(--pg-accent) 55%, transparent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--pg-accent) 18%, transparent) inset;
}

/* Panels toggle */
.pg-tab-panel{ display:none; }
.pg-tab-panel.is-active{ display:block; }

/* Grid + section label */
.pg-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
  margin-bottom: 22px;
  background: color-mix(in srgb, currentColor 3%, transparent);
  padding: 18px;
  border-radius: 16px;
}
.pg-section-label{
  grid-column: 1 / -1;
  color: var(--kl-muted);
  letter-spacing: .2px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pg-section-label::after{
  content:'';
  flex: 1;
  height: 1px;
  background: color-mix(in srgb, currentColor 12%, transparent);
}

/* Groups + labels */
.pg-group > label{
  display:block;
  margin-bottom: 8px;
  color: var(--kl-text);
  line-height: 1.2;
  font-family: inherit;
}

/* Inputs */
.pg-input, .pg-select, .pg-textarea{
  width: 100%;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 15px;
  background: inherit;
  color: inherit;
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}
.pg-textarea{ resize: vertical; }

/* Hint */
.pg-hint{ margin: 12px 0 0; }

/* Buttons row */
.pg-btn-row{
  display:flex;
  gap: 12px;
  margin-top: 20px;
}
.pg-btn-main, .pg-btn-sub, .pg-copy-sm{
  font-family: inherit;
  font-weight: inherit;
}
@media (max-width: 600px){
  .pg-btn-row{ flex-direction: column; }
}

/* Output */
.pg-output-wrap{
  display: none;
  background: color-mix(in srgb, currentColor 4%, transparent);
  padding: 16px;
  border-radius: 14px;
  margin-top: 18px;
  border: 1px dashed color-mix(in srgb, var(--pg-accent) 40%, transparent);
}
.pg-output-area{
  width: 100%;
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 10px;
  border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
  outline: none;
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  background: color-mix(in srgb, #000 35%, transparent);
  color: inherit;
}
/* PG2 – Section Toggle */
.pg2-sec{ display:none; }
.pg2-sec.is-active{ display:block; }

/* ===========================
   PG MASTER / STUDIO-FINALE
   (zusätzliche Klassen)
   =========================== */

/* Head im Master-Block */
.pg-master-head{ text-align:center; margin-bottom: 16px; }
.pg-master-instruction{ color: var(--kl-muted); font-size:14px; margin-top: 10px; }

/* Options-Box */
.pg-master-options{
  margin: 18px 0 22px;
  padding: 16px;
  border-radius: 16px;
  background: color-mix(in srgb, currentColor 3%, transparent);
  border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}

.pg-master-options-title{
  color: var(--kl-head);
  margin-bottom: 10px;
  display:flex;
  align-items:center;
  gap:10px;
  font-family: inherit;
}
.pg-master-options-title::after{
  content:"";
  flex:1;
  height:1px;
  background: color-mix(in srgb, currentColor 12%, transparent);
}

/* Checkbox-Grid */
.pg-master-checks{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px 14px;
}

.pg-master-check{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: color-mix(in srgb, currentColor 2%, transparent);
  border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}

.pg-master-check input{
  width: 18px;
  height: 18px;
  accent-color: var(--kl-accent);
}

.pg-master-check label{
  cursor:pointer;
  color: inherit;
  line-height: 1.2;
}
.pg-master-check small{
  display:block;
  color: var(--kl-muted);
  margin-top: 2px;
  font-size: 12px;
}

/* Big Button (minimal theme-safe) */
.pg-master-btn-big{
  width: 100%;
  margin-top: 8px;
}

/* Copy feedback */
.pg-copy-feedback{
  display: none;
  margin-top: 12px;
  font-weight: 600;
}

/* Final Output */
.pg-final-output{
  margin-top: 22px;
  background: color-mix(in srgb, #000 35%, transparent);
  border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
  color: inherit;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  width:100%;
  border-radius: 12px;
  padding: 18px;
  display:none;
  resize: vertical;
}

/* Warnmodus: wird per JS auf das Textarea gesetzt */
.pg-master-alert{
  background: #0b0b0b !important;
  border-color: #7f1d1d !important;
  color: #fecaca !important;
  box-shadow: 0 0 0 3px rgba(127, 29, 29, 0.18) !important;
}

/* Optionaler Hinweistext unten */
.pg-master-note{
  margin-top: 14px;
  color: var(--kl-muted);
  font-size: 13px;
}
/* ===========================
   QUICK-TAGS (Bibliothek)
   =========================== */

.tag-header{
  text-align: left;
  margin-bottom: 22px;
  border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent);
  padding-bottom: 12px;
}
.tag-header h4{
  margin: 0;
  color: var(--kl-head);
  font-family: var(--kl-font-head);
}
.tag-header p{ margin: 8px 0 0; color: var(--kl-muted); }

.tag-category{ margin-top: 18px; }

.cat-title{
  font-size: 12px;
  color: var(--kl-muted);
  margin-bottom: 12px;
  text-transform: none;
  display:flex;
  align-items:center;
  gap:10px;
}
.cat-title::after{
  content:"";
  flex: 1;
  height: 1px;
  background: color-mix(in srgb, currentColor 12%, transparent);
}
.pg-wrap .pg-tab-btn,
.pg-wrap .pg-btn-main,
.pg-wrap .pg-btn-sub,
.pg-wrap .pg-copy-sm{
  background: rgba(168,85,247,.08) !important;
  color: var(--kl-text) !important;
}

.pg-wrap .pg-tab-btn:hover,
.pg-wrap .pg-tab-btn:active,
.pg-wrap .pg-btn-main:hover,
.pg-wrap .pg-btn-main:active,
.pg-wrap .pg-btn-sub:hover,
.pg-wrap .pg-btn-sub:active,
.pg-wrap .pg-copy-sm:hover,
.pg-wrap .pg-copy-sm:active{
  background: rgba(168,85,247,.16) !important;
  color: var(--kl-head) !important;
}
body{
  background: #dee6ea !important;
}/* End custom CSS */