/* Protein-Flexbox */

.protein-flexbox {
  display: flex;
  width: 100%;
}

/* 50-50 Zweierspalte */

.protein_50-50 > div {
  width: 50%;
  flex-shrink: 0;
  padding-right: 23px;
}

.protein_50-50 > div:last-child {
  padding-right: 0;
  padding-left: 23px;
}

@media only screen and (min-width: 769px) {
  .protein_50-50
    > div:last-child
    > div:first-child
    > div.ce-bodytext:first-child
    > .bildunterschrift:first-child {
    margin-top: 0;
  }
}

/* 1:2 Zweierspalte */

.protein_1_zu_2 > div {
  flex-shrink: 0;
  padding-right: 23px;
  width: 32.79411764705882%;
}

.protein_1_zu_2 > div:last-child {
  padding-right: 0;
  padding-left: 23px;
  width: 67.20588235294118%;
}

/* 2:1 Zweierspalte */

.protein_2_zu_1 > div {
  flex-shrink: 0;
  padding-right: 23px;
  width: 67.20588235294118%;
}

.protein_2_zu_1 > div:last-child {
  padding-right: 0;
  padding-left: 23px;
  width: 32.79411764705882%;
}

/* 1:1:1 Dreierspalte */

.protein_1_zu_1_zu_1 > div {
  width: calc((100% - 92px) / 3);
  flex-shrink: 0;
  padding-right: 23px;
  padding-left: 23px;
  box-sizing: content-box;
}

.protein_1_zu_1_zu_1 > div:first-child {
  padding-left: 0;
}

.protein_1_zu_1_zu_1 > div:last-child {
  padding-right: 0;
}

/* 1:1:1 Dreierspalte floatend */

.protein_1_zu_1_zu_1_floatend {
  width: calc(100% + 46px);
  margin-left: -23px;
  margin-right: -23px;
  flex-wrap: wrap;
}

.protein_1_zu_1_zu_1_floatend > div {
  width: calc(33% - 46px);
  margin-left: 23px;
  margin-right: 23px;
}

