html {font-size: 14px;}
@media only screen and (min-width:1024px) { html {font-size: 19px;} }
h1, h2, h3, h4, h5, h6 { font-weight: 800; } :root {
--success: #8FD5A6;
--danger: #F4A79B;
--warning: #F3EAB1;
--info: #D9EBE7;
}
@font-face {
font-family:"proxima-nova";
src:url(//www.dermata-shop.de/dateien/themes/shopkeeper-child/fonts/proximanova-800.woff2) format("woff2");
font-display:swap;font-style:normal;font-weight:800;font-stretch:normal;
}
@font-face {
font-family:"skolar-sans-latin";
src:url(//www.dermata-shop.de/dateien/themes/shopkeeper-child/fonts/skolarsans-400.woff2) format("woff2");
font-display:swap;font-style:normal;font-weight:400;font-stretch:normal;
}
@font-face {
font-family:"skolar-sans-latin";
src:url(//www.dermata-shop.de/dateien/themes/shopkeeper-child/fonts/skolarsans-700.woff2) format("woff2");
font-display:swap;font-style:normal;font-weight:700;font-stretch:normal;
}
@font-face {
font-family:"skolar-sans-latin";
src:url(//www.dermata-shop.de/dateien/themes/shopkeeper-child/fonts/skolarsans-400i.woff2) format("woff2");
font-display:swap;font-style:italic;font-weight:400;font-stretch:normal;
}
.tk-proxima-nova { font-family: "proxima-nova",sans-serif; }
.tk-skolar-sans-latin { font-family: "skolar-sans-latin",sans-serif; } .site-branding { height: 37px;}
.sticky-logo { max-height: 37px; }
.site-tools { height: 37px; line-height: 37px; }
.site-header.sticky {
-webkit-box-shadow: -2px 2px 81px -2px rgba(0, 0, 0, 0.29);
box-shadow: -2px 2px 81px -2px rgba(0, 0, 0, 0.29);
}
@media screen and (max-width: 30em) {
.site-branding { width: 35%; }
.site-tools { width: 65%; }
}
@media screen and (max-width: 40em) {
.site-tools.offset ul li { height: 37px; }
}
@media screen and (min-width: 64em) {
.site-header.sticky {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.site-branding { height: 45px; }
.site-branding a { top: 0; }
.sticky-logo { max-height: 45px; }
.site-header.sticky .main-navigation, .site-header.sticky .site-tools, .site-header.sticky .site-branding img {
height: 45px; line-height: 45px; }
}
.main-navigation {
display: flex;
align-items: center;
justify-content: center;
}
.main-navigation > ul > li.menu-item-has-children::after {
right: -.1em;
top: .1em;
}
.cd-top .spk-icon { position: relative; top: -2px; }
.site-header, .default-navigation, .main-navigation .mega-menu > ul > li > a { font-size: inherit !important; } .containerwidth {
max-width: 112.5rem;
padding: 0 15px;
}
@media screen and (min-width: 40.0625em) {
.containerwidth { padding: 0 35px; }
}
.categories_grid_wrapper {
margin-right: -.625rem;
margin-left: -.625rem;
}
.categories_grid .category_item_bkg { width: 100%; }
.categories_grid .category_item { text-align: left; }
.categories_grid .category_name { box-shadow: 0px 0px .5em rgba(0,0,0,0.4); } .post-type-archive-product #primary h1 { margin-bottom: 0 !important; }
.post-type-archive-product #primary .term-description,
.post-type-archive-product #content #button_offcanvas_sidebar_left,
.post-type-archive-product #offCanvasLeft1,
.post-type-archive-product #content > .row > .show-for-large { display: none !important; }
.post-type-archive-product #content > .row > .large-9 { width: 100% !important; } .woocommerce #content div.product .product_title,
.woocommerce div.product .product_title,
.woocommerce-page #content div.product .product_title,
.woocommerce-page div.product .product_title {
font-size: 2.5rem;
hyphens: auto;
}
@media only screen and (min-width:1024px) {
.woocommerce #content div.product .product_title,
.woocommerce div.product .product_title,
.woocommerce-page #content div.product .product_title,
.woocommerce-page div.product .product_title {
font-size: 3.1rem;
}
}
.woocommerce div.product .product_title { hyphens: auto; }
.woocommerce .widget_layered_nav ul li a::before,
.woocommerce-page .widget_layered_nav ul li a::before,
.widget_layered_nav ul li a::before {
position: relative;
top: .5px;
}
@media only screen and (min-width:1024px) {
.woocommerce .widget_layered_nav ul li a::before,
.woocommerce-page .widget_layered_nav ul li a::before,
.widget_layered_nav ul li a::before {
top: 1.45px;
}
}
.category_grid_box br { display: none; } .levertijd {
position: relative;
top: -15px;
color: #369;
font-style: italic;
} .page-title {  text-transform: none; }
.widget h3, .wpb_wrapper .widget h3, .widget-area .widget-title {
font-size: 1em !important;
}
#site-footer .widget h3, #site-footer .wpb_wrapper .widget h3, #site-footer .widget-area .widget-title {
font-size: 1.1rem !important;
margin-bottom: 1em;
} .frm_hidden,.frm_pos_none,.frm_form_field .grecaptcha-badge,
.frm_hidden_container label.frm_primary_label,.frm_none_container label.frm_primary_label{display:none}
form .frm_verify, form input.frm_verify,legend.frm_hidden,legend.frm_screen_reader{display:none !important}
label.frm_primary_label { display: block; }
.frm_required { display: none; }
.frm_submit { text-align: right; margin-top: 1rem; }
.frm_trigger { cursor: pointer }
.frm_form_field .auto_width { width: auto; }
.frm_clearfix::after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .frm_form_field *[aria-invalid="true"],
.frm_required_field.frm_blank_field .chosen-container .chosen-choices { border-color: var(--danger) !important; }
.frm_form_field *[aria-invalid="false"] { border-color: var(--success) !important; } .frm_error, .frm_error_style {
position: relative;
background-color: var(--danger);
padding: 0.6em 1em;
font-size: 0.825em;
}
.frm_error_style { background-color: var(--info); }
.frm_error_style { margin-bottom: 1em; }
.frm_error_style::after, .frm_error::after {
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0,0,0,0);
border-width: 0.5rem;
margin-left: -0.5rem;
}
.frm_error_style::after {
top: 100%;
border-top-color: var(--info);
}
.frm_error::after {
bottom: 100%;
border-bottom-color: var(--danger);
}
.frm_error {
line-height: 1.15em;
margin-top: 0.3em;
}
.frm_message {
padding: 1em 1.4em;
font-size: 90%;
background-color: var(--success);
}
.frm_message p, .frm_error_style p { margin: 0; font-weight: 500; }