3.@font-face { 
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: 
    url(../fonts/OpenSans-Regular.ttf) format("truetype");
}

@font-face { 
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 400;
  src: 
    url(../fonts/OpenSans-Bold.ttf) format("truetype");
}


@font-face { 
  font-family: "Inter";
  font-style: normal;
  font-weight: normal;
  src: 
    url(../fonts/Inter-Regular.woff2) format("truetype");
}

@font-face { 
  font-family: "Inter Bold";
  font-style: normal;
  font-weight: normal;
  src: 
    url(../fonts/Inter-Black.woff2) format("truetype");
}

@font-face { 
  font-family: "Inter Black";
  font-style: normal;
  font-weight: normal;
  src: 
    url(../fonts/Inter-Black.woff2) format("truetype");
}


@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: #f6f6f6;
  inherits: false;
}

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

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

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

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

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

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

@property --greycontent {
  syntax: "<color>";
  initial-value: #7f7f7f;
  inherits: false;
}

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

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

@property --accent {
  syntax: "<color>";
  initial-value: #a50a4f;
  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-secondary-dark {
  background-color: var(--secondary-dark);
  color: var(--fontcolor);
}

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

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

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

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

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


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


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

.uk-background-white {
  background-color: white;
}



/* 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: white;
}

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

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

/* buttons */
.uk-button {text-transform:none;font-size:1em}
.uk-button.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(--secondary-bright) !important;
  color:#333;
}