@media screen and (max-width: 1440px) {
  .protein_1_zu_1_zu_1_floatend {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
  }

  .protein_1_zu_1_zu_1_floatend > div {
    width: calc(50% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media screen and (max-width: 767px) {
  .protein_1_zu_1_zu_1_floatend > div {
    width: calc(1000% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }
}

.utilityOverlay .protein_1_zu_1_zu_1_floatend > div {
  width: calc(1000% - 32px);
  margin-left: 16px;
  margin-right: 16px;
}

/* 2:1:1 Dreierspalte 2:1:1 */

.protein_2_zu_1_zu_1 > div {
  width: calc((50% - 69px) / 2);
  padding-right: 23px;
  padding-left: 23px;
  flex-shrink: 0;
  box-sizing: content-box;
}

.protein_2_zu_1_zu_1 > div:first-child {
  width: calc(50% - 23px);
}

.protein_2_zu_1_zu_1 > div:first-child {
  padding-left: 0;
}

.protein_2_zu_1_zu_1 > div:last-child {
  padding-right: 0;
}

/* 1:1:1:1 Viererspalte */

.protein_1_zu_1_zu_1_zu_1 > div {
  width: calc((100% - 138px) / 4);
  padding-right: 23px;
  padding-left: 23px;
  flex-shrink: 0;
  box-sizing: content-box;
}

.protein_1_zu_1_zu_1_zu_1 > div:first-child {
  padding-left: 0;
}

.protein_1_zu_1_zu_1_zu_1 > div:last-child {
  padding-right: 0;
}

/* 1:1:1:1 Vierer floatend */

.protein_1_zu_1_zu_1_zu_1_floatend {
  width: calc(100% + 46px);
  margin-left: -23px;
  margin-right: -23px;
  flex-wrap: wrap;
}

.protein_1_zu_1_zu_1_zu_1_floatend > div {
  width: calc(25% - 46px);
  margin-left: 23px;
  margin-right: 23px;
}

@media screen and (max-width: 1440px) {
  .protein_1_zu_1_zu_1_zu_1_floatend {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
  }

  .protein_1_zu_1_zu_1_zu_1_floatend > div {
    width: calc(33% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .protein_1_zu_1_zu_1_zu_1_floatend {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
  }

  .protein_1_zu_1_zu_1_zu_1_floatend > div {
    width: calc(50% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media screen and (max-width: 567px) {
  .protein_1_zu_1_zu_1_zu_1_floatend > div {
    width: calc(1000% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }
}

/* Footermenü */

.footermenue .footer_inner {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
}
.footermenue .footer_inner,
.footermenue .footer_inner input,
.footermenue .footer_inner textarea {
  font-size: 1.6rem;
}

.footermenue p,
.footermenue h1,
.footermenue h2,
.footermenue .wie_h1,
.footermenue .wie_h2,
.footermenue .wie_fliesstext,
.footermenue ul,
.footermenue ol,
.footermenue table,
.footermenue form,
.footermenue img,
.footermenue svg,
.tx-t3sentsorgung-pi-footer .selectContainer {
  margin-bottom: 30px;
}

.footermenue .eineinhalbfacher_unterer_Abstand {
  margin-bottom: 45px;
}

.footermenue .doppelter_unterer_Abstand {
  margin-bottom: 60px;
}

.footermenue .voller_unterer_Abstand {
  margin-bottom: 30px;
}

.footermenue .dreiviertel_unterer_Abstand {
  margin-bottom: 23px;
}

.footermenue .halber_unterer_Abstand {
  margin-bottom: 15px;
}

.footermenue .viertel_unterer_Abstand {
  margin-bottom: 7px;
}

.footermenue .kontaktformular .text input,
.footermenue .kontaktformular input[type="text"],
.footermenue .kontaktformular input[type="email"],
.footermenue .kontaktformular input[type="number"],
.footermenue .kontaktformular input[type="password"],
.footermenue .kontaktformular textarea {
  padding: 9px 15px;
}

.footermenue .kontaktformular .text label,
.kontaktformular .input_text label,
.kontaktformular .textarea label,
.kontaktformular .input_textarea label {
  padding: 6px 15px;
}

.footermenue .kontaktformular textarea {
  height: 125px;
  margin-bottom: 9px;
}

.footermenue .kontaktformular .viertel_unterer_Abstand {
  margin-bottom: 24px !important;
}

.footermenue .spaltenklammer {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
}

.footermenue .spaltenklammer > * {
  width: calc(33.333333% - 23px);
  margin-right: 46px;
}

.footermenue .spaltenklammer > *:last-child {
  margin-right: 0;
}

.footermenue .zusatzlinks p {
  margin-bottom: 10px;
  padding-top: 10px;
}

.footermenue .zusatzlinks a {
  margin-right: 15px;
}

.footermenue .zusatzlinks .csc-divider {
  margin-bottom: 35px;
}

.footermenue .spaltenklammer > div > .item_1 img {
  margin-bottom: 15px;
}

.footermenue .spaltenklammer > div > .item_1 {
  border-bottom: 1px solid #88888e;
  margin-bottom: 20px;
}

.footermenue .tx-t3sincludephp-pi-include > h2 {
  display: none;
}

.footermenue .subline {
  font-size: 2.2rem;
  margin-bottom: 20px !important;
  font-weight: normal;
}

@media only screen and (max-width: 1440px) {
  .footermenue p,
  .footermenue h1,
  .footermenue h2,
  .footermenue .wie_h1,
  .footermenue .wie_h2,
  .footermenue .wie_fliesstext,
  .footermenue ul,
  .footermenue ol,
  .footermenue table,
  .footermenue form,
  .footermenue img,
  .footermenue svg,
  .tx-t3sentsorgung-pi-footer .selectContainer {
    margin-bottom: 24px;
  }

  .footermenue .eineinhalbfacher_unterer_Abstand {
    margin-bottom: 36px;
  }

  .footermenue .doppelter_unterer_Abstand {
    margin-bottom: 48px;
  }

  .footermenue .voller_unterer_Abstand {
    margin-bottom: 24px;
  }

  .footermenue .dreiviertel_unterer_Abstand {
    margin-bottom: 18px !important;
  }

  .footermenue .halber_unterer_Abstand {
    margin-bottom: 12px;
  }

  .footermenue .viertel_unterer_Abstand {
    margin-bottom: 6px !important;
  }

  .footermenue .zusatzlinks p {
    margin-bottom: 4px;
    padding-top: 4px;
  }

  .footermenue .zusatzlinks .csc-divider {
    margin-bottom: 32px;
  }

  .footermenue .spaltenklammer > div > .item_1 img {
    margin-bottom: 17px;
  }

  .kontaktformular .fieldwrap,
  .form-group,
  .form-navigation {
    margin-bottom: 11px;
  }

  .footermenue .kontaktformular .viertel_unterer_Abstand {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .footermenue .spaltenklammer > div > .item_2 header + div {
    display: block !important;
  }
}

@media only screen and (max-width: 1023px) {
  .footermenue .footer_inner .zusatzlinks {
    order: 1;
    margin-top: 30px;
  }

  .footermenue .spaltenklammer > div > .item_1 {
    display: none;
  }

  .footermenue .spaltenklammer {
    flex-flow: column nowrap;
  }

  .footermenue .spaltenklammer > * {
    width: 100%;
    margin-right: 0;
  }

  .footermenue .spaltenklammer > div > .item_2 header + div {
    display: none;
    border-bottom: 1px solid #888888;
    padding-bottom: 6px;
  }

  .footermenue .spaltenklammer > div > .item_2 header p {
    margin-bottom: 0 !important;
  }

  .footermenue .spaltenklammer > div > .item_2 header {
    padding-right: 40px;
    cursor: pointer;
    padding: 30px 0;
    border-bottom: 1px solid #888888;
    background: url(/fileadmin/templates/2019/img/footer/akkordeon_v_weiss.svg)
      no-repeat right 32px / 25px auto;
  }

  .footermenue .spaltenklammer > div > .item_2 .open header {
    background: url(/fileadmin/templates/2019/img/footer/akkordeon_x_weiss.svg)
      no-repeat right 32px / 25px auto;
    border-bottom: none;
  }

  .footermenue .zusatzlinks .csc-divider {
    display: none;
  }

  .footermenue .subline {
    font-size: 1.7rem;
    margin-bottom: 20px !important;
  }

  .footermenue .zusatzlinks a {
    display: block;
    margin-bottom: 16px;
  }

  .protein_1_zu_1_zu_1 {
    display: block;
  }

  .protein_1_zu_1_zu_1 > div {
    width: auto;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

@media only screen and (max-width: 1440px) {
  .protein_50-50 > div {
    padding-right: 16px;
  }

  .protein_50-50 > div:last-child {
    padding-left: 16px;
  }

  .protein_1_zu_2 > div {
    padding-right: 16px;
    width: 32.70676691729323%;
  }

  .protein_1_zu_2 > div:last-child {
    padding-left: 16px;
    width: 67.29323308270677%;
  }

  .protein_2_zu_1 > div {
    padding-right: 16px;
    width: 67.29323308270677%;
  }

  .protein_2_zu_1 > div:last-child {
    padding-left: 16px;
    width: 32.70676691729323%;
  }

  /* 2:1 Streifen mit Umbruch bereits ab 1440 */
  .protein_2_zu_1_umbruch-1440 {
    display: block;
  }

  .protein_2_zu_1_umbruch-1440 > div {
    width: auto !important;
    padding: 0 !important;
  }

  .protein_1_zu_2_umbruch-1440 {
    display: block;
  }

  .protein_1_zu_2_umbruch-1440 > div {
    width: auto !important;
    padding: 0 !important;
  }

  /* 2:1:1 Dreierspalte 2:1:1 */
  .protein_2_zu_1_zu_1 {
    flex-wrap: wrap;
  }

  .protein_2_zu_1_zu_1 > div {
    width: calc(50% - 32px);
    padding-right: 16px;
    padding-left: 16px;
  }

  .protein_2_zu_1_zu_1 > div:nth-child(1) {
    width: calc(100%);
    padding-left: 0;
    padding-right: 0;
  }

  .protein_2_zu_1_zu_1 > div:nth-child(2) {
    padding-left: 0;
  }

  .protein_2_zu_1_zu_1 > div:nth-child(3) {
    padding-right: 0;
  }

  /* 1:1:1:1 Viererspalte */
  .protein_1_zu_1_zu_1_zu_1 {
    flex-wrap: wrap;
  }

  .protein_1_zu_1_zu_1_zu_1 > div {
    width: calc(50%);
    padding-right: 16px;
    padding-left: 16px;
    box-sizing: border-box;
  }

  .protein_1_zu_1_zu_1_zu_1 > div:nth-child(3) {
    padding-left: 0;
  }

  .protein_1_zu_1_zu_1_zu_1 > div:nth-child(2) {
    padding-right: 0;
  }

  /* 1:1 in 2:1 oder 1:2 Zweierspalte (!!!) */
  .protein_50-50 > div:first-child .protein_50-50,
  .protein_2_zu_1 > div:first-child .protein_50-50,
  .protein_1_zu_2 > div:last-child .protein_50-50 {
    flex-flow: column;
  }
  .protein_50-50 > div:first-child .protein_50-50 > div,
  .protein_2_zu_1 > div:first-child .protein_50-50 > div,
  .protein_1_zu_2 > div:last-child .protein_50-50 > div {
    width: auto !important;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 828px) {
  .protein_1_zu_2,
  .protein_2_zu_1 {
    flex-flow: column;
  }

  .protein_1_zu_2 > div,
  .protein_2_zu_1 > div {
    width: auto !important;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .protein_1_zu_2,
  .protein_2_zu_1,
  .protein_50-50 {
    flex-flow: column;
  }

  .protein_1_zu_2 > div,
  .protein_2_zu_1 > div,
  .protein_50-50 > div {
    width: auto !important;
    padding: 0 !important;
  }

  .multicolumnLayout1 > li {
    width: 100% !important;
    float: none;
  }

  .multicolumnLayout1 > li > .columnItems {
    padding: 0 !important;
  }

  .protein_2_zu_1_zu_1 {
    display: block;
  }

  .protein_2_zu_1_zu_1 > div {
    width: auto;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .protein_1_zu_1_zu_1_zu_1 {
    display: block;
  }

  .protein_1_zu_1_zu_1_zu_1 > div {
    width: auto;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

@media only screen and (max-width: 567px) {
}

/*Start: Startseitenteaser*/

.startseitenteaser > div {
  padding: 20px;
  margin-bottom: 40px;
}

.startseitenteaser_66-33,
.startseitenteaser_33-66,
.startseitenteaser_33-33-33 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.startseitenteaser_66-33 > div,
.startseitenteaser_33-66 > div,
.startseitenteaser_33-33-33 > div {
  flex-shrink: 0;
  flex-grow: 0;
}

.startseitenteaser_33-33-33 > div {
  width: calc(33.333333% - 26.666666px);
}

.startseitenteaser_33-66 > div {
  width: calc(33.333333% - 26.666666px);
}

.startseitenteaser_33-66 > div:last-child {
  width: calc(66.666666% - 13.333333px);
}

.startseitenteaser_66-33 > div {
  width: calc(66.666666% - 13.333333px);
}

.startseitenteaser_66-33 > div:last-child {
  width: calc(33.333333% - 26.666666px);
}

@media only screen and (max-width: 767px) {
  .startseitenteaser_33-33-33 {
    display: block;
  }

  .startseitenteaser_33-33-33 > div {
    width: auto;
  }

  .startseitenteaser_33-66 > div,
  .startseitenteaser_66-33 > div,
  .startseitenteaser_33-66 > div:last-child,
  .startseitenteaser_66-33 > div:last-child {
    width: calc(50% - 20px);
  }
}

@media only screen and (max-width: 667px) {
  .startseitenteaser_33-66,
  .startseitenteaser_66-33 {
    display: block;
  }

  .startseitenteaser_33-66 > div,
  .startseitenteaser_66-33 > div,
  .startseitenteaser_33-66 > div:last-child,
  .startseitenteaser_66-33 > div:last-child {
    width: auto;
  }
}

@media only screen and (max-width: 568px) {
  .logo_ro img {
    /* max-height: 35px !important;
    width: auto !important; */
    max-height: none !important;
    width: 112px !important;
  }
}

/*Ende: Startseitenteaser*/

/* Portraitstreifen */
.portraitstreifen.protein_50-50:not(.portrait_links) > div:last-child,
.portraitstreifen.protein_50-50.portrait_links > div:first-child,
.portraitstreifen_links.protein_2_zu_1 > div:first-child,
.portraitstreifen_rechts.protein_2_zu_1 > div:last-child {
  margin-bottom: -25px;
  align-self: flex-end;
}

body.startseite.startseiteOhneDCEteaser_0
  .portraitstreifen.protein_50-50:not(.portrait_links)
  > div:last-child,
body.startseite.startseiteOhneDCEteaser_0
  .portraitstreifen.protein_50-50.portrait_links
  > div:first-child,
body.startseite.startseiteOhneDCEteaser_0
  .portraitstreifen_links.protein_2_zu_1
  > div:first-child,
body.startseite.startseiteOhneDCEteaser_0
  .portraitstreifen_rechts.protein_2_zu_1
  > div:last-child {
  margin-bottom: 0px;
}

.portraitstreifen.protein_50-50:not(.portrait_links) > div:last-child img,
.portraitstreifen.protein_50-50.portrait_links > div:first-child img,
.portraitstreifen_links.protein_2_zu_1 > div:first-child img,
.portraitstreifen_rechts.protein_2_zu_1 > div:last-child img {
  margin-bottom: 0;
}

@media only screen and (max-width: 1600px) {
  body.startseite.startseiteOhneDCEteaser_0
    .portraitstreifen.protein_50-50:not(.portrait_links)
    > div:last-child,
  body.startseite.startseiteOhneDCEteaser_0
    .portraitstreifen.protein_50-50.portrait_links
    > div:first-child,
  body.startseite.startseiteOhneDCEteaser_0
    .portraitstreifen_links.protein_2_zu_1
    > div:first-child,
  body.startseite.startseiteOhneDCEteaser_0
    .portraitstreifen_rechts.protein_2_zu_1
    > div:last-child {
    margin-bottom: -2px;
  }
}

@media only screen and (max-width: 1440px) {
  .portraitstreifen.protein_50-50:not(.portrait_links) > div:last-child,
  .portraitstreifen.protein_50-50.portrait_links > div:first-child,
  .portraitstreifen_links.protein_2_zu_1 > div:first-child,
  .portraitstreifen_links.protein_2_zu_1 > div:last-child {
    margin-bottom: -20px;
  }
}

@media only screen and (max-width: 1439px) {
  body.startseite.startseiteOhneDCEteaser_0
    .portraitstreifen.protein_50-50:not(.portrait_links)
    > div:last-child,
  body.startseite.startseiteOhneDCEteaser_0
    .portraitstreifen.protein_50-50.portrait_links
    > div:first-child,
  body.startseite.startseiteOhneDCEteaser_0
    .portraitstreifen_links.protein_2_zu_1
    > div:first-child,
  body.startseite.startseiteOhneDCEteaser_0
    .portraitstreifen_links.protein_2_zu_1
    > div:last-child {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 768px) {
  .portraitstreifen.protein_50-50:not(.portrait_links) > div:last-child,
  .portraitstreifen.protein_50-50.portrait_links > div:first-child,
  .portraitstreifen_links.protein_2_zu_1 > div:first-child,
  .portraitstreifen_links.protein_2_zu_1 > div:last-child {
    align-self: auto;
  }

  .portraitstreifen.protein_50-50.portrait_links > div:first-child,
  .portraitstreifen_links.protein_2_zu_1 > div:first-child {
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .portraitstreifen.protein_50-50:not(.portrait_links) > div:last-child,
  .portraitstreifen.protein_50-50.portrait_links > div:first-child,
  .portraitstreifen_links.protein_2_zu_1 > div:first-child,
  .portraitstreifen_rechts.protein_2_zu_1 > div:last-child {
    margin-bottom: -15px;
  }
}
/* Portraitstreifen 2023*/
@media only screen and (max-width: 1440px) {
  .redaktionell
    > div
    > .helperDiv
    > .tx-t3sprotein-template_Zweispaltig_1_zu_1_portrait_2023
    > .protein_50-50 {
    align-items: stretch;
  }

  .redaktionell
    > div
    > .helperDiv
    > .tx-t3sprotein-template_Zweispaltig_1_zu_1_portrait_2023
    > .protein_50-50
    > div:first-child {
    /* width: 37.678%; */
    width: 383px;
  }

  .redaktionell
    > div
    > .helperDiv
    > .tx-t3sprotein-template_Zweispaltig_1_zu_1_portrait_2023
    > .protein_50-50
    > div:last-child {
    width: calc(100% - 383px);
    align-self: stretch;
    display: flex;
    position: relative;
    overflow: hidden;
  }
}

@media only screen and (max-width: 1440px) and (min-width: 769px) {
  .redaktionell
    > div
    > .helperDiv
    > .tx-t3sprotein-template_Zweispaltig_1_zu_1_portrait_2023 {
    margin-right: -60px;
    width: calc(798px + 60px + ((100% - 798px) / 2));
  }

  .redaktionell
    > div
    > .helperDiv
    > .tx-t3sprotein-template_Zweispaltig_1_zu_1_portrait_2023
    > .protein_50-50
    > div:last-child
    img {
    height: 100% !important;
    width: 100% !important;
    max-width: none !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    position: absolute;
    margin-right: -30px;
  }
}

@media only screen and (max-width: 768px) {
  .redaktionell
    > div
    > .helperDiv
    > .tx-t3sprotein-template_Zweispaltig_1_zu_1_portrait_2023
    > .protein_50-50
    > div:last-child
    img {
    aspect-ratio: 657 / 430;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
  }
}
