/* ==========================================================================
   # BOF layout-gelbe.css
   --------------------------------------------------------------------------
   # StyleSheet: Layout - gelbe
   # Datum: 2026-01-30
   # Version: 1.0.0
   # Autor: Patrick Dietze | MAE Systems GmbH
   ========================================================================== */


/* ==========================================================================
   # Projekt-Info
   --------------------------------------------------------------------------
   # Projekt-Colors
   # Farbe 1: #00455E   rgb(0, 69, 94)     hsl(196, 100%, 18%) (blau)
   # Farbe 2: #FFAE00   rgb(255, 174, 0)   hsl(41, 100%, 50%)  (gelb)
   ========================================================================== */

:root {
  --mae-custom-color-one: #00455E;
  --mae-custom-color-one-hover: hsl(196, 100%, 23%);
  --mae-custom-color-one-activ: hsl(196, 100%, 28%);
  --mae-custom-color-one-focus: rgba(0, 69, 94, 0.25);
  
  --mae-custom-color-two: #FFAE00;
  --mae-custom-color-two-hover: hsl(41, 100%, 55%);
  --mae-custom-color-two-activ: hsl(41, 100%, 60%);
  --mae-custom-color-two-focus: rgba(255, 174, 0, 0.25);
}


.frame-layout-2 .ce-textpic {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


.footer-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: var(--mae-custom-color-one,#00455E);
    text-align: left;
    font-size: 0.875rem;
    margin: 1rem 0;
}

.footer-box p {
    margin: 0;
}

.footer-box strong {
    color: #fff;
}

.footer-box a {
    color: var(--mae-custom-color-one,#00455E);
    text-decoration: none;
}
.footer-box a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-box > div {
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    width: 15rem;
}

.footer-box > div:last-child {
    border-right: none;
}

@media screen and (min-width: 880px) {
    .footer-box > div {
        width: auto;
        border-right: 1px solid #fff;
    }
}
/* TESTING Only
   ========================================================================== */




/* ==========================================================================
   # EOF layout.css
   ========================================================================== */