.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.uk-button-default {border:1px #333 solid;font-weight:500;background:#eee;font-size:1}
.uk-button.uk-button-default:hover {background:white}
.uk-button.uk-button-default.uk-border-pill {border:1px #333 solid;font-weight:500;background:#eee;font-size:1}
.uk-button.uk-button-default.uk-border-pill.uk-button-small {font-size:0.85em}


fieldset .uk-button-primary {background:#e5e5e5;border:1px #aaa solid;color:#333;line-height:28px;padding:0px 15px;font-weight:normal;font-size:0.9rem}
fieldset .uk-button-primary:hover {background:#777;border:1px #999 solid;color:white;}


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

a.link--previous {margin-bottom:10px;text-align:center;border:1px #333 solid;display:inline-block;border-radius:20px;padding:0px 30px;line-height:38px;vertical-align:middle;color:#333}
@media (max-width: 641px) {
  a.link--previous {width:auto;max-width: 90%;display: block}
}

a.link--previous:hover {background:#f6f6f6;color:#777}


/* 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.1rem;
  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:normal;padding:10px;color:#333;font-size:1rem;font-family: Inter Bold, sans-serif;}
#horizontal-menu li a:hover {text-decoration:none}
#horizontal-menu li ul li a {background:#f6f6f6;border-bottom:1px #ccc solid;font-weight:normal;font-family: Inter, sans-serif}
#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.messages--status {
  background-color: var(--muted);
  border:none;
  box-shadow:none;
  background-image:none;
  padding:10px 15px;
  color:#333;
  font-size:0.85em;
}


.uk-alert {
  background-color: var(--danger);
  border:none;
  box-shadow:none;
  background-image:none;
  padding:10px 15px;
  color:white;
  font-size:0.85em;
}


.messages a {color:#333;text-decoration:underline;font-weight:700}
.messages a:hover {color:#777}


.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, #qcy-footer h3.uk-h4  {font-family: Inter, sans-serif;}
.uk-navbar-nav > li > a {font-family: Inter Bold, sans-serif;}
h1,h2,h3,h4,legend, .uk-h2, .uk-h3 {font-family: Inter Black, sans-serif;line-height:1}
.productbody ul li {margin-bottom: 0}

h1, h2, .uk-h1, .uk-article-title {font-size:2.8em;letter-spacing: -0.07rem}
.uk-h2 {font-size:1.8em}
h3, .uk-h3 {font-size:1.3em;letter-spacing: 0}
h4, .uk-h4, .block-quick-node-block h2, h4 a, .field__label, strong {font-family: Inter Bold, sans-serif;font-size:1em;font-weight:normal;letter-spacing: 0}
.uk-text-large {font-size:1.3em;line-height:150%}

@media (max-width: 1250px) {
  h1, .uk-article-title {font-size:2.4em;letter-spacing: -0.07rem}
  h2 {font-size:2em}
  h3 {font-size:1.4em}
  .uk-text-large {font-size:1.2em;line-height:130%}
}

@media (max-width: 800px) {
  h1, .uk-article-title {font-size:1.4emletter-spacing: -0.05rem}
  h2 {font-size:1.4em}
  h3 {font-size:1.2em}
  .uk-text-large {font-size:1.2em;line-height:130%}
  p, .productbody ul li {font-size:0.9em}
}

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

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



.form-composite > legend, .label {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: normal;
}

.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: 200px;
}


.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.9rem}

.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}

.form-type-radio .description, .form-type-checkbox .description {
  margin-left: 20px;padding:0;color:#777 !important;
}

.path-checkout fieldset fieldset {background-color:#f6f6f6;padding:15px}
.path-checkout fieldset legend {;background:none}
.path-checkout fieldset {background:#f6f6f6;border:1px #ccc solid;}
.path-checkout select, .path-checkout .uk-input {background:white;border:1px #ccc solid;}

.address-container-inline > .form-item {
  display: inline-block !important;
  margin-right: 0 !important;
  width:49.5%;

}

/* 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;
}

.view-commerce-cart-form img, .view-commerce-checkout-order-summary img {width:50px}

[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 .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;
}

.views-exposed-form input[type="submit"] {border-radius:500px;margin-top:28px;background:#333;color:white}
.views-exposed-form input[type="submit"]:nth-of-type(2) {background:white;color:#333}


/* 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;height:44px;border-color:#333;font-size:0.9rem}

/* 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:80%;height:50px}


/* 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}
.form-item .description {
  background: #f6f6f6;
  color: #999;
  padding: 10px 0px;
  font-size: 0.85em;
}



/* 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}
.view-evt-teaser .uk-table caption {font-size:1.2rem;margin-bottom:10px;margin-top:25px;color:#333;font-weight:700}

/* 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:0.85rem;line-height:140%;color:#aaa}

#qcy-footer .block-menu li {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:15px}
.paragraph h2 {margin-bottom:15px}

.uk-button-primary-wrapper a.uk-button.uk-button-default {background-color:red}
.uk-button-secondary-wrapper a.uk-button.uk-button-default {background-color:var(--secondary-default)}

/* 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}
.paragraph--type--prg-hero h1, .paragraph--type--prg-hero h2 {background:white;display: inline;box-decoration-break: clone;
  background-color: var(--primary-default);
  color:white;
  padding:0px 10px;
}

.paragraph--type--prg-hero h2 {background:white;display: inline;box-decoration-break: clone;
  background-color:white;
  color:black;
  padding:3px 10px;
  line-height:1.8;
}

/* paragraph accordion */
.paragraph .uk-accordion-title {border-bottom:1px #333 solid}


/* 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);font-weight:normaö;font-size:1rem}
.uk-accordion-content {padding:15px;border:1px #eee solid;margin-top:0;line-height:150%}
ul.uk-accordion {margin:2px}

/* 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 0px}

.paragraph--type--section-image-left.paragraph {padding:0;margin:0}

.full-link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* Stellt sicher, dass der Link über dem Inhalt liegt */
}

/* 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-default {
  color: #333;
}
.uk-light .uk-card.uk-card-hover:hover .uk-card-body {color:#333}
.uk-light .uk-card.uk-card-hover:hover h2 {color:#333}
.uk-card.uk-card-hover:hover {cursor: pointer;}

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

/* payment */
.payment-logo img {width:60px}


.social-icon-links {margin-right:0px;display: inline-block;}
.social-icon-links img {width:48px;display: inline-block;}

.js-form-item-cat {width:100%}

/*
*[id^='edit-prx-wrapper-'] {border:none;padding:0;width:100%}
*[id^='edit-prx-wrapper-'] .fieldset-legend {display:none;margin:0}
*[id^='edit-prx-'] {border:none;margin:0}
*[id^='edit-prx-source-'] input {border:1px #aaa solid}
*[id^='edit-actions'] .uk-button {display:inline-block;margin-bottom:6px;width:150px}
*[id^='edit-actions']  {width:100%}
*/

#edit-prx-source-configuration-origin-address {border:1px #ccc solid}
fieldset#edit-prx-wrapper, fieldset#edit-prx {border:none;padding:0;width:100%}
fieldset#edit-prx-wrapper {border:none;padding:0 15px;width:100%;margin:0}
fieldset#edit-prx {border:none;padding:0;width:100%;margin:0}
fieldset#edit-prx-wrapper legend {display:none}
#views-exposed-form-locblocks-cards #edit-actons {margin:0}
.js-form-item-prx-value {display:none}
.js-form-item-prx-value label {display:none !important}

.entfernung {font-weight:700;font-size:0.8rem;padding-bottom:25px}
#edit-reset-locblocks {display:none}

.field--name-field-prg-hero-title {position:relative;z-index:100}
.titlesuffix {position:relative;z-index:90}


/* Modal */
.ui-dialog .ui-dialog-buttonpane {
  margin-top: 0;
  padding: 0.3em 1em;
  border-width: 1px 0 0 0;
  border-color: #555;
  background: white !important;
}

/* fieldset */
fieldset {background:white}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
  width:100%;
}

/*. search autocomplete */
.js-form-type-search-api-autocomplete label {display:none}
.js-form-type-search-api-autocomplete input {border:1px #aaa solid;font-size:1.3rem;padding:10px 10px;width:98%}

details {width:100%;display: inline-grid;vertical-align: top;background:#f6f6f6}


/* product page */
.product--rendered-attribute input.uk-radios {display:none}
.product--rendered-attribute input.uk-radio:checked::after {border:1px red solid}
.product--rendered-attribute .option {text-align:center;font-size:12px;color:#777}
.product--rendered-attribute legend {display:none}

.product--rendered-attribute input.uk-radio {display:none}
.product--rendered-attribute input.uk-radio {display:none}
.product--rendered-attribute input.uk-radio:checked+label {border:1px #000 solid;border-radius: 4px;background:#f6f6f6}
.product--rendered-attribute label {border:1px #ddd solid;border-radius: 4px;background:#f6f6f6}
.product--rendered-attribute .color-pickr-circle {width:60px;height:15px;border-radius: 4px}

.qcy-taxonomy-button {display: inline-block;}
.photoswipe-gallery {display: flex;
  flex-wrap: wrap; 
  gap: 10px;}
.photoswipe-gallery .field__item:first-child {width:100%;}
.photoswipe-gallery .field__item:not(:first-child) {width: calc(20% - 5px);display: inline-block;}



.inline-radios .form-item {
  display: inline-block;
  margin-right: 5px;
}


.one-column-fullscreen {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.uk-margin-xlarge-bottom {margin-bottom: 150px}


.field--name-field-groessen .form-type-radio {text-align:center;border-radius:4px;font-size:12px}
.field--name-field-groessen .form-type-radio input.uk-radio {background:#f6f6f6;display:block;width:60px;height:30px;border-radius: 4px;border-color:#ddd}
.field--name-field-groessen .form-type-radio input.uk-radio:checked {border-color:#000;background: #ddd}
.field--name-field-groessen .form-type-radio label.option {margin-top:-20px}
.field--name-field-groessen .fieldset-legend {display:block;font-size: 12px;margin:25px 0px 15px 0px}

.pls-thumbs img {display: inline-block;width:30px}


.uk-light .uk-button-secondary {color:#333}
a.uk-button .uk-button-secondary {color:#333}