/* Portal im Stil von lernatelier-ev.com: Farben, Schriften und Formen der Homepage. */
@font-face{font-family:'Amatic SC';font-weight:700;font-display:swap;src:url('fonts/amatic-sc-700-latin.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-weight:400;font-display:swap;src:url('fonts/poppins-400-latin.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-weight:600;font-display:swap;src:url('fonts/poppins-600-latin.woff2') format('woff2')}
@font-face{font-family:'Rubik';font-weight:400;font-display:swap;src:url('fonts/rubik-400-latin.woff2') format('woff2')}
:root{--primary:#589F7E;--secondary:#EEC843;--accent:#9F5069;--line:#4E8997;--text:#54595F;--gray:#F7F7F7;
  --footer:#F5F5F5;--radius:20px;--body:'Poppins','Rubik',sans-serif;--display:'Amatic SC','Rubik',sans-serif}
html,body{background:#fff}
body{color:var(--text);font:400 16px/1.5 var(--body)}
#wrap{min-height:100vh;display:flex;flex-direction:column}
/* Grünes Band mit weißem Logo wie der Kopf der Homepage */
#header{background:var(--primary);padding:28px 16px 18px;margin:0 0 32px;text-align:center}
#header img{max-width:min(420px,82%);height:auto;border-radius:0!important;filter:drop-shadow(4px 6px 0 rgba(0,0,0,.18))}
.pilot-title{font:700 44px/1.1 var(--display);letter-spacing:3px;text-transform:uppercase;color:var(--primary);
  text-align:center;margin:0 0 6px}
.pilot-lead{text-align:center;margin:0 auto 24px;max-width:34rem}
main.container{max-width:480px;flex:1 0 auto}
#menucontent.container{max-width:720px}
.card{border:0;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden}
#authMenu>nav,.navbar.bg-light{background:#fff!important;border-bottom:1px solid #eee}
.card-header.bg-secondary{background:var(--primary)!important}
.catname{font:700 28px/1.2 var(--display);letter-spacing:2px;text-transform:uppercase}
form.login{padding:8px 24px 24px}
.input-group-text{background:var(--gray);border-color:#d0d5d2;color:var(--primary)}
.form-control{border-color:#d0d5d2;height:calc(1.5em + 1rem + 2px)}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(88,159,126,.25)}
.btn{border-radius:16px;font:400 15px/1.2 var(--body);padding:12px 24px;transition:background .2s}
.btn-success,.btn-primary,.btn-info{background:var(--primary);border-color:var(--primary);color:var(--gray)}
.btn-success:hover,.btn-success:focus-visible,.btn-primary:hover,.btn-primary:focus-visible,.btn-info:hover{
  background:var(--secondary);border-color:var(--secondary);color:#212121}
a{color:var(--line)}
a:hover{color:var(--accent)}
.alert{border-radius:14px}
.message-warning,.alert-warning{background:#fdf6dc;border-color:var(--secondary);color:#5c4b10}
.message-error,.alert-danger{background:#f6e7ec;border-color:var(--accent);color:#6d2f43}
.message-positive,.alert-success{background:#e6f2ec;border-color:var(--primary);color:#2f5c47}
/* Fuß wie auf der Homepage */
#footer{background:var(--footer);color:var(--text);padding:20px 16px;margin-top:40px;font-size:14px;text-align:center}
#footer a{color:var(--text);text-decoration:underline}
.application .appname{font-weight:600}
@media (max-width:576px){.pilot-title{font-size:36px}#header{padding:20px 12px 14px;margin-bottom:24px}}
/* Logo ohne Rahmen und Hintergrund von Bootstrap (.rounded, .img-fluid) */
#header img.rounded{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
/* Anwendungen: eine klare, breite Kachel statt kleiner Karten; Sortierpfeil ausblenden */
.catname span{display:none}
#appslist .col-md-4{flex:0 0 100%;max-width:100%}
#appslist .application{border-radius:16px;background:var(--primary);box-shadow:none;transition:background .2s}
#appslist .application:hover,#appslist .application:focus-within{background:var(--secondary)}
#appslist .application a{color:var(--gray);text-decoration:none;display:block}
#appslist .application:hover a{color:#212121}
#appslist .application .appname{font:600 22px/1.2 var(--body);margin:0}
#appslist .application .appdesc{color:inherit!important;opacity:.9;margin:4px 0 0!important}
#appslist .applogo{color:inherit}
#appslist .category>.card-header{display:none}
#appslist .category{box-shadow:none}
.navbar .nav-link{color:var(--text)!important}
.user .nav-link{font-size:14px}
/* Feinschliff: kein weißer Streifen über dem Band, ruhiges Menü, Kachel ohne Lücke */
body{margin:0;padding:0}
#header{margin-top:0!important}
#header{padding-top:28px}
.navbar .nav-link img{display:none}
#appslist .application .row{flex-wrap:nowrap;align-items:center}
#appslist .application .col-3{flex:0 0 auto;width:auto;max-width:none;padding-right:8px}
#appslist .application .col-9{flex:1 1 auto;max-width:none}
#wrap{padding:0!important;margin:0 auto!important}