/* custom styles */
.block-akkordeon-medien .swiper-button-prev, 
.block-akkordeon-medien .swiper-button-next {
  margin-top: calc(0px  +  (var(--swiper-navigation-size) / 2));
}
.block-tab-stage .block-akkordeon-classic .tab-label {
  padding: 1em 0;
}
.block-tab-stage .block-akkordeon-classic .tab {
  border-bottom: 1px solid var(--text);
  margin-bottom: 0;
}
.block-tab-stage .block-akkordeon-classic .tab:first-child {
  border-top: 1px solid var(--text);
}
.block-tab-stage .block-akkordeon-classic .tab-inner {
  padding: 0 var(--belt-gap) 1em 0;
}
.block-tab-stage .block-akkordeon-classic .tab-inner p:not(:last-child) {
  margin-bottom: 1em;
}
.block-tab-stage .block-akkordeon-classic .tab .arrow {
  right: 0;
}

/* aio grid */
.aio-raster.wp-block-columns,
.aio-raster.wp-block-columns .wp-block-columns {
  max-width: 100%!important;
  padding: 0!important;
}
.aio-raster .block-text-column h3 {
  text-transform: none;
  letter-spacing: 0;
}
.aio-raster .raster-container .aio-wrap.space--top,
.aio-raster .raster-container .aio-grid.space--top {
  padding-top: var(--belt-gap)!important;
}
.aio-raster .raster-container {
  display: flex;
  flex-flow: column;
  width: 100%;
  justify-content: center;
}
.aio-raster .item span  {
  display: flex;
  text-align: center;
  line-height: 1.2;
  padding: 20px 0;
  font-size: 14px;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
}
.aio-raster .raster-container .item span.description  {
  padding: 20px 20px;
  box-sizing: border-box;
}
.aio-raster .raster-container .full-demo span:not(:last-child) {
  border-right: 1px solid var(--c4);
}
.aio-raster .aio-flex .item:nth-child(even) {
  background: rgba(var(--c2-r), var(--c2-g), var(--c2-b), 0.5);
}
.aio-raster .aio-flex .item:nth-child(odd) {
  background: rgba(var(--c2-r), var(--c2-g), var(--c2-b), 0.25);
}
.aio-raster .aio-grid .item:nth-child(even) {
  background: rgba(var(--c3-r), var(--c3-g), var(--c3-b), 0.5);
}
.aio-raster .aio-grid .item:nth-child(odd) {
  background: rgba(var(--c3-r), var(--c3-g), var(--c3-b), 0.25);
}
.aio-raster .raster-container.blue .aio-grid .item:nth-child(even) {
  background: rgba(var(--c2-r), var(--c2-g), var(--c2-b), 0.5);
}
.aio-raster .raster-container.blue .aio-grid .item:nth-child(odd) {
  background: rgba(var(--c2-r), var(--c2-g), var(--c2-b), 0.25);
}
.aio-raster .raster-container pre {
  text-align: center;
  padding: 0 var(--belt-gap);
  color: var(--c7);
  margin-top: 10px;
  font-size: 12px;
  font-family: "Lucida Console", monospace;
  white-space: inherit;
}
.aio-raster .raster-container.flex pre {
  margin-top: 20px;
}
.aio-raster .item > div {
  background: rgba(var(--c4-r), var(--c4-g), var(--c4-b), 0.5);
}
@media screen and (min-width: 768px) {
  .aio-raster .item.difference  {
	position: relative;
  }
  .aio-raster .item.difference:before  {
	content: "";
	height: 100%;
	border-left: 2px dashed red;
	position: absolute;
	top: 0;
	left: -15px;
	bottom: 0;
  }
  .aio-raster .item.dashed  {
	border-right: 2px dashed red;
  }
}
@media screen and (max-width: 767px) and (min-width: 481px) {
  .aio-raster .item.difference-mobile  {
	position: relative;
  }
  .aio-raster .item.difference-mobile:before  {
	content: "";
	height: 100%;
	border-left: 2px dashed red;
	position: absolute;
	top: 0;
	left: -12px;
	bottom: 0;
  }
  .aio-raster .item.dashed-mobile  {
	border-right: 2px dashed red;
  }
}
@media screen and (max-width: 1360px) {
  .aio-raster .raster-container .hide-a span {
	display: none;
  }
}
@media screen and (max-width: 1023px) {
  .aio-raster .item span  {
	font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .aio-raster .raster-container span {
	font-size: 10px;
  }
  .aio-raster .raster-container pre {
	font-size: 10px;
  }
}