/* CSS reset/normalize plus HTML element styling. */
/* color highlighting */
::selection {
  background: #d43423;
  color: white;
}

::-moz-selection {
  background: #d43423;
  color: white;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

body {
  -webkit-tap-highlight-color: #d43423;
}

input:-webkit-autofill {
  background: #ffffe1;
}

input:focus {
  border-color: green;
}

/* color classes */
.background-grey-subtle {
  background: #f6f6f6;
}

.background-white {
  background: white;
}

.text-color {
  color: #444444;
}

/* admin fixes */
#coffee-results ul {
  margin-top: 0 !important;
  top: 0 !important;
}

#coffee-results ul#ui-id-1 {
  margin-top: -100px;
}

html {
  font-size: 14px;
}

body, h1, h2, h3, h4, h5, p, li, .uk-h1, .uk-h2, .uk-h3, .uk-h4, h2.uk-h1, .uk-text-lead, .uk-article-meta, .uk-article-title {
  font-family: "lft-etica", sans-serif;
  font-size: 16px;
  color: #444444;
  line-height: 24px;
}

h1.uk-article-title {
  font-size: 2.4rem;
  margin-top: 35px;
  margin-bottom: 25px;
  font-weight: 700;
  line-height: 120%;
}

h2, h3, h4 {
  font-weight: 700;
  color: #d43423;
  line-height: 120%;
}

.uk-text-bold {
  font-weight: 700;
}

.border-bottom {
  border-bottom: 1px #ccc solid;
}

.uk-text-muted {
  color: #777;
}

.uk-text-lead {
  font-size: 1.4rem;
  line-height: 140%;
}

a, a:link, a:visited {
  color: #d43423;
}

a:hover {
  color: #f2422f;
}

a.uk-card {
  color: #333;
}

a.uk-card:hover {
  text-decoration: none;
}

/* backgrounds */
.uk-background-subtle {
  background-color: #f6f6f6;
}

/* branding */
.block-system-branding-block img {
  width: 280px;
}

.logo-width img {
  width: 200px;
}

.customer-logo {
  width: 280px;
}

/* language switcher */
.block-language-blocklanguage-interface ul li {
  display: inline-block;
  margin: 0;
}

.block-language-blocklanguage-interface ul.uk-list {
  margin: 0;
}

.uk-navbar-right .uk-navbar-nav > li > a {
  font-weight: 400;
  font-size: 0.875rem;
}

/* tabs and toolbar */
#primary-tasks ul {
  padding-left: 20px;
}

#primary-tasks ul li {
  background: white;
  padding: 5px 10px;
  border-right: 1px #f6f6f6 solid;
}

#toolbar-bar li, .toolbar-icon {
  font-size: 14px;
}

#toolbar-bar li a {
  color: #444;
}

.uk-subnav > * > :first-child {
  display: block;
  font-weight: 400;
  color: #999;
  font-size: 0.875rem;
  text-transform: none;
  transition: 0.1s ease-in-out;
  transition-property: all;
  transition-property: color, background-color;
}

/* page */
#page {
  background-color: #f6f6f6;
}

/* footer */
footer {
  background: #f6f6f6;
  padding-top: 15px;
  border-top: 1px #ccc solid;
}

footer h2 {
  color: #444444;
}

/* margins and paddings */
.remove-pchild-margin p {
  margin: 0;
}

.uk-margin-medium-top {
  margin-top: 50px !important;
}

/* alert admin boxes */
.uk-alert.uk-alert-success {
  background: #f3f2e8;
  color: #333;
}

.uk-alert.uk-alert-success em.placeholder {
  color: #333;
  font-weight: 700;
  font-style: normal;
}

.uk-alert.uk-alert-danger {
  background: #feeae9;
  color: #750a02;
}

.uk-alert.uk-alert-danger em.placeholder {
  color: #750a02;
  font-weight: 700;
  font-style: normal;
}

.uk-form-danger, .uk-form-danger:focus {
  color: #750a02;
  border-color: #750a02;
}

