/* =========================================
   GLOBAL CSS – GLEISACHT
========================================= */


/* =========================================
   FONTS
========================================= */

@font-face{
    font-family:'Inter';
    src:url('/fonts/Inter-Regular.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Inter';
    src:url('/fonts/Inter-Bold.woff2') format('woff2');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Inter';
    src:url('/fonts/Inter-ExtraBold.woff2') format('woff2');
    font-weight:800;
    font-style:normal;
    font-display:swap;
}


/* =========================================
   ROOT & GLOBAL SETTINGS
========================================= */

html{
    scroll-behavior:smooth;
}

:root{
    --red:#EC0016;
    --black:#1A1A1A;
    --gray:#747067;
    --gray-dark:#4F4B41;
    --light:#F5F4F1;
}


/* =========================================
   RESET
========================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


/* =========================================
   BASE
========================================= */

body{
    font-family:'Inter',"Helvetica Neue",Arial,sans-serif;
    color:var(--black);
    overflow-x:hidden;
    display:flex;
    flex-direction:column;
    min-height:100vh;
    background:#ffffff;
}

main{
    flex:1;
}


/* =========================================
   GLOBAL LAYOUT
========================================= */

section{
    padding:50px 20px;
    max-width:1100px;
    margin:auto;

    /* verhindert, dass fixed Header Inhalte überdeckt */
    scroll-margin-top:140px;
}

section h2{
    color:var(--black);
    font-size:clamp(1.8rem,3vw,2.4rem);
    line-height:1.15;
    margin-bottom:24px;
}


/* =========================================
   BRANDING
========================================= */

.gleis{
    color:var(--black);
    font-weight:400;
    letter-spacing:-0.5pt;
}

.acht{
    color:var(--red);
    font-weight:700;
    letter-spacing:-0.5pt;
}


/* =========================================
   EMAIL / CONTACT HELPERS
========================================= */

.email .gleis,
.contact-details .gleis{
    color:var(--black);
    font-weight:400;
    letter-spacing:-0.5pt;
}

.email .acht,
.contact-details .acht{
    color:var(--red);
    font-weight:700;
    letter-spacing:-0.5pt;
}

.nowrap{
    white-space:nowrap;
}


/* =========================================
   TYPOGRAPHY HELPERS
========================================= */

p{
    line-height:1.6;
}


/* =========================================
   GLOBAL UTILITY CLASSES
========================================= */

.hidden{
    display:none;
}