@property --primary-default {
  syntax: "<color>";
  initial-value: #0e5964;
  inherits: false;
}

@property --primary-bright {
  syntax: "<color>";
  initial-value: #028c9f;
  inherits: false;
}

@property --primary-dark {
  syntax: "<color>";
  initial-value: #1b3e43;
  inherits: false;
}

@property --primary-subtle {
  syntax: "<color>";
  initial-value: #bcbab3;
  inherits: false;
}

@property --secondary-default {
  syntax: "<color>";
  initial-value: #b4c305;
  inherits: false;
}

@property --secondary-bright {
  syntax: "<color>";
  initial-value: #e8fb0f;
  inherits: false;
}

@property --muted {
  syntax: "<color>";
  initial-value: #eee;
  inherits: false;
}

@property --fontcolor {
  syntax: "<color>";
  initial-value: #333;
  inherits: false;
}

@property --fontcolor-muted {
  syntax: "<color>";
  initial-value: #999;
  inherits: false;
}

@property --danger {
  syntax: "<color>";
  initial-value: #621631;
  inherits: false;
}

@property --danger-background {
  syntax: "<color>";
  initial-value: #edcdd9;
  inherits: false;
}





/* color classes */

.uk-background-primary {
  background-color: var(--primary-default);
  color:white;
}

.uk-background-dark {
  background-color: var(--primary-dark);
  color:white;
}

.uk-background-bright {
  background-color: var(--primary-bright);
  color:white;
}

.uk-background-subtle {
  background-color: var(--primary-subtle);
  color: var(--fontcolor);
}

.uk-background-secondary {
  background-color: var(--secondary-default);
  color: var(--fontcolor);
}

.uk-background-secondary-bright {
  background-color: var(--secondary-bright);
  color: var(--fontcolor);
}

.uk-background-muted {
  background-color: var(--muted);
  color: var(--fontcolor);
}


.uk-section-muted {
  background-color: var(--muted);
  color: var(--fontcolor);
}



/* text */

.uk-text-muted {
    color: var(--muted);
}

.uk-text-primary {
  color: var(--primary-default) !important;
}

.uk-text-secondary {
  color: var(--secondary-default) !important;
}


/* button */





::selection {
  background-color: var(--primary-default);
  color: var(--secondary-default);
}

::-moz-selection {
  background-color: var(--primary-default);
  color: var(--muted);
}

