/* ===================================
   Events4Trucks CMS
   main.css
=================================== */

:root{

    --bg:#171b22;
    --panel:#20252d;
    --card:#272d36;

    --border:#343b46;

    --orange:#ff8c00;

    --text:#ffffff;

    --text2:#b8c0ca;

    --radius:22px;

}

*{

    margin:0;
    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--bg);

    color:var(--text);

    font-family:"Inter",sans-serif;

}

img{

    display:block;

    max-width:100%;

}

a{

    color:inherit;

    text-decoration:none;

}

button{

    font-family:inherit;

}

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#111;

}

::-webkit-scrollbar-thumb{

    background:#444;

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--orange);

}
/* Sichtbarer Abmeldebutton in allen CMS-Unterseiten */
.module-logout-top {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 42px;
  padding: .55rem .9rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.module-logout-top:hover { background: rgba(255,255,255,.15); }
.module-logout-side {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 700px) {
  .module-logout-top span { display: none; }
}


/* V40: einheitliches echtes Profil in allen Modulkopfzeilen */
.module-profile-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:0 0 auto}
.module-profile-link .profile{width:48px;height:48px}
.module-profile-link:focus-visible{outline:3px solid rgba(255,149,0,.55);outline-offset:3px;border-radius:50%}