/* form interaction */
select.required, input.required {
  background: #feeae9;
}

/* modal */
.uk-modal-title {
  font-size: 1.3rem;
  color: #333;
}

/* buttons */
.uk-button, .button {
  text-transform: none;
  font-weight: 700;
  font-size: 1rem;
}

.uk-button.uk-button-default {
  border: none;
}

.uk-button.uk-button-primary, .button.button--primary, input#edit-submit.button.uk-button-default {
  background: #d43423;
  color: white;
}

.uk-button.uk-button-primary:hover, .button.button--primary:hover, input#edit-submit.button.uk-button-default:hover {
  background: #f2422f;
  color: white;
}

.uk-button.uk-button-secondary {
  background: #ddd;
  color: #333;
}

.qtn-button-primary a:link, .qtn-button-primary a:visited {
  background: #d43423;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
}

.qtn-button-primary {
  margin-top: 15px;
}

/* user area */
.address-book__container {
  padding: 15px;
  background: white;
  margin-bottom: 25px;
}

form.user-login-form, form.user-register-form, form.user-pass, form.user-form {
  padding: 15px;
  background: white;
  margin-bottom: 40px;
}

.password-confirm.js-password-confirm.js-password-confirm-message {
  background: #f6f6f6;
  margin-top: 25px;
  font-size: 0.875rem;
  padding: 4px;
}

/* user navigatiion */
.user-menu-desktop a {
  color: #333;
  font-size: 14px;
}

.user-menu-desktop a:hover {
  color: #d43423;
}

.user-menu-offcanvas a {
  color: #ccc;
  font-size: 14px;
}

.user-menu-desktop {
  line-height: 110%;
}

.user-menu-desktop .uk-padding-small {
  padding: 12px;
}

/* main navigation */
.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #f6f6f6;
}

.uk-navbar-nav {
  margin-left: -15px;
}

.uk-navbar-item, .uk-navbar-nav > li > a {
  font-size: 16px;
  text-transform: none;
  font-weight: 700;
  font-family: "lft-etica", sans-serif;
  min-height: 40px;
  color: #333;
}

.uk-navbar-nav > li > a:hover {
  color: #d43423;
}

[class*=uk-navbar-dropdown-bottom] {
  margin-top: 1px;
}

.uk-navbar-dropdown {
  padding: 0;
}

.uk-navbar-dropdown li a {
  padding: 10px 15px;
  color: #333;
  border-bottom: 1px #eee solid;
  font-size: 16px;
}

hr.thinline {
  padding: 0;
  margin: 0;
  border-top: 1px #ddd solid;
}

/* fusszeile */
#fusszeile ul.menu {
  list-style: none outside none;
}

#fusszeile ul.menu {
  text-align: center;
  margin-top: 0;
}

#fusszeile ul.menu li {
  display: inline-block;
  padding: 10px;
}

/* off canvas */
.offcanvas-menu ul.uk-nav li a {
  font-size: 1.3rem;
  color: #ddd;
}

.offcanvas-menu ul.uk-nav ul.uk-nav-sub li a {
  font-size: 1.3rem;
  color: #ccc;
}

/* cart */
.cart-block--summary .uk-badge {
  background: #d43423;
  font-size: 0.75rem;
  line-height: 100%;
  height: 16px;
  width: 68px;
  left: 0;
}

.cart-block--summary a:hover {
  color: #d43423;
}

/* ibx */
.ibx-card p, .ibx-card li, .ibx-card ul {
  margin: 0;
  font-size: 0.875rem;
  line-height: 130%;
}

.ibx-card h4 {
  font-size: 0.875rem;
  margin: 0;
  line-height: 130%;
}

/* checkout buttons */
.cart.cart-form input#edit-submit.button.uk-button-default {
  background: white;
  color: #333;
}

.cart.cart-form input#edit-checkout {
  background: #d43423;
  color: white;
}