.horizontal-tab-button a {color:#333}

/* buttons */
.uk-button {text-transform:none;font-size:1em}
.uk-button-primary {
  color:white;
  background-color: var(--primary-default);
}
.uk-button-primary:hover {
  background-color: var(--primary-bright);
}


.uk-button-secondary  {
  color:white;
  background-color: var(--secondary-default) !important;
}
.uk-button-secondary:hover {
  background-color: var(--muted);
  color:var(--fontcolor-muted);
}


.uk-button-danger {
  color: var(--danger);
  background-color: var(--danger-background);
}
.uk-button-danger:hover {
  color: var(--danger-background);
  background-color: var(--danger);
}




.uk-button-edit {background-color: var(--secondary-default);color:white}



/* mercury editor */
.js-lpb-region {
  min-height: 25px;
}



/* navigation */
 
.uk-navbar-nav > li > a, 
.uk-navbar-dropdown-nav > li > a {
  color: #333;
  font-size:1.2rem;
  font-weight: 900;
  text-transform: none;
  min-height:50px;
}

.uk-navbar-dropdown-nav li > a 
  {
    min-height:0px;
    font-weight:300 !important;
    font-size:1rem;
    padding:15px 25px;
    background: white;
    border-bottom: 1px #ddd solid;
    color:#777;
  }

.uk-navbar-item {
    min-height:60px;
}

.uk-navbar-dropdown {
  --uk-position-offset: 0px;
  --uk-position-shift-offset: 0;
  --uk-position-viewport-offset: 15px;
  --uk-inverse: dark;
  color: #666;
  padding:0px;
}


.uk-nav-default {
  font-size: 1.2rem;
  line-height: 1.5;
}


/* mm responsive menu */

#horizontal-menu li a {background:none;font-weight:700;padding:10px;color:#333;font-size:1rem}
#horizontal-menu li a:hover {text-decoration:none}
#horizontal-menu li ul li a {background:#f6f6f6;border-bottom:1px #ccc solid;font-weight:400}
#horizontal-menu li ul.menu {margin-left:0}
#horizontal-menu li ul.menu li.menu-item {padding:0}

@media (min-width: 961px) {
  .responsive-menu-toggle-wrapper.responsive-menu-toggle {
    display: block;
  }
}

#off-canvas.mm-menu_offcanvas {z-index:9999}

.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon {
  background: #333;
  content: '';
  display: block;
  width: 36px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0px;
  border-radius: 2px;
}

.responsive-menu-toggle-icon:before {
  top: 6px;
}

.responsive-menu-toggle-icon span.icon {
  top: 18px;
}

.responsive-menu-toggle-icon:after {
  top: 30px;
}

.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon {
  transition: none 0.4s ease-out 0.1s;
  transition-property: -webkit-transform, top, bottom, left, opacity;
  transition-property: transform, top, bottom, left, opacity;
}

.mm-wrapper_opening .responsive-menu-toggle-icon:before,
.mm-wrapper_opening .responsive-menu-toggle-icon:after {
  top: 14px;
}

.mm-wrapper_opening .responsive-menu-toggle-icon span.icon {
  left: -25px;
  opacity: 0;
}

.mm-wrapper_opening .responsive-menu-toggle-icon:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-wrapper_opening .responsive-menu-toggle-icon:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}






