/* =======================================
   TrustAge Infrastructure – Official CSS
   ======================================= */


/* Grundlayout */

body{

margin:0;
padding:0;

font-family:

-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Arial,
sans-serif;

background:white;

color:#111;

line-height:1.6;

font-size:18px;

}


/* Container */

.container{

max-width:900px;

margin:auto;

padding:40px 20px;

}


/* Logo */

.logo img{

max-width:100%;

height:auto;

margin-bottom:20px;

}


/* Überschriften */

h1{

font-size:32px;

margin-top:0;

margin-bottom:20px;

font-weight:600;

}

h2{

font-size:24px;

margin-top:40px;

margin-bottom:15px;

font-weight:600;

}


/* Text */

p{

margin-bottom:18px;

}


/* Listen */

ul{

margin-bottom:20px;

padding-left:20px;

}

li{

margin-bottom:8px;

}


/* Links */

a{

color:#000;

text-decoration:none;

border-bottom:1px solid #ccc;

}

a:hover{

border-bottom:1px solid #000;

}


/* Footer */

.footer{

margin-top:60px;

padding-top:20px;

border-top:1px solid #ddd;

font-size:14px;

color:#666;

}

.footer a{

border-bottom:none;

color:#666;

}

.footer a:hover{

color:#000;

}


/* =======================================
   MOBILE OPTIMIERUNG
   ======================================= */


@media (max-width: 600px){

body{

font-size:18px;

}

.container{

padding:25px 18px;

}

h1{

font-size:26px;

}

h2{

font-size:22px;

}

}


/* =======================================
   TABLET OPTIMIERUNG
   ======================================= */


@media (min-width: 601px) and (max-width: 1024px){

.container{

padding:35px;

}

}


/* =======================================
   GROSSE BILDSCHIRME
   ======================================= */


@media (min-width: 1400px){

.container{

max-width:1000px;

}

}

/* =======================================
   HEADER NAVIGATION
   ======================================= */
.header{
border-bottom:1px solid #eee;
background:white;
}

.header-inner{
max-width:900px;
margin:auto;
padding:15px 20px;
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
}

.logo img{
height:40px;
}

.nav{
display:flex;
flex-wrap:wrap;
gap:20px;
font-size:15px;
}

.nav a{
color:#333;
text-decoration:none;
border:none;
}

.nav a:hover{
color:black;
}

/* Mobile Navigation */
@media (max-width:600px){
.header-inner{
flex-direction:column;
align-items:flex-start;
}

.nav{
margin-top:10px;
flex-direction:column;
gap:10px;
}

}