.checkout-progress {
  margin-top: 25px;
  margin-bottom: 15px;
}

.checkout-progress .checkout-progress--step .step-label {
  background: #eee;
}

.stepper {
  background: #eee;
  padding: 4px;
  font-size: 0.875rem;
}

.checkout-progress--step__current .stepper {
  color: #d43423;
}

.checkout-progress--step::before {
  display: none;
}

input.address-book-edit-button {
  background: white;
  border: 1px #ccc solid;
}

input.form-submit.uk-button.uk-button-default {
  background: white;
  border: 1px #ddd solid;
}

.uk-button.uk-button-danger {
  background: white;
  border: 1px #ddd solid;
  color: #444;
}

input#edit-actions-next {
  background: #d43423;
  color: white;
}

input.button--add-to-cart.form-submit.button--primary.uk-button {
  background: #d43423;
  color: white !important;
}

input.button.button--primary.js-form-submit.form-submit.uk-button.uk-button-default {
  background: #d43423;
  color: white;
}

.uk-table-striped tbody tr:nth-of-type(2n+1), .uk-table-striped > tr:nth-of-type(2n+1) {
  background: white;
}

.order-total-line-value {
  /* display: inline-block; */
  width: 100px;
  text-align: right;
}

/* cookie consent */
div#sliding-popup {
  background: #777;
  width: 100%;
}

div#sliding-popup h2 {
  color: white;
  margin: 0;
}

div#sliding-popup p {
  margin-top: 0;
  color: white;
}

/* PRS Code Only */
.node-jbo-form .js-form-type-vertical-tabs {
  display: none;
}

.node-jbo-form .form-type-managed-file {
  padding: 15px;
  padding-bottom: 5px;
  background: white;
}

.node-jbo-form .uk-form-label {
  font-size: 1rem;
  font-weight: 700;
  margin-top: 25px;
}

.node-jbo-form .js-form-type-textarea.uk-margin {
  margin-bottom: 5px;
}

.node-jbo-form .form-type-managed-file .uk-form-label {
  font-weight: 700;
  margin-top: 0;
}

/* EVT signup */
.uk-button a:link, .uk-button a:visited {
  color: white;
}

/* webform */
.webform-submission-form, .qtn-eventregistration {
  padding: 25px;
  background: #f6f6f6;
}

.webform-submission-form label, .webform-submission-form .fieldset-legend {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px;
}
.webform-submission-form .fieldset-wrapper label {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0px;
}
.webform-submission-form fieldset {
  background: white;
}
.webform-submission-form fieldset .form-item.uk-margin {
  margin-bottom: 6px;
  margin-top: 6px;
}

/* toggle visibility */
.qtn-toggle-desktop.qtn-toggle-black {
  display: block;
}

.qtn-toggle-desktop.qtn-toggle-white {
  display: none;
}

/* toggle visibility */
.qtn-generic-navigation-desktop {
  display: block;
}

/* adressen */
.qtn-adn-card img {
  max-height: 240px;
}

.qtn-adn-card img {
  width: 100%;
}

/* ribbon */
.cr {
  width: 200px;
  padding: 5px;
  position: absolute;
  text-align: center;
  color: #f0f0f0;
}

.cr-sticky {
  position: absolute;
}

/* Positions */
.cr-top {
  top: 20px;
}

.cr-bottom {
  bottom: 25px;
}

.cr-left {
  left: -70px;
}

.cr-right {
  right: -50px;
}

/* Rotations */
.cr-top.cr-left,
.cr-bottom.cr-right {
  transform: rotate(-45deg);
}

.cr-top.cr-right,
.cr-bottom.cr-left {
  transform: rotate(45deg);
}

/* Colors */
.cr-color {
  background-color: #777;
  color: #fff;
  font-weight: bold;
}

#commerce-store-select-form {
  background: white;
  padding: 15px;
  margin-top: 15px;
  padding-bottom: 5px;
}

/*# sourceMappingURL=quentin.base.css.map */