/*Hauptfarbe - gelb*/
/*rot*/
/*Timeline - Anfang*/
@media (min-width: 768px) {
  .frame-layout-8 {
    clear: both;
    position: relative;
    webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center; }
    .frame-layout-8 .container {
      padding: 0; }
    .frame-layout-8 > .container {
      padding-bottom: 3rem;
      padding-top: 2rem; }
    .frame-layout-8 > .container:before {
      content: "";
      width: 0;
      height: 100%;
      position: absolute;
      left: calc(50% - 1px);
      border-right: 2px dashed #ecebeb;
      top: 0; }
    .frame-layout-8 > .container .frame.frame-type-text:nth-child(1), .frame-layout-8 > .container .frame.frame-type-textpic:nth-child(1), .frame-layout-8 > .container .frame.frame-type-textmedia:nth-child(1) {
      margin-top: 0; }
    .frame-layout-8 .frame-type-header {
      clear: both;
      position: relative; }
      .frame-layout-8 .frame-type-header .ce-header {
        text-align: center;
        display: block;
        margin: 4rem auto 8rem auto;
        padding: 2rem 3rem;
        background: #fff;
        color: #F8B000;
        font-weight: 700; }
    .frame-layout-8 .frame.frame-type-text, .frame-layout-8 .frame.frame-type-textpic, .frame-layout-8 .frame.frame-type-textmedia {
      webkit-box-sizing: unset;
      -moz-box-sizing: unset;
      box-sizing: unset;
      margin: -5rem 1rem 1rem 1rem;
      width: calc(50% - 1rem);
      position: relative;
      text-align: left;
      margin-bottom: 0; }
      .frame-layout-8 .frame.frame-type-text .ce-header, .frame-layout-8 .frame.frame-type-textpic .ce-header, .frame-layout-8 .frame.frame-type-textmedia .ce-header {
        padding: 2rem;
        background: #fff;
        color: #4d4d4d;
        margin-bottom: 0; }
      .frame-layout-8 .frame.frame-type-text .ce-bodytext, .frame-layout-8 .frame.frame-type-textpic .ce-bodytext, .frame-layout-8 .frame.frame-type-textmedia .ce-bodytext {
        padding: 2rem; }
    .frame-layout-8 .frame.frame-type-text:nth-child(2n), .frame-layout-8 .frame.frame-type-textpic:nth-child(2n), .frame-layout-8 .frame.frame-type-textmedia:nth-child(2n) {
      float: right; }
      .frame-layout-8 .frame.frame-type-text:nth-child(2n) .ce-header, .frame-layout-8 .frame.frame-type-textpic:nth-child(2n) .ce-header, .frame-layout-8 .frame.frame-type-textmedia:nth-child(2n) .ce-header {
        border-left: 2px solid #F8B000; }
    .frame-layout-8 .frame.frame-type-text:nth-child(2n) > .container, .frame-layout-8 .frame.frame-type-textpic:nth-child(2n) > .container, .frame-layout-8 .frame.frame-type-textmedia:nth-child(2n) > .container {
      margin-left: 3rem;
      width: calc(100% - 3rem); }
    .frame-layout-8 .frame.frame-type-text:nth-child(2n):before, .frame-layout-8 .frame.frame-type-textpic:nth-child(2n):before, .frame-layout-8 .frame.frame-type-textmedia:nth-child(2n):before {
      content: "";
      width: 10px;
      height: 10px;
      background: #F8B000;
      position: absolute;
      left: -7px;
      border: 2px solid #F8B000;
      border-radius: 100%;
      top: 2.15rem; }
    .frame-layout-8 .frame.frame-type-text:nth-child(2n):after, .frame-layout-8 .frame.frame-type-textpic:nth-child(2n):after, .frame-layout-8 .frame.frame-type-textmedia:nth-child(2n):after {
      content: "";
      width: 1rem;
      height: 1rem;
      background: #fff;
      position: absolute;
      left: 2.52rem;
      border-bottom: 2px solid #F8B000;
      top: 2.15rem;
      border-left: 2px solid #F8B000;
      transform: rotate(45deg); }
    .frame-layout-8 .frame.frame-type-text:nth-child(2n+1), .frame-layout-8 .frame.frame-type-textpic:nth-child(2n+1), .frame-layout-8 .frame.frame-type-textmedia:nth-child(2n+1) {
      float: left; }
      .frame-layout-8 .frame.frame-type-text:nth-child(2n+1) .ce-header, .frame-layout-8 .frame.frame-type-textpic:nth-child(2n+1) .ce-header, .frame-layout-8 .frame.frame-type-textmedia:nth-child(2n+1) .ce-header {
        border-right: 2px solid #F8B000; }
    .frame-layout-8 .frame.frame-type-text:nth-child(2n+1) > .container, .frame-layout-8 .frame.frame-type-textpic:nth-child(2n+1) > .container, .frame-layout-8 .frame.frame-type-textmedia:nth-child(2n+1) > .container {
      margin-right: 3rem;
      width: calc(100% - 3rem); }
    .frame-layout-8 .frame.frame-type-text:nth-child(2n+1):before, .frame-layout-8 .frame.frame-type-textpic:nth-child(2n+1):before, .frame-layout-8 .frame.frame-type-textmedia:nth-child(2n+1):before {
      content: "";
      width: 10px;
      height: 10px;
      background: #F8B000;
      position: absolute;
      right: -7px;
      border: 2px solid #F8B000;
      border-radius: 100%;
      top: 2.15rem; }
    .frame-layout-8 .frame.frame-type-text:nth-child(2n+1):after, .frame-layout-8 .frame.frame-type-textpic:nth-child(2n+1):after, .frame-layout-8 .frame.frame-type-textmedia:nth-child(2n+1):after {
      content: "";
      width: 1rem;
      height: 1rem;
      background: #fff;
      position: absolute;
      right: 2.48rem;
      border-top: 2px solid #F8B000;
      top: 2.15rem;
      border-right: 2px solid #F8B000;
      transform: rotate(45deg); }
    .frame-layout-8 .ce-content {
      overflow: unset; }
    .frame-layout-8 .row {
      max-width: 100%;
      margin-right: 0;
      margin-left: 0;
      background: #fff;
      border: 2px solid #ecebeb; }
      .frame-layout-8 .row .row {
        border: 0; }
      .frame-layout-8 .row .order-0, .frame-layout-8 .row .order-1, .frame-layout-8 .row div[class*="col-"] {
        padding-left: 0;
        padding-right: 0; }
      .frame-layout-8 .row figure {
        margin: 2rem; }
    .frame-layout-8 .frame-type-text .ce-content {
      background: #fff;
      padding: 2rem; }
      .frame-layout-8 .frame-type-text .ce-content .ce-header {
        margin: -2rem -2rem 2rem -2rem; }
    .frame-layout-8 .frame-type-textpic .ce-content {
      margin-bottom: 2rem; }
    .frame-layout-8 .frame.frame-type-wst3bootstrap_container {
      /*Textcontainer mitte*/
      width: 100%;
      max-width: 770px;
      clear: both;
      float: none;
      margin: auto;
      margin-bottom: 8rem;
      border: 1px solid #ecebeb; }
      .frame-layout-8 .frame.frame-type-wst3bootstrap_container .row {
        border: 0; }
      .frame-layout-8 .frame.frame-type-wst3bootstrap_container .frame.frame-type-text, .frame-layout-8 .frame.frame-type-wst3bootstrap_container .frame.frame-type-textpic, .frame-layout-8 .frame.frame-type-wst3bootstrap_container .frame.frame-type-textmedia, .frame-layout-8 .frame.frame-type-wst3bootstrap_container > container {
        width: 100%;
        padding: 0;
        margin: 0; }
      .frame-layout-8 .frame.frame-type-wst3bootstrap_container .ce-header {
        border-right: 0 !important;
        background: #fff;
        text-align: center;
        justify-content: center;
        padding-bottom: 0; }
      .frame-layout-8 .frame.frame-type-wst3bootstrap_container .frame-type-textmedia:nth-child(2n+1):before, .frame-layout-8 .frame.frame-type-wst3bootstrap_container .frame-type-textmedia:nth-child(2n+1):after {
        content: unset; }
      .frame-layout-8 .frame.frame-type-wst3bootstrap_container .frame-type-textmedia:nth-child(2n):before, .frame-layout-8 .frame.frame-type-wst3bootstrap_container .frame-type-textmedia:nth-child(2n):after {
        content: unset; }
      .frame-layout-8 .frame.frame-type-wst3bootstrap_container .frame-type-textmedia:nth-child(2n) > .container, .frame-layout-8 .frame.frame-type-wst3bootstrap_container .frame-type-textmedia:nth-child(2n+1) > .container {
        margin: 0;
        width: 100%; } }

@media (max-width: 768px) {
  .frame-layout-8 .frame-type-header .ce-header {
    text-align: center;
    display: block;
    padding: 2rem 3rem;
    background: #fff;
    color: #F8B000;
    font-weight: 700; }
  .frame-layout-8 .frame:not(.frame-type-header) .ce-header {
    padding: 2rem;
    background: #ecebeb;
    color: #4d4d4d;
    margin-bottom: 0; }
  .frame-layout-8 .frame:not(.frame-type-header) .ce-content {
    background: #fff; }
    .frame-layout-8 .frame:not(.frame-type-header) .ce-content .ce-bodytext {
      padding: 2rem; }
  .frame-layout-8 .frame-type-text .ce-content {
    background: #fff;
    padding: 2rem; }
    .frame-layout-8 .frame-type-text .ce-content .ce-header {
      margin: -2rem -2rem 2rem -2rem; }
  .frame-layout-8 .frame-type-textpic .ce-content {
    margin-bottom: 2rem; }
    .frame-layout-8 .frame.frame-type-wst3bootstrap_container .container {
      margin-bottom: 2rem; }
    .frame-layout-8 .frame.frame-type-wst3bootstrap_container .ce-header {
      background: #fff; } }

/*Timeline - Ende*/