Rahmen um Adressleiste bei Klick

/* keine Größenänderung der Adressleiste und Rahmen bei Klick */

.urlbar-background {
    border-radius: 16px !important;
    }

.urlbar > .urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
    border: 2px solid lightgray !important;
    border-radius: 16px !important;
    }

.urlbar[breakout][breakout-extend] {
    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
    left: 0 !important;
    width: 100% !important;
    }

.urlbar:focus-within > .urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
    border: 2px solid #35b9ab !important;
    border-radius: 16px !important;
    }

.urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
    animation-name: none !important;
    }

.urlbar[breakout][breakout-extend] > #urlbar-background {
    box-shadow: none !important;
    }

/* Rahmen um Suchleiste bei Klick */

#searchbar {
    border: 2px solid lightgray !important;
    border-radius: 16px !important;
    }

#searchbar:focus-within {
    border: 2px solid #35b9ab !important;
	outline: #35b9ab !important;
    border-radius: 16px !important;
    }

/* Rahmen um Zurück-Button */
#back-button  > image {
    border: 2px solid #35b9ab !important;
    }

::selection {
 background: red !important;
}
#nav-bar{
    background: #00016e !important;            /*original_color: light grey(#F0F0F0)*/ /*aktuell: dunkelblau*/
}
.urlbar[breakout] {
 & > .urlbar-input-container {
   width: 100%;
   height: 100%;
   background-color: #00016e !important;
   border-color: #00016e !important;
    color: #fff !important;
 }
}
[breakout][breakout-extend] > .urlbar-background {
 @media (prefers-reduced-motion: no-preference) {
   [breakout-extend-animate] > & {
     animation-duration: 150ms;
     background-color: #00016e !important;
     border: none !important;
   }
 }
}
.urlbarView-title {
 white-space: nowrap;
 line-height: 1.4;
 color: #fff !important;
}
.urlbarView-title-separator {
 &::before {
   content: "\2014";
    margin: 0 0.4em;
    opacity: 0.6;
    color: #fff !important;
 }
}
.searchmode-switcher:hover {
     background-color: #8888b3 !important;
     color: #fff !important;
}
    
.searchmode-switcher:active {
    background-color: #8888b3 !important;
    color: #fff !important;
}
/*Länge der Leiste*/
.urlbar[breakout] {
 & > .urlbar-input-container {
   width: 100%;
   height: 100%;
   width: 1000px !important;
   margin-left: 60px !important;
 }
}
.urlbar-background {
 display: block;
 position: absolute;
 inset: 0;
 background-color: #00016e !important;
}
.urlbar-background:focus {
 display: block;
 position: absolute;
 inset: 0;
 background-color: #00016e !important;
 border-color: none !important;
}
.urlbar-background:active{
 display: block;
 position: absolute;
 inset: 0;
 background-color: #00016e !important;
 border-color: none !important;
}