body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
	background-color: #ECE6DA  ;
}

main {
  flex: 1 0 auto;
}

.navbar-fixed {height: 120px;color: red;}
.navbar {height: 120px;}
.nav-wrapper {padding-left: 10%;padding-top: 10px;background-color: #ECE6DA;}
.nav-wrapper h4 {margin: 0; padding: 0;}
.nav-wrapper h5 {margin: 0; padding: 0;}
.nav-wrapper p {font-size: 0.5em;margin-top: -30px;}
.navUL i {font-size: 2.6em !important;}
.navUL {margin-top: 1em !important;}


.myRed {color: #A63338;}
.kontur {text-shadow: -1px -1px 0 #AAA, 1px -1px 0 #CCC, -1px 1px 0 #CCC, 1px 1px 0 #CCC;}
.strong {font-weight: 700;}
.strong_mod {font-weight: 600;}
.myUL li {padding-bottom: 0.2em;}

.rowEO {padding: 1em 0.3em;margin:0;}
.rowEOh:hover {background-color: #bbdefb  !important;}
.rowEO:nth-child(2n) {background-color: #CCC;}
.brand-logo h4 {margin: 0; font-weight: bolder;}
.brand-logo p {margin-top: -15px;}
.brand-logo img {transform: rotate(-10deg); padding-right: 2em; max-width: 80%; max-height: 90px;height: 80%;}

@media (prefers-color-scheme: dark) 
{
  body {
	background-color: #353535;
	color: #f5f5f5;
  }

  .card {
	background-color: #1e1e1e;
	color: #ffffff;
  }

  .btn {
	background-color: #333 !important;
	color: #fff !important;
  }
}
@media only screen and (max-width: 800px) {
.brand-logo {left: 35% !important;}
}
@media only screen and (max-width: 900px) {
	.brand-logo img {max-width: 90px;}
}

@media only screen and (max-width: 600px) {
	.brand-logo {left: 35% !important;}
	.brand-logo h4 {font-size: 0.6em;}
	.brand-logo img {display: none;}
	.navUL i {font-size: 2.6em !important;}
	.navUL {margin-top: 1.5em !important;}
}