@use "sass:map";
/*$blue_60;*/
/*$blue_50;*/
#konto_werkzeuge {
  display: flex;
  flex-direction: row;
  align-items: center; }
  #konto_werkzeuge .werkzeug {
    display: flex;
    padding: .9em .7em;
    border-left: 1px solid #D1D7DA; }
    #konto_werkzeuge .werkzeug .text + [class*="symbol-"],
    #konto_werkzeuge .werkzeug [class*="symbol-"] + .text {
      margin-left: .4em;
      color: #185078; }
  #konto_werkzeuge a.werkzeug:hover {
    /*background-color: $blue_0;*/
    color: #E92B19; }
  #konto_werkzeuge .aktiv, #konto_werkzeuge a.aktiv:hover {
    /*background-color: $nav_aktiv_grund;*/
    color: #E92B19;
    /*$nav_aktiv_text;*/ }

#konto {
  display: none; }

@media (max-width: 768px) {
  #konto .willkommen,
  #konto .eintrag [class*="symbol"] {
    display: none; }
  #konto_werkzeuge {
    display: none; }
  #konto_knopf.knopf {
    display: flex;
    justify-content: end;
    color: #185078; }
  #konto_toggle:checked ~ header #konto_knopf {
    background-color: #185078;
    color: #fff; }
  #konto_toggle:checked ~ main #konto {
    display: flex; } }