/* messages */
.messages.messages--status, .uk-alert {
  background-color: var(--primary-subtle);
  border:none;
  box-shadow:none;
  background-image:none;
  padding:15px;
  color:#333;
}
.messages a {color:#333}


.uk-offcanvas-bar {background: var(--primary-dark);}

#offcanvasfilter .uk-offcanvas-bar {background:#e5e5e5}
#offcanvasfilter img, #offcanvasfilter label {display:none}
#offcanvasfilter .uk-offcanvas-bar select {background:#e5e5e5}



.product-card-wrapper::focus {border:1px red swwolid} 


/* typography */

html {color:#555}
body, p, li, a, h1, h2, h3, h4, .uk-navbar-nav > li > a  {font-family: Inter, sans-serif;}
h1,h2,h3,h4 {font-weight:900;letter-spacing: -0.03em;line-height:1}

h1, .uk-h1 {font-size:4em}
h2, .uk-h2 {font-size:2.4em}
h3, .uk-h3 {font-size:1.6em}
h4, .uk-h4, .block-quick-node-block h2 {font-size:1em;font-weight:700;letter-spacing: 0}

@media (max-width: 1250px) {
  h1 {font-size:2.8em}
  h2 {font-size:2em}
}

a {
  color: var(--secondary-default);
}

a:hover {
  color: var(--muted);
}


.view-ibx-fronttext h2 {font-size:1.8rem;margin-top:50px;line-height:130%}

em.placeholder {color:#333;font-style:normal;font-weight:900}

/* logo background */
.uk-logo {background:#2d6871;padding:0px 20px}

.block-system-branding-block img {
  width: 240px;
}


.language-switcher-language-url a.is-active {font-weight: 900 !important}

/* commerce cards */
a:hover .uk-card p {text-decoration: none}
.uk-card p:hover {text-decoration: none}
.uk-card p {font-size:0.8rem}

.uk-navbar-nav > li >.language-link {
  font-size:1em;
  font-weight: 500;
}

/* commerce card block */
.uk-badge {background: var(--primary-default);;
}

/* commerce checkout */
[id|='edit-remove-button'] {background:#e5e5e5;color:#333}

.path-checkout fieldset fieldset {background-color:#f6f6f6;padding:15px}

/* color elements */



/* product filter search */
.form--inline .form-item {
  float: left;
  padding-right: 0em;
  margin-right:0;
}

/* add to cart ajax */
.ui-widget-overlay {
  background:rgba(0,0,0,0.8) !important;
  opacity:0.8;
}


[aria-current]:not([aria-current="false"]) {
  border: none;
}


/* views exposed form */
.views-exposed-form .select2-selection.select2-selection--single {border:1px #ccc solid;background:#f6f6f6;height:36px}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  padding:4px
}
.select2-container--classic .select2-selection--single:focus {
  border:1px solid #777 !important
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color:#777 !important;
  color:white
}
.views-exposed-form [id^="edit-actions"]  {display:inline-block;background:#fff}
.views-exposed-form .uk-button-default  {width:100%;background:white;border:1px #ccc solid;margin-top:0px;color:#333;border-radius: 15px;font-weight: bold}
.select2-results {padding:10px}
.views-exposed-form-apisuche-cards {background:red}
[id^="edit-submit-apisuche"] {display:none}
select {
  color: #000;
}


/* forms */
.form-item .description {background:#f6f6f6;color:#999;padding:10px;font-size:0.75em}
.form--inline .form-item label {font-size:0.8em;display:block;margin-bottom:8px;color:#999}
select {border:1px #ddd solid;height:40px;padding:0 10px;background:#f6f6f6;width:100%;}
select, .uk-input {border-radius: 4px;}

/* ibx */
.uk-card.ibx {border:1px #ccc solid}
.uk-card.ibx p {margin:0}
.uk-card.ibx:hover {cursor: pointer;border:1px #aaa solid}
.contextual .trigger {margin-top:10px}
.uk-card .contextual .trigger {margin-top:0px;position: absolute;z-index:9999}
.uk-card.ibx .contextual .trigger {z-index:8888}
.qcy-pagetop p {font-size:0.9rem;padding: 8px;margin:0;border-bottom:1px #ccc solid}
.qcy-pagetop a {text-decoration:underline}


/* pbx */
.node--type-pbx img {margin-bottom:25px}


/* ads */
.qcy-ads-card:hover, .qcy-ads-card:hover > * {cursor:pointer;text-decoration:none}
.qcy-ads-card img, .qcy-ads-card svg {width:50%}


/* blockquote */
blockquote {
  margin: 0 0 20px 0;
  padding:1rem;
  font-size: 1rem;
  line-height: 130%;
  color: #333;
  background:#f6f6f6;
  font-style: normal;
}

/* webform */
.webform-type-fieldset, .webform-entity-checkboxes--wrapper {background:#f6f6f6;border:none;}
.webform-entity-checkboxes--wrapper {padding:15px}
.webform-type-fieldset legend {font-weight:bold;font-size:1.1rem}
textarea {border:1px #ccc solid;border-radius:4px}


/* profile images */
span.file.file--image, [id*='upload-button']#edit-field-bilder-7-upload-button, .image-widget-data .description {display:none}
.image-widget.js-form-managed-file.form-managed-file {background:#f6f6f6;padding:10px}

/* profile delete button */
.button#edit-delete {display:none}

/* profile edit */
#edit-field-lehrstellen-wrapper select {display:inline-block;}
.tabledrag-toggle-weight-wrapper {display:none}

/* profile */
.profile-lehrbetrieb-edit-form .image-widget-data .uk-button.uk-button-primary {display: none} 


/* tabs */
.field-group-tabs-wrapper li.horizontal-tab-button {width:100%}
@media (min-width: 960px) {
  .field-group-tabs-wrapper li.horizontal-tab-button {width:auto}
}

/* table */
.draggable a.tabledrag-handle {margin:30px 0px 0px 0px}
#edit-field-bilder-table .uk-button {padding:5px;line-height:20px;background:#777;margin:5px;font-size:12px}
#edit-field-bilder-table .uk-button {padding:5px;line-height:20px;background:#777;margin:5px;font-size:12px}
#field-lehrstellen-values .uk-button {padding:5px;line-height:20px;background:#777;margin:5px;font-size:12px}
#field-lehrstellen-values td.field-multiple-drag {display:none}


/* wysiwyg table */
.text-formatted table {width:100%;text-align:left;border-spacing:0}
.text-formatted table td, .text-formatted table th {padding:8px 5px;vertical-align: top}
.text-formatted table > tr:nth-of-type(odd),
.text-formatted table tbody tr:nth-of-type(odd) {
  background: #f8f8f8;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}




blockquote {  
  background-color: var(--muted);
  margin-top:25px;
  margin-bottom:25px;
  padding:25px;
  border-left:4px var(--primary-default) solid;
}
blockquote p {text-decoration: none;}


/* double-field-unformatted-list */
.double-field-unformatted-list .field__item {border-bottom:1px #ccc solid}
.double-field-first {width:40%}

/* footer */
#qcy-content {min-height:80vh}
#qcy-footer p, #qcy-footer h3.uk-h4, #qcy-footer a {font-size:1rem;line-height:140%;color:#777}

#qcy-footer .block-menu li {border:1px red solid;display: block;text-align:left;font-size:1rem}
#qcy-footer .block-menu ul.uk-navbar-nav {display:block;list-style:none outside none !important}


/* paragraphs */
.paragraph h4 {margin-bottom:8px}

/* paragraphs hero */
.paragraph--type--prg-hero h1, .paragraph--type--prg-hero h2 {margin:0}
.paragraph--type--prg-hero .titlesuffix h1, .paragraph--type--prg-hero .titlesuffix h2 {font-weight:300}


/* downloads */
.field--name-field-prg-downloads-title {font-weight:700;margin-bottom:6px}
.field--name-field-prg-downloads .field__item {padding:10px 5px}
.field--name-field-prg-downloads .field__item:nth-of-type(odd) {
    background: #f8f8f8;
}



/* acccordion download */
.uk-accordion-title {padding:15px;background-color: var(--muted);}
.uk-accordion-content {padding:15px;border:1px #eee solid;margin-top:0;line-height:200%}

/* blg */
.blg-text-teaser h4 {line-height:150%}

/* ldg mercury overwrites */
.uk-background-primary.paragraph, 
.uk-background-secondary.paragraph, 
.uk-background-muted.paragraph,
.uk-background-subtle.paragraph
{padding:25px}

/* ldg mercury overwrites */
.uk-background-primary.paragraph.paragraph--type--prg-crd, 
.uk-background-secondary.paragraph.paragraph--type--prg-crd, 
.uk-background-muted.paragraph.paragraph--type--prg-crd,
.uk-background-subtle.paragraph.paragraph--type--prg-crd
{padding:0px}

.uk-card.uk-card-default {background:none}
h3.uk-card-title {font-size:1.3rem}
.uk-light .uk-card-default {
  color: var(--muted);
}


.uk-card.uk-card-hover:hover {cursor: pointer;}

.paragraph--type--btn.paragraph a {
  color:#333;padding:8px 15px;display: inline-block;
}

input#edit-field-vtgl-legehennen-0-value, 
input#edit-field-vtgl-mastpoulets-0-value, 
input#edit-field-vtgl-mastrinder-0-value, 
input#edit-field-vtgl-mastschweine-0-value, 
input#edit-field-vtgl-milchkuehe-0-value, 
input#edit-field-vtgl-mutterkuehe-0-value, 
input#edit-field-vtgl-zuchtschweine-0-value {width:100px}
 

#edit-group-tierhaltung label {width:10rem;display:inline-block;}