/* style.css (Rahmen dunkler, Schatten intensiver, keine Scrollbar) */
:root{
--bg:#f2f3f5;
--card-bg:#ffffff;
--blue:#2b86b9;
}


html,body{
height:100%;
overflow:hidden;
}
body{
margin:0;
font-family:"Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background:linear-gradient(#f2f3f5,#e3e3e3);
display:flex;
align-items:flex-start;
justify-content:center;
padding-top:36px;
}


.card{
width:640px;
background:var(--card-bg);
border-radius:12px;
border:1px solid rgba(0,0,0,.65); /* dunklerer Rahmen */
box-shadow:0 12px 26px rgba(0,0,0,.35); /* stärkerer Schatten */
padding:22px 34px 18px;
text-align:left;
}


.logo{ display:flex; justify-content:center; margin:0 0 10px }
.logo-img{ width:220px; height:auto; display:block }


.cols{
display:grid;
grid-template-columns: 0.95fr 1fr 1fr; /* linke Spalte leicht näher zur Mitte */
gap:8px;
font-size:12px;
line-height:1.25;
}


.col{min-width:0}
.col p{ margin:.25rem 0 }


.blue{ color:var(--blue) }


a{ color:var(--blue); text-decoration:none }
a:hover{ text-decoration:underline }


.nowrap{ white-space:nowrap }


@media (max-width:720px){
body{ overflow:auto; }
.card{ width:94vw; padding:18px }
.logo-img{ width:180px }
.cols{ grid-template-columns:1fr; gap:8px; text-align:center }
}