/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 * Diese Datei betrifft den Webauftritt von vp-architektin!
 */

.flex-row-reverse {
    background: #434343;
}
/*
header {background-image: linear-gradient( #362f2b 0%, white 100%);}
footer {background-image: linear-gradient( white 0%, #362f2b 100%);}
*/

/* Die folgende Anweisung verändert die Größe des Logos. */
header .navbar-brand img {
  height: 0px;
}

/* Die folgende Anweisung läßt den Eintrag zur USt. unten im Footer-Bereich verschwinden. */
small, .small {
  font-size: 0%;
}

/* Die folgende Anweisung verändert die Hintergrundfarbe des Hauptteils. */
#main-wrapper {
  background: #2B2B2B;
}

/* Die folgende Anweisung verändert Farbe eines Teils des Hintergrunds und die Schriftfarbe des oberen Menüs. */
body {
  color: #DEDEDE;
  background-color: #434343;
}

/* Die folgende Anweisung verändert die Farbe der Schrift im Footer. */
#footer #copyright {
  color: #DEDEDE;
}

/* Die folgende Anweisung verändert die Farbe des Hintergrund im Footer. */
#footer {
  background-color: #434343;
  color: #434343;
}

header #burger-menu {
  display: none;
}

a img:hover {
	opacity: 0.5;
	}
	
a:hover {
    color: #E3896F;
    text-decoration: none;
}

.btn-primary {
    color: #fff;
}

/* Die folgende Anweisung verändert die Schriftfarbe des oberen Menüs. */
#header-top-bar a, header a {
	color: #DEDEDE;
}

.modal-header {
  background-color: #525252;
  color: #ffffff;
}

.modal-header .close {
 background-color: #525252;
 color: #ffffff;
}

.modal-header .close:hover {
  background-color: #E3896F;
  color: #ffffff;
}

.btn-info:hover {
  color: #f5f7fa;
  background-color: #E3896F;
  border-color: #434343;
}

a {
  color: #DEDEDE;
  }

  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .productlist-filter-headline, .h4, .h5, .h6 {
  color: #DEDEDE;
}

#header-top-bar a:hover:not(.dropdown-item):not(.btn), header a:hover:not(.dropdown-item):not(.btn) {
    color: #E3896F;
}

.navbar {
	display: none;
}
.fa, .fas, .far, .fal, .fad, .fab {
    display: none;
}

.cart-icon-dropdown .cart-icon-dropdown-price {
  display: none;
}

aside .nav-panel > .nav > .active > .nav-link {
    border-bottom: 0.375rem solid #E3896F;
    cursor: pointer;
}

.btn-animated .btn-primary {
	background-color: #525252;
	border-color: #525252;
}

.btn-animated .btn-primary:hover {
    background-color: #FD9A51;
    border-color: #E3896F;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: #E3896F;
}
.btn-link:hover {
    color: #E3896F;
    text-decoration: none; }

  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #E3896F; }

  .custom-select:focus {
    border-color: #E3896F;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(252, 127, 32, 0.25); }
    .custom-select:focus::-ms-value {
      color: #525252;
      background-color: #ffffff; }

  .custom-file-input:focus ~ .custom-file-label {
    border-color: #E3896F; }

  .page-link:hover, .page-text:hover {
    color: #E3896F; }

  .form-icon-trigger-label:hover {
    color: #E3896F; }

  .tab-navigation .nav-link::after {
    border-color: #E3896F; }

  .jqcloud-word a:hover {
    color: #E3896F !important; }

  .productlist-filter-categories > .nav-item > .nav-link::before {
    border-color: #E3896F; }

      header .navbar-nav > .nav-item > .nav-link::before {
        border-color: #E3896F; }

.form-control:focus {
  border-color: #E3896F; }

  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #E3896F; }

  .custom-select:focus {
    border-color: #E3896F; }
	
.badge {
	font-size: 100%;
	border-radius: 1rem;
	margin-right: 5px;}

.badge-primary {
	color: FFFFFF;}	
	
a.badge-primary:hover, a.badge-primary:focus {
color: #FFF;}	

a.badge-primary, a.badge-primary:focus {
color: #FFF;}