//
// Platz für eigene Style Angaben in SCSS-Notation
//
// Alle Änderungen hier müssen anschließend mit einem SCSS-Compiler
// (z.B. dem JTL-Theme-Editor Plugin) nach my-nova.css kompiliert werden
// --------------------------------------------------

// Lädt Core-Funktionen
@import '../../../../NOVA/themes/base/sass/functions';

// Lädt "my-nova"-Variablen. Hier können Variablen aus Bootstrap und dem NOVA-Theme überschrieben werden.
@import "variables";

// Lädt Style Angaben des Themes, hier "clear".
@import '../../../../NOVA/themes/clear/sass/allstyles';
// Für die anderen Themes müssen neben der "allstyles" des Themes auch die jeweiligen Regeln aus der "theme.scss"
// (z.B. für blackline aus der blackline.scss) übernommen werden.
// @import '../../../../NOVA/themes/blackline/sass/allstyles';
// @import '../../../../NOVA/themes/midnight/sass/allstyles';

// my-nova Theme
// Hier können alle Style-Angaben notiert werden, die nur Auswirkungen auf dieses Theme haben
// ------------------- Beginn eigenes CSS ----------------------------

#footer {
  .form-control {
    background-color: #FFFFFF;
    color: #000000;
    &::placeholder {
      color: #000000;
    }
  }
  .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) {
    label {
      background: $footer-bg-color;
      color: $footer-color;
    }
  }
  a {
    color: $footer-color;
    &:hover:not(.btn) {
      color: $primary;
    }
  }
  .productlist-filter-headline {
    color: $footer-color;
  }
  .newsletter-footer-heading {
    color: $footer-color;
    $link-color:            #FFFFFF !default;
  }
}

header {
  background-image: url(https://stoffhaus-hanke.de/media/image/storage/opc/header/headerfinal.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: relative;
}

header .nav-link {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  opacity: 0.8;
  border-radius: 15px 15px 15px 15px;
  
  &:hover {
    opacity: 1;
  }
}

#header-top-bar{
  background-color: #2E3740;
}

#header-top-bar .ara-topinfo{
  font-weight: bold;
  a {color: #FFFFFF;}
}

#shop-logo {
  border-radius: 15px 15px 15px 15px;
  background-color: #FFFFFF;
  opacity: 0.8;
}

.secure-checkout-topbar {
  border-radius: 15px 15px 15px 15px;
  background-color: #FFFFFF;
  opacity: 0.8;
}

.ara-topinfo {margin:5px auto 5px auto; text-decoration: none;}
.ara-topinfo li {margin-right:10px; text-decoration: none; display:inline;color: #FFFFFF;}
.ara-topinfo i {margin-right:3px;color: #FFFFFF;}

#article_buyfield .choose_quantity .submit,
button[name="inWarenkorb"] {
  border-color: #000000;
  color: #FFFFFF !important;
  background-color: #2c8d2e !important;
}

@media screen and (min-width: 1200px) {
  #main-wrapper {
    background-image: url(https://stoffhaus-hanke.de/media/image/storage/opc/header/stoffballen.png); 
    background-attachment: fixed;
  }
  #content {
    width: 1200px;
    margin: auto;
    background-color: #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    border: 10px solid white;
  }
  .breadcrumb-wrapper {
    margin-left:auto;
    margin-right:auto; 
    width: 1200px;
    background-color: #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    border: 10px solid white;
  }
}