nav *:not(#search-suggestions span){color: white;}
#search-suggestions *{color: black;}

@font-face {
  font-family: 'Sansation';
  src: url(Sansation/Sansation_Regular.ttf);
  font-weight: normal;
  font-display: swap;
 }

@font-face {
  font-family: 'Roboto';
  src: url(Roboto/Roboto-Black.ttf);
  font-weight: normal;
  font-display: swap;
 }

 @font-face {
   font-family: 'Roboto';
   src: url(Roboto/Roboto-Bold.ttf);
   font-weight: bold;
   font-display: swap;
  }

  @font-face {
    font-family: 'Roboto';
    src: url(Roboto/Roboto-Light.ttf);
    font-weight: light;
    font-display: swap;
   }

   @font-face {
     font-family: 'Lato';
     src: url(Lato/Lato-Light.ttf);
     font-weight: normal;
     font-display: swap;
    }

*:not(.footer, .footer *, nav){
transition: all 0.15s ease-in-out;
}

:root{
  font-family: 'Sansation', 'Roboto', sans-serif;
}

body, nav{
	padding: env(safe-area-inset-top) 0 0 env(safe-area-inset-left);
}

html{
  background-color: var(--color-primary);
}

body{
  --margin-top: 1.6cm;
  margin: 0;
  background: var(--color-bg-light);
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - var(--margin-top));
  margin-top: var(--margin-top);
}

main{
  margin-left: 4rem;
  margin-right: 4rem;

  padding-top: 1cm;
  /* min-height: calc(100dvh - 4.5cm) */
}

main > div{
  margin-bottom: 1rem;
}

h1, h2, h3, h4{color: var(--color-primary);}

h1, h1 *{font-size: max(1.5rem, min(3vw, 2cm));}

h2{
  margin-left: 1rem;
  font-size: max(1.1rem, 1.3vw);
}

h3, h4{
  margin-left: 1rem;
  font-size: 1rem;
}

img{border-radius: 20px;}

p, td, pre{
  font-size: min(1rem, 3.5vw);
  margin-left: 1rem;
  font-weight: lighter;
  color: var(--color-text-dark);
}

b{
  font-weight: bold;
}

th{
  color: var(--color-text-dark);
}

pre{
  word-wrap: break-word;
  white-space: pre-wrap;
  max-width: 100%;
  font-family: 'Roboto', sans-serif !important;
}
a{
  cursor: pointer;
}

button:not(.notLikeBtn, .gm-control-active), input[type=submit]{
  background-color: transparent;
  font-size: 1rem;
  color: var(--btn-standard);
  border: solid var(--btn-standard) 3px;
  border-radius: 10px;
  cursor: pointer;
}
button:hover:not(.notLikeBtn, .gm-control-active), input[type=submit]:hover{

  color: var(--btn-standard-hover);
  border: solid var(--btn-standard-hover) 3px;
}

/* .edit, .edit *{
  color: var(--edit) !important;
} */

.btn-primary{
  background-color: var(--color-primary) !important;
  border-color: var(---color-primary) !important;
}

.btn-dark{
  background-color: var(--btn-dark) !important;
  border-color: var(--btn-dark) !important;
}

.btn-alarm{
  background-color: red !important;
  border-color: red !important;
}

.row{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.card2, .banner{
	background-color: var(---color-primary);
	padding: min(1cm, 2%);
	padding-top: 1cm;
	max-width: 30cm;

	margin: auto;
	margin-top: 0;
	margin-bottom: 1cm;

	border-radius: 20px;
	box-shadow: 20px 20px 60px var(--shadow-out),
              -20px -20px 60px var(--shadow-in);
}

#selectedRow{
  background: var(--card_Highlight_search);
  background-attachment: fixed;
}

.badge {
    display: inline-block; 
    margin-left: 1rem;
    margin-bottom: 1rem;
    background: #eaebff; 
    color: var(--color-primary);
    font-size: 0.7rem; 
    font-weight: 600;
    padding: 4px 10px; 
    border-radius: 50px;
}

.flex-container, .card-container-flex, .card-container{
    display: flex;
    flex-wrap: nowrap;     /* Kein Umbruch! */
    flex-direction: row;
    justify-content: center;
    gap: 1cm;
}

.grid-container, .card-container-grid{
    display: grid;
    gap: 20px;
}

@media (max-width: 25cm) {

  main{
    margin: 2rem;
    padding-top: 2cm;
  }
}

@media (max-width: 18cm) {

  main{
    margin: 1rem;
    padding-top: 2cm;
  }
}

@media (prefers-color-scheme: dark){
  img[src="/Produktuebersicht/Produktliste/Daten/Icons/no_img.svg"], img[src="http://wiedermann-f.at/Produktuebersicht/Produktliste/Daten/Icons/no_img.svg"] {
    filter: invert();
  }
}