/* Colors */

section.ce-color-3 a {
    color: var(--RedFillHover);
}
section.ce-color-4 a {
  color: var(--White);
}

section.ce-color-3 .link-button,
section.ce-color-4 .link-button {
  font-weight: normal;
  background-color: var(--Red);
}
section.ce-color-4 .btn:hover {
    border-color: var(--RedFillHover);
    background-color: var(--RedFillHover);
    color: white;
}

.ce-color-0 a,
.ce-color-1 a {
    color: var(--Red);
}

section.ce-color-2 .ce-color-0 a,
section.ce-color-2 .ce-color-1 a,
section.ce-color-3 .ce-color-0 a,
section.ce-color-3 .ce-color-1 a {
    color: var(--Red);
}


.ce-color-2 a {
    color: var(--White);
}

.ce-color-1 .btn-primary,
.ce-color-3 .btn-primary {
    color: white;
}



/* Button Styles */


a.link-button {
    margin-top: 0;
    padding: 0.9375rem 1.875rem;
    border: 0.0625rem solid var(--Red);
    text-decoration: none;
    transition: 0.25s;
    display: inline-block;
    font-weight: 700;
    font-family: "HdMFrutigerNextProMedium", serif
}

.link-button:hover {
    background-color: var(--WhiteHover);
    color: var(--Red);
}

.link-button:active {
    background-color: var(--WhiteActive);
    color: var(--Red);
}

.bgcolor_2 .bgcolor_1 .link-button:hover {
    color: var(--Red);
}


.bgcolor_2 .bgcolor_1 .link-button, .bgcolor_2 .bgcolor_1 .link-button:active {
    color: var(--Red);
}

a.link-text {
    color: var(--Red);
    text-underline-offset: 0.3125rem;
    font-family: "HdMFrutigerNextProMedium", serif
}

.bgcolor_2 .bgcolor_1 .link-text {
    color: var(--Red);
}

.btn.btn-secondary {
    background-color: var(--Darkgrey);
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 2px;
}

.btn.btn.btn-secondary:hover{
    border: 1px solid rgba(255, 255, 255, 0.60);
}



@media(min-width: 0px) {


      .link-type-4 a.button{
        color: var(--White);
        padding:  0.9375rem 1.875rem 0.875rem 1.875rem;
        border: 0.0625rem solid var(--Red);
        background: var(--Red);
        text-decoration: none;
        transition: 0.25s;
        display: inline-block;
        -webkit-box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 15%);
        box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 15%);
        border-radius: 2px;
      }
      .link-type-4 a.button:hover {
          color: var(--Red);
          background:var(--White);
      }
}

@media(max-width: 576px) {
    .ce_link_element_box{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: 100%;
    }
    .ce_link_element, a.button {width: 100%; text-align: center;}
}

@media(min-width: 576px) {}

@media(min-width: 768px) {
    .ce_link_element_box{
        padding-top: var(--padding-32, 2rem);
      }
      .ce_link_element .ce-link-element-inner{
          flex: 1 1 200px; /* Boxen gleichmäßig verteilen, Mindestbreite 200px */
          display: flex; /* Für innere Elemente */
          justify-content: center; /* Zentriert den Inhalt horizontal */
          align-items: center;
      }
      .ce_link_element_box > div {
          margin-right: 1.25rem;
      }
}
@media(min-width: 992px) {
    .link-type-4 a.button {
        color: var(--White);
        padding:  0.9375rem 1.875rem 0.875rem 1.875rem;
        border: 0.0625rem solid var(--Red);
        background:var(--Red);
        text-decoration: none;
        transition: 0.25s;
        display: inline-block;
          -webkit-box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 15%);
          box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 15%);
          border-radius: 2px;
      }
}
@media(min-width: 1200px) {}
@media(min-width: 1400px) {}
@media(min-width: 1920px) {}





.link-button {
    display:inline-block;
    margin-top: 1.5rem;
  }

  .bgcolor-4 .link-button {
    background-color: var(--Red);
    color: var(--White) ;
    font-weight: normal;
  }

  .link-button-red {
    background-color: var(--Red);
    padding: 0.938rem 1.875rem 0.875rem 1.875rem;
    display:inline-block;
  }

  .link-button-grey {
    padding: 0.938rem 1.875rem 0.875rem 1.875rem;
    display:inline-block;
    border-radius: 2px;
    border: 1px solid rgba(var(--WhiteRGB),0.20);
  }



/*
  .ce-color-3 a {
    color: var(--Red);
  }*/





  a.button {
    font-size: 1rem;
    color: var(--Red);
    padding: 0.9375rem 1.875rem;
    border: 0.0625rem solid var(--Red);
    text-decoration: none;
    transition: 0.25s;
    display: inline-block;
}

a.button:hover {
    background-color: var(--Red);
    color: var(--Grey);
}


/* Linkelemente */

.ce_link_element.link-type-0 {
    background-color: var(--White);
}

.ce_link_element.link-type-0 a {
    text-decoration: none;
}

.ce_link_element.link-type-0 .ce-link-element-inner {
    padding: 1.5rem;
    padding:  calc(1.5rem + (1.666875rem - 1.5rem) * ((100vw - 90rem) / (120rem - 90rem)))  calc(1.5rem + (2rem - 1.5rem) * ((100vw - 90rem) / (120rem - 90rem)));
    padding: 1.5rem;
    min-height: 13rem;
    min-height:  calc(13rem + (15.625rem - 13rem) * ((100vw - 90rem) / (120rem - 90rem))) ;
    min-height: 11.8rem;
    display: flex;
    flex-flow: column;
    justify-content: space-between;

}

.ce_link_element.link-type-0 h4 {
    color: var(--Black);
    font-size: calc(1.5rem + (1.6625rem - 1.5rem) * ((100vw - 90rem) / (120rem - 90rem)));
    font-weight: 500;
    line-height: 1.75rem;
    letter-spacing: -0.01625rem;
}

.ce_link_element.link-type-1 a {
    text-decoration: none;
}

.ce_link_element.link-type-1 h4 {
    color: var(--White);
     font-size: calc(1.5rem + (26.6 - 24) * ((100vw - 90rem) / (120rem - 90rem)));
    font-weight: 500;
    line-height: 1.75rem;
    letter-spacing: -0.0354375rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 0.0625rem solid var(--Darkgrey);
}



/* Link Styles */

a {
    color: var(--Red);
    text-underline-position: under;
}

.btn {
    border-radius: 2px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    border-color: var(--Red);
    cursor: pointer!important;
    --bs-btn-padding-x: 30px;
    --bs-btn-padding-y: 15px;
    background-color: var(--Red);
}

.btn.btn-primary:hover {
    color: var(--Red);
    background: var(--White);
    border-color: var(--Red);
}

/* Container für zwei Links */

@media(min-width: 0px) {
    .ce-link-box {
        display:flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .btn,
    .ce-link-box .btn {
        width: 100%;
    }

}
@media(min-width: 576px) {
    .ce-link-box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
}
@media(min-width: 768px) {

    .btn,
    .ce-link-box .btn {
        width: unset;
    }

    .btn {width: 50%;}

    .ce-link-box .btn {
        width: 100%;
    }
}
@media(min-width: 992px) {
    .ce-link-box {
        flex-direction: row;
      }
}
@media(min-width: 1200px) {}
@media(min-width: 1400px) {}
@media(min-width: 1920px) {}

.ce-link-box-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ce-link-box-center .btn {
    width: unset;
}