@charset "utf-8";
/* CSS Document */


/* Standard Drowdown Menü
    .dropdown-menu { min-width: 20rem; }
    .dropdown-item a { display: block; color: rgba(0, 0, 0, 1.00); }
    .dropdown-item a:hover { color: rgba(195, 19, 21, 1.0);  }
    .dropdown-item { border-bottom: 1px solid rgba(195, 19, 21, 1.0); }
    .dropdown-item { background: #f9f9f9; }
    
    .dropdown-item.active, .dropdown-item:active {
        color: rgba(195, 19, 21, 1.0);
        text-decoration: none;
        background-color: #f9f9f9;
    }  */
    
    .navbar-toggler {
        border-color: rgba(255,255,255,0.5); /* optional weißer Rand */
    }
    
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    
    .navbar { background: #029c9e !important; padding:0px!important; }
    
    .navbar-brand {
        /*background-color: #FFF !important;*/
        /*padding: 0px 25px 0px 25px !important;*/
        /*padding: 0px 10px 0px 10px !important;*/
    }

    .dropdown-item { border-bottom: 1px solid rgba(0,0,0,0.25); padding: 10px 10px 10px 15px; }
    
    .dropdown-item.active, .dropdown-item:active {
        color: rgba(255, 255, 255, 1.0);
        text-decoration: none;
        background-color: rgba(195, 19, 21, 1.0);
    }
    
    .dropdown-item.hover, .dropdown-item:hover {
        color: rgba(255, 255, 255, 1.0);
        text-decoration: none;
        background-color: #029c9e;
    }
    
    /* Standard Drowdown Menü */
    .dropdown-menu { min-width: 20rem; background-color: rgba(255,255,255,1.0); }
    
    /* Submenu nach rechts anzeigen */
	.dropdown-submenu {
	  position: relative;
	}

	.dropdown-submenu > .dropdown-menu {
	  top: 0;
	  left: 100%;
/*
	  margin-left: 0.1rem;
	  margin-right: 0.1rem;
*/
	}
    /* Pfeile 2.Ebene rechts ausrichten und um 90 gegen Uhrzeigesinn drehen */
    .dropdown-submenu .dropdown-toggle {
      display: flex;
      justify-content: space-between; /* Text links, Pfeil rechts */
      align-items: center;            /* vertikal mittig */
    }
     .dropdown-submenu .dropdown-toggle::after {
      display: inline-block;
      margin-left: auto!important;       /* nach rechts schieben, wenn flex aktiv */
      margin-right: .5rem!important;     /* etwas Abstand rechts */
      vertical-align: middle!important;  /* schön mittig */
      content: "";
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-bottom: 0;
      border-left: .3em solid transparent;
      transform: rotate(-90deg); /* 90° gegen Uhrzeigersinn */
    }
    

    /* 3. Ebene Links anprechen */
    .dropdown-submenu  .dropdown-menu .dropdown-item { font-size: 0.85rem; }
    
    /* 2 Spalten Layout */
    .dropdown-columns {
        columns: 2;          /* Anzahl Spalten */
        min-width: 600px;    /* Breite festlegen, damit Spalten sichtbar */
        min-height: 75px;
    }
    
    @media (min-width: 1196px) and (max-width: 1440px) {
        .navbar { font-size: 0.75rem; }
    }
    
     @media (max-width: 1196px) {
         
         .navbar {
             background: #029c9e !important;
             padding: 0px!important;
             color: #FFF;
         }
         .dropdown-submenu .dropdown-toggle::after { transform: rotate(0deg); }
         
    }
    
    @media (max-width: 768px) {
      .dropdown-columns {
          columns: 1;
          min-width: 100%;
           
      }
    }