/* LG ITS Support CMS 1.0.61 – visuelle Inhaltsbausteine für Custom Pages */
:root{
  --its-block-surface:var(--surface,#fff);
  --its-block-soft:var(--surface-2,#f5f7fb);
  --its-block-line:var(--line,#dfe5ee);
  --its-block-text:var(--text,#172033);
  --its-block-muted:var(--muted,#687386);
  --its-block-accent:var(--accent,#c8102e);
  --its-block-accent-rgb:var(--accent-rgb,200,16,46);
  --its-block-radius:calc(var(--radius,18px) + 2px);
  --its-block-shadow:var(--shadow-sm,0 18px 45px rgba(15,23,42,.08));
}
.cms-content .its-block,
.mce-content-body .its-block{
  position:relative;
  box-sizing:border-box;
  margin:2rem 0;
  color:var(--its-block-text);
}
.cms-content .its-block:first-child,
.mce-content-body .its-block:first-child{margin-top:.5rem}
.cms-content .its-block:last-child,
.mce-content-body .its-block:last-child{margin-bottom:.5rem}
.cms-content .its-block *{box-sizing:border-box}
.cms-content .its-block h2,
.cms-content .its-block h3,
.mce-content-body .its-block h2,
.mce-content-body .its-block h3{margin-top:0;color:inherit;line-height:1.16}
.cms-content .its-block h2,
.mce-content-body .its-block h2{font-size:clamp(1.75rem,3vw,2.7rem);margin-bottom:.7rem}
.cms-content .its-block h3,
.mce-content-body .its-block h3{font-size:1.08rem;margin-bottom:.45rem}
.cms-content .its-block p,
.mce-content-body .its-block p{margin:.55rem 0;color:var(--its-block-muted);line-height:1.7}
.its-block--surface,
.its-block--accent,
.its-block--dark,
.its-block--split,
.its-cta,
.its-download-card{
  border:1px solid var(--its-block-line);
  border-radius:var(--its-block-radius);
  padding:clamp(1.5rem,4vw,3.2rem);
  overflow:hidden;
  background:var(--its-block-surface);
  box-shadow:var(--its-block-shadow);
}
.its-block--surface{background:linear-gradient(145deg,var(--its-block-surface),var(--its-block-soft))}
.its-block--accent{
  border-color:rgba(var(--its-block-accent-rgb),.2);
  background:
    radial-gradient(circle at 92% 12%,rgba(var(--its-block-accent-rgb),.17),transparent 34%),
    linear-gradient(145deg,rgba(var(--its-block-accent-rgb),.08),var(--its-block-surface) 66%);
}
.its-block--accent:before{
  content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--its-block-accent)
}
.its-block--dark{
  --its-block-text:#fff;--its-block-muted:rgba(255,255,255,.72);
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(135deg,#111827,#202a3e 65%,#172033);
}
.its-block--dark .its-pill{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff}
.its-eyebrow{display:flex;align-items:center;gap:.55rem;margin-bottom:.75rem;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--its-block-accent)}
.its-eyebrow:before{content:"";width:28px;height:2px;border-radius:99px;background:currentColor}
.its-pill-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:.8rem 0 1.1rem}
.its-pill{display:inline-flex;align-items:center;gap:.38rem;min-height:30px;padding:.28rem .75rem;border:1px solid rgba(var(--its-block-accent-rgb),.18);border-radius:999px;background:rgba(var(--its-block-accent-rgb),.08);color:var(--its-block-accent);font-size:.75rem;font-weight:800;line-height:1.2;text-decoration:none}
.its-pill--neutral{border-color:var(--its-block-line);background:var(--its-block-soft);color:var(--its-block-muted)}
.its-button-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.25rem}
.its-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.7rem 1.05rem;border:1px solid transparent;border-radius:10px;background:var(--its-block-accent);color:#fff!important;font-weight:800;text-decoration:none!important;box-shadow:0 10px 24px rgba(var(--its-block-accent-rgb),.18);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.its-button:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(var(--its-block-accent-rgb),.24)}
.its-button--secondary{border-color:var(--its-block-line);background:var(--its-block-surface);color:var(--its-block-text)!important;box-shadow:none}
.its-button--ghost{border-color:rgba(var(--its-block-accent-rgb),.25);background:rgba(var(--its-block-accent-rgb),.06);color:var(--its-block-accent)!important;box-shadow:none}
.its-alert{display:grid;grid-template-columns:42px minmax(0,1fr);gap:1rem;align-items:start;padding:1.15rem 1.25rem;border:1px solid var(--its-block-line);border-radius:15px;background:var(--its-block-surface)}
.its-alert-icon,.its-feature-icon,.its-download-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(var(--its-block-accent-rgb),.1);color:var(--its-block-accent);font-size:1.15rem;font-weight:900}
.its-alert--info{--its-block-accent:#2563eb;--its-block-accent-rgb:37,99,235}
.its-alert--success{--its-block-accent:#15803d;--its-block-accent-rgb:21,128,61}
.its-alert--warning{--its-block-accent:#b45309;--its-block-accent-rgb:180,83,9}
.its-alert--danger{--its-block-accent:#b91c1c;--its-block-accent-rgb:185,28,28}
.its-alert{border-color:rgba(var(--its-block-accent-rgb),.2);background:rgba(var(--its-block-accent-rgb),.055)}
.its-card-grid,.its-feature-grid,.its-stat-grid{display:grid;gap:1rem}
.its-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.its-card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.its-card{padding:1.3rem;border:1px solid var(--its-block-line);border-radius:16px;background:var(--its-block-surface);box-shadow:0 10px 28px rgba(15,23,42,.045)}
.its-card p{font-size:.93rem}
.its-card-link{display:inline-flex;margin-top:.55rem;color:var(--its-block-accent)!important;font-size:.86rem;font-weight:800;text-decoration:none!important}
.its-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.its-feature{padding:1rem 0}
.its-feature-icon{margin-bottom:.9rem}
.its-block--split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}
.its-split-visual{min-height:230px;display:grid;place-items:center;border:1px dashed rgba(var(--its-block-accent-rgb),.3);border-radius:16px;background:rgba(var(--its-block-accent-rgb),.06);color:var(--its-block-accent);text-align:center;padding:1.3rem}
.its-split-visual img{width:100%;height:auto;border-radius:13px}
.its-cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-color:rgba(var(--its-block-accent-rgb),.22);background:linear-gradient(135deg,rgba(var(--its-block-accent-rgb),.1),var(--its-block-surface))}
.its-cta>div:first-child{max-width:720px}
.its-cta .its-button-row{margin:0;flex:none}
.its-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.its-stat{padding:1.35rem;border:1px solid var(--its-block-line);border-radius:16px;background:var(--its-block-surface)}
.its-stat strong{display:block;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1;color:var(--its-block-accent)}
.its-stat span{display:block;margin-top:.45rem;font-size:.82rem;font-weight:750;color:var(--its-block-muted)}
.its-download-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.25rem 1.4rem}
.its-download-icon{width:54px;height:54px;font-size:1.35rem}
.its-download-card .its-button{min-height:40px}
.its-faq{display:grid;gap:.7rem}
.its-faq details{border:1px solid var(--its-block-line);border-radius:14px;background:var(--its-block-surface);overflow:hidden}
.its-faq summary{position:relative;cursor:pointer;padding:1rem 3rem 1rem 1.1rem;font-weight:820;list-style:none}
.its-faq summary::-webkit-details-marker{display:none}
.its-faq summary:after{content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);color:var(--its-block-accent);font-size:1.25rem}
.its-faq details[open] summary:after{content:"−"}
.its-faq details>div{padding:0 1.1rem 1rem;border-top:1px solid var(--its-block-line)}
.its-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0;color:var(--its-block-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.its-divider:before,.its-divider:after{content:"";height:1px;flex:1;background:var(--its-block-line)}
.its-spacer{height:clamp(30px,6vw,76px);margin:0!important}
.mce-content-body [data-its-block]{outline:1px dashed rgba(var(--its-block-accent-rgb),.3);outline-offset:4px}
.mce-content-body [data-its-block]:hover{outline-color:var(--its-block-accent)}
.mce-content-body [data-its-block]:before{content:"Baustein";position:absolute;z-index:2;top:7px;right:9px;padding:3px 7px;border-radius:999px;background:rgba(17,24,39,.72);color:#fff;font:700 10px/1.2 Aptos,"Segoe UI",sans-serif;opacity:0;pointer-events:none;transition:opacity .15s ease}
.mce-content-body [data-its-block]:hover:before{opacity:1}

/* Lokale Icon-Bibliothek */
.its-icon{--its-icon-size:1em;display:inline-grid;place-items:center;width:var(--its-icon-size);height:var(--its-icon-size);flex:0 0 auto;vertical-align:-.14em;color:currentColor;line-height:1}
.its-icon:before{content:"";display:block;width:100%;height:100%;background:currentColor;-webkit-mask:var(--its-icon-image) center/contain no-repeat;mask:var(--its-icon-image) center/contain no-repeat}
.its-icon--lg{--its-icon-size:1.35em}
.its-icon--xl{--its-icon-size:1.7em}
.its-icon--boxed{--its-icon-size:42px;display:inline-grid;border:1px solid rgba(var(--its-block-accent-rgb),.16);border-radius:13px;background:rgba(var(--its-block-accent-rgb),.08);color:var(--its-block-accent);box-shadow:0 8px 20px rgba(15,23,42,.045)}
.its-icon--boxed:before{width:20px;height:20px}
.its-icon--boxed.its-icon--lg{--its-icon-size:50px}.its-icon--boxed.its-icon--lg:before{width:24px;height:24px}
.its-icon--boxed.its-icon--xl{--its-icon-size:62px}.its-icon--boxed.its-icon--xl:before{width:30px;height:30px}

.its-icon--phone{--its-icon-image:url("../icons/content/phone.svg")}
.its-icon--mail{--its-icon-image:url("../icons/content/mail.svg")}
.its-icon--location{--its-icon-image:url("../icons/content/location.svg")}
.its-icon--building{--its-icon-image:url("../icons/content/building.svg")}
.its-icon--home{--its-icon-image:url("../icons/content/home.svg")}
.its-icon--user{--its-icon-image:url("../icons/content/user.svg")}
.its-icon--users{--its-icon-image:url("../icons/content/users.svg")}
.its-icon--globe{--its-icon-image:url("../icons/content/globe.svg")}
.its-icon--monitor{--its-icon-image:url("../icons/content/monitor.svg")}
.its-icon--laptop{--its-icon-image:url("../icons/content/laptop.svg")}
.its-icon--smartphone{--its-icon-image:url("../icons/content/smartphone.svg")}
.its-icon--server{--its-icon-image:url("../icons/content/server.svg")}
.its-icon--database{--its-icon-image:url("../icons/content/database.svg")}
.its-icon--printer{--its-icon-image:url("../icons/content/printer.svg")}
.its-icon--wifi{--its-icon-image:url("../icons/content/wifi.svg")}
.its-icon--wrench{--its-icon-image:url("../icons/content/wrench.svg")}
.its-icon--settings{--its-icon-image:url("../icons/content/settings.svg")}
.its-icon--shield{--its-icon-image:url("../icons/content/shield.svg")}
.its-icon--lock{--its-icon-image:url("../icons/content/lock.svg")}
.its-icon--info{--its-icon-image:url("../icons/content/info.svg")}
.its-icon--check{--its-icon-image:url("../icons/content/check.svg")}
.its-icon--check-circle{--its-icon-image:url("../icons/content/check-circle.svg")}
.its-icon--alert-triangle{--its-icon-image:url("../icons/content/alert-triangle.svg")}
.its-icon--x-circle{--its-icon-image:url("../icons/content/x-circle.svg")}
.its-icon--help-circle{--its-icon-image:url("../icons/content/help-circle.svg")}
.its-icon--star{--its-icon-image:url("../icons/content/star.svg")}
.its-icon--heart{--its-icon-image:url("../icons/content/heart.svg")}
.its-icon--download{--its-icon-image:url("../icons/content/download.svg")}
.its-icon--upload{--its-icon-image:url("../icons/content/upload.svg")}
.its-icon--file{--its-icon-image:url("../icons/content/file.svg")}
.its-icon--folder{--its-icon-image:url("../icons/content/folder.svg")}
.its-icon--link{--its-icon-image:url("../icons/content/link.svg")}
.its-icon--external-link{--its-icon-image:url("../icons/content/external-link.svg")}
.its-icon--calendar{--its-icon-image:url("../icons/content/calendar.svg")}
.its-icon--clock{--its-icon-image:url("../icons/content/clock.svg")}
.its-icon--message-circle{--its-icon-image:url("../icons/content/message-circle.svg")}
.its-icon--ticket{--its-icon-image:url("../icons/content/ticket.svg")}
.its-icon--search{--its-icon-image:url("../icons/content/search.svg")}
.its-icon--plus{--its-icon-image:url("../icons/content/plus.svg")}
.its-icon--arrow-right{--its-icon-image:url("../icons/content/arrow-right.svg")}
.its-icon--camera{--its-icon-image:url("../icons/content/camera.svg")}
.its-icon--package{--its-icon-image:url("../icons/content/package.svg")}
.its-icon--clipboard{--its-icon-image:url("../icons/content/clipboard.svg")}

.its-info-stack{display:grid;gap:.75rem}
.its-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.its-info-surface{min-width:0;padding:1.1rem 1.25rem;border:1px solid rgba(15,23,42,.035);border-radius:12px;background:linear-gradient(145deg,var(--its-block-soft),rgba(255,255,255,.78));box-shadow:0 8px 24px rgba(15,23,42,.025)}
.its-info-surface strong{display:block;margin:0 0 .28rem;color:var(--its-block-text);font-size:.92rem;font-weight:820;line-height:1.35}
.its-info-surface p{margin:0!important;color:var(--its-block-text)!important;font-size:.98rem;line-height:1.55!important}
.its-info-surface a{color:var(--its-block-accent);text-decoration:none;font-weight:700}
.its-icon-list{display:grid;gap:.7rem}
.its-icon-list-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:center;padding:1rem 1.1rem;border:1px solid var(--its-block-line);border-radius:14px;background:var(--its-block-surface)}
.its-icon-list-item strong{display:block;margin:0 0 .18rem;font-size:.9rem}
.its-icon-list-item p{margin:0!important;color:var(--its-block-text)!important}
.its-icon-feature{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;align-items:start;padding:clamp(1.35rem,4vw,2.4rem);border:1px solid rgba(var(--its-block-accent-rgb),.18);border-radius:var(--its-block-radius);background:linear-gradient(145deg,rgba(var(--its-block-accent-rgb),.07),var(--its-block-surface));box-shadow:var(--its-block-shadow)}
.its-icon-feature>.its-icon{margin-top:.1rem}
.mce-content-body .its-icon{cursor:pointer}
.mce-content-body .its-icon:hover{filter:drop-shadow(0 0 0.35rem rgba(var(--its-block-accent-rgb),.3))}

@media(max-width:820px){
  .its-card-grid,.its-card-grid--two,.its-feature-grid,.its-stat-grid,.its-info-grid{grid-template-columns:1fr}
  .its-block--split{grid-template-columns:1fr}
  .its-cta{align-items:flex-start;flex-direction:column}
  .its-cta .its-button-row{margin-top:.3rem}
  .its-download-card{grid-template-columns:48px minmax(0,1fr)}
  .its-icon-feature{grid-template-columns:1fr}
  .its-download-card>.its-button{grid-column:1/-1;width:100%}
}
@media(max-width:520px){
  .its-block--surface,.its-block--accent,.its-block--dark,.its-block--split,.its-cta{padding:1.25rem}
  .its-button-row{display:grid;grid-template-columns:1fr}
  .its-button{width:100%}
}