.wp-block-gib-infobox.gib-box{box-sizing:border-box;background:var(--gib-bg,#fff);border:var(--gib-border-width,1px) solid var(--gib-border,#e2e5e9);border-radius:var(--gib-radius,8px);color:var(--gib-text-color,#1b2734);max-width:var(--gib-max-width,1200px);width:100%;min-width:0;max-inline-size:100%;padding:var(--gib-padding-top,16px) var(--gib-padding-right,16px) var(--gib-padding-bottom,16px) var(--gib-padding-left,16px);margin:var(--gib-margin-top,0px) var(--gib-margin-right,0px) var(--gib-margin-bottom,0px) var(--gib-margin-left,0px);transition:background-color .2s ease,border-color .2s ease;}
.wp-block-gib-infobox.gib-box:hover{background:var(--gib-hover-bg,var(--gib-bg,#fff))}
.wp-block-gib-infobox.gib-full-height{height:100%;min-height:100%;align-self:stretch;display:flex;flex-direction:column;}
.wp-block-gib-infobox .gib-inner{display:flex;align-items:flex-start;gap:var(--gib-gap,16px);width:100%;height:100%;box-sizing:border-box;color:inherit;text-decoration:none!important;}
.wp-block-gib-infobox .gib-icon{flex:0 0 auto;width:var(--gib-icon-size,36px);height:var(--gib-icon-size,36px);color:var(--gib-icon-color,#2d5be3);display:inline-flex;align-items:center;justify-content:center;}
.wp-block-gib-infobox .gib-icon svg,.wp-block-gib-infobox .gib-icon img{width:100%;height:100%;display:block}
.wp-block-gib-infobox .gib-icon svg *[fill]:not([fill="none"]){fill:currentColor}
.wp-block-gib-infobox .gib-icon svg *[stroke]:not([stroke="none"]){stroke:currentColor}
.wp-block-gib-infobox .gib-content{display:block;min-width:0;flex:1}
.wp-block-gib-infobox .gib-title{font-size:var(--gib-title-size,22px)!important;line-height:1.3;margin:0 0 .45em;padding:0;color:var(--gib-title-color,#1b2734);font-weight:600;}
.wp-block-gib-infobox .gib-description{font-size:var(--gib-text-size,16px)!important;line-height:1.55;margin:0;padding:0;color:inherit;display:block;}
.wp-block-gib-infobox .gib-description p{margin:0}
.wp-block-gib-infobox.gib-align-left{text-align:left}
.wp-block-gib-infobox.gib-align-center{text-align:center}
.wp-block-gib-infobox.gib-align-right{text-align:right}
.wp-block-gib-infobox.gib-position-top .gib-inner{flex-direction:column;align-items:flex-start}
.wp-block-gib-infobox.gib-position-top.gib-align-center .gib-inner{align-items:center}
.wp-block-gib-infobox.gib-position-top.gib-align-right .gib-inner{align-items:flex-end}
.wp-block-gib-infobox.gib-position-right .gib-inner{flex-direction:row-reverse}
.wp-block-gib-infobox.gib-position-left.gib-align-center .gib-inner,.wp-block-gib-infobox.gib-position-right.gib-align-center .gib-inner{align-items:flex-start}
.wp-block-gib-infobox .gib-inner:focus-visible{outline:2px solid var(--gib-icon-color,#2d5be3);outline-offset:4px}
.gib-spacing-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 18px}
.gib-color-control{margin:14px 0;padding-bottom:8px;border-bottom:1px solid #e6e6e6}
.gib-color-control .components-color-palette{margin-top:8px}
@media(max-width:1024px){.wp-block-gib-infobox.gib-box{padding:var(--gib-padding-top-tablet,16px) var(--gib-padding-right-tablet,16px) var(--gib-padding-bottom-tablet,16px) var(--gib-padding-left-tablet,16px);margin:var(--gib-margin-top-tablet,0px) var(--gib-margin-right-tablet,0px) var(--gib-margin-bottom-tablet,0px) var(--gib-margin-left-tablet,0px)}}
@media(max-width:767px){.wp-block-gib-infobox.gib-box{padding:var(--gib-padding-top-mobile,16px) var(--gib-padding-right-mobile,16px) var(--gib-padding-bottom-mobile,16px) var(--gib-padding-left-mobile,16px);margin:var(--gib-margin-top-mobile,0px) var(--gib-margin-right-mobile,0px) var(--gib-margin-bottom-mobile,0px) var(--gib-margin-left-mobile,0px)}}
/* SVGs ohne explizite Füllfarbe (z. B. Font Awesome) verwenden die eingestellte Icon-Farbe. */
.wp-block-gib-infobox .gib-icon svg:not([fill]){fill:currentColor}

/* Mobile Layout: keine Breite erzwingen, die das GeneratePress-Parent übersteuert. */
.wp-block-gib-infobox.gib-box{min-inline-size:0;box-sizing:border-box;flex-shrink:1;}
@media(max-width:767px){.wp-block-gib-infobox.gib-box{width:100%;max-width:100%;min-width:0;flex-basis:auto;}}
.gib-number-control{display:flex;gap:4px;align-items:flex-end}
.gib-number-control .components-base-control{flex:1;min-width:0}
.gib-number-control .components-button{margin-bottom:9px}
.gib-control-heading{display:flex;align-items:center;justify-content:space-between}

/* v0.3: GenerateBlocks / GeneratePress: die 100%-Höhe durch die
   unmittelbare Container-Hierarchie weiterreichen, ohne Spaltenbreiten
   oder responsive Umbrüche des Grid-Wrappers zu verändern. */
.gb-grid-column:has(.wp-block-gib-infobox.gib-full-height) {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-width: 0;
}
/* GenerateBlocks Classic: Grid-Spalte > GB-Container */
.gb-grid-column:has(.wp-block-gib-infobox.gib-full-height) > .gb-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
/* Direkter Elterncontainer: CSS-Höhenprozente benötigen eine
   durchgehende Höhenausdehnung. Flex:1 funktioniert auch ohne
   explizite Pixelhöhe, wenn die Grid-Zeile gestreckt wird. */
.gb-container:has(> .wp-block-gib-infobox.gib-full-height),
.gb-element:has(> .wp-block-gib-infobox.gib-full-height) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 0;
}
.gb-container > .wp-block-gib-infobox.gib-full-height,
.gb-element > .wp-block-gib-infobox.gib-full-height {
  flex: 1 1 auto;
  height: auto;
  min-height: 100%;
}
/* Blockeditor: Gutenberg-Wrapper darf die Höhenvererbung nicht
   unterbrechen. Nur aktiv, falls 100%-Höhe eingeschaltet wurde. */
.block-editor-block-list__block:has(> .wp-block-gib-infobox.gib-full-height) {
  align-self: stretch;
}

/* v0.4.0: Native Gutenberg-Spalten (core/columns).
 * Die Spalte hat zwar dieselbe Zeilenhöhe wie die anderen Spalten, aber
 * ein Kind mit height:100% erhält ohne definierte Elternhöhe nicht
 * automatisch die gesamte Höhe. Die Flex-Kette überbrückt das. */
.wp-block-columns > .wp-block-column:has(.wp-block-gib-infobox.gib-full-height) {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
}
.wp-block-columns > .wp-block-column > .wp-block-gib-infobox.gib-full-height {
  flex:1 1 auto;
  height:auto;
  min-height:0;
  align-self:stretch;
}
/* Falls die Box in einem zusätzlichen nativen Gruppen-Block liegt. */
.wp-block-column > .wp-block-group:has(.wp-block-gib-infobox.gib-full-height) {
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  align-items:stretch;
}
.wp-block-column > .wp-block-group > .wp-block-gib-infobox.gib-full-height {
  flex:1 1 auto;
  height:auto;
  min-height:0;
}
/* Im Editor umgeben Gutenberg-Wrapper die inneren Blöcke. */
.editor-styles-wrapper .wp-block-column:has(.wp-block-gib-infobox.gib-full-height) > .block-editor-inner-blocks,
.editor-styles-wrapper .wp-block-column:has(.wp-block-gib-infobox.gib-full-height) > .block-editor-inner-blocks > .block-editor-block-list__layout {
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  width:100%;
}
.editor-styles-wrapper .wp-block-column .block-editor-block-list__layout > .wp-block-gib-infobox.gib-full-height,
.editor-styles-wrapper .wp-block-column .block-editor-block-list__layout > .block-editor-block-list__block.wp-block-gib-infobox.gib-full-height {
  flex:1 1 auto;
  height:auto;
  min-height:0;
  align-self:stretch;
}
/* Never force the column widths or mobile stacking; core/columns owns these. */

.gib-color-transparent-choice{margin:6px 0 10px}