.elementor-6245 .elementor-element.elementor-element-4527e75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6245 .elementor-element.elementor-element-5d08c34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6245 .elementor-element.elementor-element-39d3826{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6245 .elementor-element.elementor-element-39d3826.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6245 .elementor-element.elementor-element-44f2e6f{text-align:center;}.elementor-6245 .elementor-element.elementor-element-0a70023{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-6245 .elementor-element.elementor-element-6e681e2{text-align:center;}.elementor-6245 .elementor-element.elementor-element-5e93d4f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-6245 .elementor-element.elementor-element-8e03184{text-align:center;}.elementor-6245 .elementor-element.elementor-element-c4a4325{columns:2;}.elementor-6245 .elementor-element.elementor-element-e97ebfe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6245 .elementor-element.elementor-element-e58d71d{text-align:center;}.elementor-6245 .elementor-element.elementor-element-e58d71d .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-6245 .elementor-element.elementor-element-b80e18f{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-button:hover, .elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-button:focus{background-color:var( --e-global-color-primary );color:#E7CFFF;}.elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-6245 .elementor-element.elementor-element-b80e18f:after{content:"0.66";}.elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-post__thumbnail__link{width:100%;}.elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-post__meta-data span + span:before{content:"///";}.elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-post__text{padding:10px 10px 10px 10px;}.elementor-6245 .elementor-element.elementor-element-b80e18f.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-6245 .elementor-element.elementor-element-b80e18f.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-6245 .elementor-element.elementor-element-b80e18f.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-post__title{margin-bottom:7px;}.elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-post__meta-data{margin-bottom:7px;}.elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-button{fill:var( --e-global-color-35f4f98 );color:var( --e-global-color-35f4f98 );}.elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-button:hover svg, .elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-button:focus svg{fill:#E7CFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6245 .elementor-element.elementor-element-39d3826{--content-width:1200px;}}@media(max-width:1024px){.elementor-6245 .elementor-element.elementor-element-c4a4325{columns:1;}}@media(max-width:767px){.elementor-6245 .elementor-element.elementor-element-c4a4325{columns:1;}.elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-6245 .elementor-element.elementor-element-b80e18f:after{content:"0.5";}.elementor-6245 .elementor-element.elementor-element-b80e18f .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-e97ebfe *//* 1. DER GESAMTE CONTAINER */
.elementor-6245 .elementor-element.elementor-element-e97ebfe {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0px !important;
    padding: 50px !important;
    box-shadow: 0 15px 50px rgba(15, 23, 42, 0.04) !important;
}

/* 2. DIE H2 ÜBERSCHRIFT IM CONTAINER */
.elementor-6245 .elementor-element.elementor-element-e97ebfe h2 {
    color: #1e293b !important;
    font-size: 2.2rem !important;
    font-weight: 900 !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.03em !important;
}

/* 3. DAS TEXTFELD (DER EINLEITUNGSTEXT) */
.elementor-6245 .elementor-element.elementor-element-e97ebfe .elementor-text-editor {
    color: #64748b !important;
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    max-width: 800px !important;
    margin-bottom: 40px !important;
}

/* 4. DIE BEITRAGSLISTE INNERHALB DIESES CONTAINERS */
/* Karten-Stil */
.elementor-6245 .elementor-element.elementor-element-e97ebfe .elementor-post {
    background: #f8fafc !important; /* Leichtes Grau für Abhebung vom weißen Container */
    border: 1px solid #f1f5f9 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.elementor-6245 .elementor-element.elementor-element-e97ebfe .elementor-post:hover {
    background: #ffffff !important;
    transform: translateY(-5px) !important;
    border-color: #A855F7 !important;
    box-shadow: 0 15px 35px rgba(168, 85, 247, 0.1) !important;
}

/* Bilder in der Liste (100% Breite, kein Verschwinden) */
.elementor-6245 .elementor-element.elementor-element-e97ebfe .elementor-post__thumbnail {
    display: block !important;
    width: 100% !important;
    line-height: 0 !important;
}

.elementor-6245 .elementor-element.elementor-element-e97ebfe .elementor-post__thumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Texte in der Liste */
.elementor-6245 .elementor-element.elementor-element-e97ebfe .elementor-post__title a {
    color: #1e293b !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.elementor-6245 .elementor-element.elementor-element-e97ebfe .elementor-post:hover .elementor-post__title a {
    color: #A855F7 !important;
}

/* Button / Weiterlesen */
.elementor-6245 .elementor-element.elementor-element-e97ebfe .elementor-post__read-more {
    color: #A855F7 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
}

/* Responsive Anpassung */
@media (max-width: 768px) {
    .elementor-6245 .elementor-element.elementor-element-e97ebfe {
        padding: 30px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* ===========================
   PG GENERATOR – MIN CSS (FIXED)
   - entfernt kaputtes "tag-" am Ende
   - Quick-Tags Buttons theme-safe + lesbar (hover/active/focus)
   =========================== */

/* Reset (vorsichtig – nur wenn du es wirklich willst)
   Hinweis: html,body global zu resetten kann Elementor Layout beeinflussen.
   Wenn es Probleme macht: diesen Block entfernen. */
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) !important;
  color: var(--kl-text) !important;
}

/* 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) !important;
  border: 1px solid color-mix(in srgb, currentColor 10%, transparent) !important;
  border-top: 2px solid var(--pg-accent) !important;
  border-radius: var(--kl-radius) !important;
  padding: 32px !important;
  margin-bottom: 30px !important;
  box-shadow: var(--kl-shadow) !important;
  position: relative !important;
}

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

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

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

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

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

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

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

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

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

/* PG2 – Section Toggle */
.pg2-sec{ display:none !important; }
.pg2-sec.is-active{ display:block !important; }

/* ===========================
   PG MASTER / STUDIO-FINALE
   =========================== */

.pg-master-head{ text-align:center !important; margin-bottom: 16px !important; }
.pg-master-instruction{ color: var(--kl-muted) !important; font-size:14px !important; margin-top: 10px !important; }

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

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

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

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

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

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

.pg-master-btn-big{
  width: 100% !important;
  margin-top: 8px !important;
}

.pg-copy-feedback{
  display: none !important;
  margin-top: 12px !important;
  font-weight: 600 !important;
}

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

.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;
}

.pg-master-note{
  margin-top: 14px !important;
  color: var(--kl-muted) !important;
  font-size: 13px !important;
}

/* ===========================
   QUICK-TAGS (Bibliothek) – FIXED + THEME-SAFE
   =========================== */

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

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

.cat-title{
  font-size: 12px !important;
  color: var(--kl-muted) !important;
  margin-bottom: 12px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.cat-title::after{
  content:"" !important;
  flex: 1 !important;
  height: 1px !important;
  background: color-mix(in srgb, currentColor 12%, transparent) !important;
}

/* Grid (fehlte in deinem CSS) */
.tag-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

/* Buttons: Lesbar + nicht von Elementor überschrieben */
.pg-panel .tag-btn{
  appearance:none !important;
  -webkit-appearance:none !important;

  border: 1px solid rgba(30,75,97,.22) !important;
  background: rgba(255,255,255,.90) !important;  /* hell, deckend */
  color: #0f172a !important;                      /* immer lesbar */

  padding: 9px 12px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;

  transition: transform .12s ease, background .12s ease, border-color .12s ease, color .12s ease !important;
}

.pg-panel .tag-btn:hover{
  transform: translateY(-1px) !important;
  background: #A855F7 !important;
  border-color: #A855F7 !important;
  color: #ffffff !important;
}

.pg-panel .tag-btn:active{
  transform: translateY(0) !important;
  background: #7E22CE !important;
  border-color: #7E22CE !important;
  color: #ffffff !important;
}

.pg-panel .tag-btn:focus,
.pg-panel .tag-btn:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(168,85,247,.20) !important;
}

/* Toast (du nutzt #toast im Script) */
#toast{
  position: fixed !important;
  left: 50% !important;
  bottom: 18px !important;
  transform: translateX(-50%) translateY(10px) !important;

  background: #0f172a !important;
  color: #fff !important;
  border: 1px solid rgba(226,232,240,.18) !important;

  padding: 10px 12px !important;
  border-radius: 14px !important;

  font-weight: 900 !important;
  font-size: 13px !important;

  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .18s ease, transform .18s ease !important;
  z-index: 999999 !important;
}
#toast.show{
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}/* End custom CSS */