/*
	Theme Name: EUCHNER Base Theme
	Theme URI: https://www.it-em.de
	Description: Base Theme for EUCHNER
	Version: 0.0.3
	Author: Sven Evers
*/

:root {
    /* EUCHNER colors */
    --euchner-red: #d30132;
    --euchner-red-headline: #d30132;
    --white: #ffffff;
    /* EUCHNER grey colors */
    --main-grey: #333333;
    --grey1: #f6f6f6;
    --grey2: #e0e0e0;
    --grey3: #aaaaaa;
    --grey4: #dee2e6;
    --grey5: #fdfdfd;
    --grey6: #dddddd;
    --grey7: #777777;
    --grey8: #888888;
    --grey9: #222222;
    --grey10: #666666;
    --grey11: #f7f7f7;
    /* Dark Mode EUCHNER grey colors */
    --dm-grey1: #222222;
    --dm-grey2: #222222;
    --dm-grey3: #333333;
    --dm-grey4: #444444;
    --dm-grey5: #999999;
    /* Layout */
    --container-max-width: 1200px;
    --spacing-base: 1rem;
    --border-radius: 0.25rem;
    --black: #000000;
}

@media (prefers-contrast: more) {
     :root {
        --euchner-red-headline: #000000;
        --white: #ffffff;
        --main-grey: #000000;
        --grey1: #f6f6f6;
        --grey2: #e0e0e0;
        --grey3: #777777;
        --grey4: #aaaaaa;
        --grey5: #fdfdfd;
        --grey6: #cccccc;
        --grey7: #000000;
        --grey8: #666666;
    }
     ::placeholder {
        color: var(--main-grey);
    }
}

@media (prefers-contrast: more) AND (prefers-color-scheme: dark) {
     :root {
        --grey2: #ffffff;
    }
}


/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

#menu-search::placeholder {
    color: var(--main-grey);
}


/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

video:focus {
    outline: -webkit-focus-ring-color auto 0px;
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}


/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}


/* ==========================================================================
   Base
   ========================================================================== */


/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/**
 * Remove default margin.
 */

body {
    margin: 0;
}


/* ==========================================================================
   Links
   ========================================================================== */


/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}


/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */


/*
a:focus {
    outline: thin dotted;
    border: 10px solid red;
}
*/


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:hover {
    outline: 0;
}


/* ==========================================================================
   Typography
   ========================================================================== */


/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1,
.h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}


/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}


/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}


/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}


/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}


/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}


/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C""\201D""\2018""\2019";
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* ==========================================================================
   Embedded content
   ========================================================================== */


/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}


/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}


/* ==========================================================================
   Figures
   ========================================================================== */


/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
    width: fit-content;
}


/* ==========================================================================
   Forms
   ========================================================================== */


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],

/* 1 */

input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}


/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}


/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * Remove inner padding and border in Firefox 4+.
 */


/*
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
*/


/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}


/* ==========================================================================
   Tables
   ========================================================================== */


/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*------------------------------------*\
    MAIN
\*------------------------------------*/


/* global box-sizing */

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/* html element 62.5% font-size for REM use */

html {
    font-size: 62.5%;
}

body,
.fancybox-slide p,
.fancybox-container {
    font: 400 1.5rem 'EUCHNER-regular', Helvetica, Arial, sans-serif;
    color: var(--main-grey);
    line-height: 2.1rem;
}


/* Always show scrollbar */

body {
    overflow-y: scroll;
}

body>table.techdata {
    display: none;
}


/* clear */

.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

a {
    color: var(--main-grey);
    text-decoration: none;
}

.textlink {
    text-decoration: underline;
}


/*
a:hover {
    color: var(--main-grey);
    text-decoration: none;
}
*/

a:hover,
.textlink:hover {
    color: var(--euchner-red);
    text-decoration: underline;
}


/*
.tile-link {
    display: block;
    width: 260px;
}
*/


/*
.tile-link,
.tilelink {
    display: block;
}
*/

a.tile-link:hover,
a.tilelink:hover,
a.list-link:hover,
a.course-link:hover {
    color: var(--main-grey);
    text-decoration: none;
}

.nav a:hover,
.slideout-menu-language a:hover {
    text-decoration: none;
}


/*
a:focus {
    outline: 0;
}
*/

a:hover,
a:active {
    outline: 0;
}

input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}

p {
    margin-bottom: 2rem;
}

.background-grey {
    background-color: var(--grey1);
}

.fullwidth-grey {
    background-color: var(--grey1);
    min-height: calc( 100vH - 400px);
}

.list-unstyled,
.list-unstyled li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.margin-bottom-20 {
    margin-bottom: 2rem;
}

.margin-bottom-50 {
    margin-bottom: 5rem;
}

.margin-bottom-100 {
    margin-bottom: 10rem;
}

.width-100 {
    width: 100%;
}

.width-70 {
    width: 70%;
}

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

.fullwidth-grey.products {
    min-height: calc( 100vH - 442px);
}

.fullwidth-grey.home {
    min-height: calc( 100vH - 942px);
}

.fullwidth-grey.subpage {
    min-height: calc(100vH - 792px);
}

.icon-404 {
    font-size: 12rem;
    color: #efefef;
}

#proxy {
    position: absolute;
    margin-top: -2rem;
}

.emph-bold {
    font-weight: 600;
}

.pseudolink:hover {
    cursor: pointer;
}

.background-red {
    background-color: var(--euchner-red) !important;
}

.fit-content {
    width: fit-content;
}

.euchner-red {
    color: var(--euchner-red) !important;
}

.euchner-red-background {
    background-color: var(--euchner-red) !important;
}

.color-white {
    color: var(--white);
}

@media (max-width: 991.98px) {
    .fullwidth-grey.products {
        min-height: calc( 100vH - 345px);
    }
    .fullwidth-grey.home {
        min-height: calc( 100vH - 845px);
    }
    .fullwidth-grey.subpage {
        min-height: calc(100vH - 695px);
    }
}

::placeholder {
    color: var(--main-grey);
    opacity: 1;
    /* Firefox */
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/


/* wrapper */

.wrapper {
    margin: 0 auto;
    position: relative;
    min-height: calc( 100vH - 300px);
}


/* header */

.header {
    position: relative;
    z-index: 101;
}


/* logo */

.logo {
    width: 200px;
    height: 70px;
    margin-top: 3rem;
    margin-bottom: 0px;
    margin-left: auto;
}

.height-25 {
    height: 25px;
}


/* footer */

.footer {
    padding-top: 3rem;
    background-color: var(--grey2);
    min-height: 300px;
}

.footer h3 {
    margin-bottom: 1.5rem;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 50;
    width: 100%;
}

.overlay.active {
    display: block;
}

#content-spacer {
    height: 45px;
}

main {
    padding-bottom: 5rem;
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family: "EUCHNER-regular";
    font-display: fallback;
    src: url("fonts/euchner-regular2.eot?#iefix");
    src: url("fonts/euchner-regular2.eot?#iefix") format("eot"), url("fonts/euchner-regular2.woff2") format("woff2"), url("fonts/euchner-regular2.woff") format("woff"), url("fonts/euchner-regular2.ttf") format("truetype"), url("fonts/euchner-regular2.svg#euchner-regular") format("svg");
}


/*
        @font-face {
            font-family: "EUCHNER-regular";
            font-display: fallback;
            src: url("fonts/euchner-regular3.eot?#iefix");
            src: url("fonts/euchner-regular3.eot?#iefix") format("eot"), url("fonts/euchner-regular3.woff2") format("woff2"), url("fonts/euchner-regular3.woff") format("woff"), url("fonts/euchner-regular3.ttf") format("truetype"), url("fonts/euchner-regular3.svg#euchner-regular") format("svg");
        }
*/


/*
        @font-face {
            font-family: "EUCHNER-regular";
            font-display: fallback;
            src: url("fonts/euchner-regular4.eot?#iefix");
            src: url("fonts/euchner-regular4.eot?#iefix") format("eot"), url("fonts/euchner-regular4.woff2") format("woff2"), url("fonts/euchner-regular4.woff") format("woff"), url("fonts/euchner-regular4.ttf") format("truetype"), url("fonts/euchner-regular4.svg#euchner-regular") format("svg");
        }
		*/


/*
        @font-face {
            font-family: "EUCHNER-bold";
            font-display: fallback;
            src: url("fonts/euchner-bold2.eot?#iefix");
            src: url("fonts/euchner-bold2.eot?#iefix") format("eot"), url("fonts/euchner-bold2.woff2") format("woff2"), url("fonts/euchner-bold2.woff") format("woff"), url("fonts/euchner-bold2.ttf") format("truetype"), url("fonts/fonts/euchner-bold2.svg#euchner-bold") format("svg");
        }
		*/

h1,
.h1 {
    font-family: EUCHNER-regular, Arial, Helvetica;
    color: var(--euchner-red-headline);
    font-size: 2.6rem;
    line-height: 2.6rem;
    margin-bottom: 2.5rem;
    font-weight: 200;
    text-transform: uppercase;
    hyphens: auto;
}

h1:not(.h1-plain):before,
.h1:before {
    content: '';
    display: block;
    width: 46px;
    height: 5px;
    margin: 0 0 2.1rem;
    background-color: var(--euchner-red);
}

h1.hidden {
    height: 0;
    width: 0;
    overflow: hidden;
    margin: 0;
}

h1.hidden:before {
    height: 0;
    width: 0;
}

.small {
    font-size: 1.3rem;
}

.text-justify ul {
    text-align: left;
}

.euchner-intext-icon {
    margin-right: 1rem;
    color: var(--dm-grey5);
}

ul.euchner,
.product-details ul,
.product-description-border ul,
.news-content ul {
    list-style-type: none;
    padding-left: 2rem;
}

ul.euchner li:before,
.product-details li:before,
.product-description-border li:before,
.news-content ul li:before {
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 900;
    content: "\f0da";
    margin: 0 0.8rem 0 -1.5rem;
    color: var(--dm-grey5);
}

ul.euchner li,
.product-details li,
.news-content li {
    margin-bottom: 1rem;
}

ul.euchner-narrow li,
.product-description-border li {
    margin-bottom: 0;
}

.list-row ul.euchner {
    margin-bottom: 0;
}


/*------------------------------------*\
    Images
\*------------------------------------*/

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

figcaption {
    padding: 1rem;
}

.euchner-boxshadow {
    box-shadow: 0 7px 22px rgba(19, 19, 19, .08);
}

figcaption p {
    margin: 0;
    padding: 0;
}

.image-news {
    padding: 1rem;
}

.image-news img {
    display: block;
    margin: auto;
}

.main-image-container {
    width: 100%;
    background-color: var(--grey1);
    /* TODO */
    overflow: hidden;
    text-align: center;
    aspect-ratio: 4.75 / 1;
}

.main-image-container-small {
    /*max-height: 250px;*/
}

.main-image-container-large {
    /*max-height: 350px;*/
}

.main-image-container-extralarge {
    height: 500px;
    aspect-ratio: 2.71 / 1;
}

.main-image-container-fullsize {
    height: auto;
}

.main-image-container-small img,
.main-image-container-large img {
    min-width: 100%;
}


/*------------------------------------*\
    Buttons
\*------------------------------------*/

.btn-euchner,
.btn-euchner-small {
    display: inline-block;
    background-color: var(--grey3);
    color: var(--white);
    position: relative;
    transition: all .25s ease!important;
    vertical-align: middle;
    border-radius: 0;
}

.btn-euchner {
    padding: 1rem 1rem 1rem 2.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.btn-euchner-small {
    padding: 0.5rem;
    font-size: 1.3rem;
}

.btn-euchner:hover,
.btn-euchner-small:hover {
    background-color: var(--euchner-red);
    color: var(--white);
}

.btn-euchner:after {
    display: block;
    position: absolute;
    left: 10px;
    top: 25%;
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 900;
    content: "\f0d7";
    font-size: 1.5rem;
}
.btn-euchner-download{
	padding: 1rem;
}
.btn-euchner-download:after {
	content: "";

}

.btn-euchner.collapsed:after {
    content: "\f0da";
}

.btn-euchner:focus,
.btn-euchner-small:focus {
    box-shadow: none;
}

.cta {
    background-color: var(--euchner-red);
    color: var(--white);
    transition: all .25s ease !important;
    padding: 0.5rem;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}

.cta:hover {
    cursor: pointer;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
}

.cta a {
    color: var(--white);
    font-family: EUCHNER-regular, Helvetica, Arial, sans-serif;
}

.cta a:hover {
    text-decoration: none;
}


/*------------------------------------*\
    Footer
\*------------------------------------*/

.footer {
    font-size: 1.3rem;
    left: 0;
    right: 0;
    bottom: 0;
}

.footer-sticky {
    position: fixed;
}

.widget-footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.widget-footer .current_page_parent,
.widget-footer .current-menu-item,
.widget-footer .current-menu-parent,
.widget-footer .nav>ul>li.current-page-ancestor {
    background-color: transparent !important;
}

#footer-column-4 dt,
.address dt {
    float: left;
    clear: left;
    width: 25px;
}

#footer-column-4 dd,
.address dd {
    margin: 0 0 0 2.5rem;
    padding: 0 0 0.5em 0;
}


/*
.footer a {
    text-decoration: underline;
}
*/

.footer a:hover {
    color: var(--euchner-red);
}


/*------------------------------------*\
    Scroll to top arrow
\*------------------------------------*/

.arrow-top-holder {
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: all 0.2s linear 0s;
    color: #cccccc;
    z-index: 1000;
    border: 3px solid #cccccc;
    padding: 0.4rem 1.2rem;
    font-size: 2.4rem;
    display: none;
}

.arrow-top-holder:hover {
    cursor: pointer;
    color: var(--white);
    background-color: var(--euchner-red);
    border-color: var(--euchner-red);
}


/*------------------------------------*\
    Navigation
\*------------------------------------*/

#container-navigation {
    width: 100%;
    background-color: var(--white);
    border-bottom: 1px solid var(--euchner-red);
    height: 42px;
}


/*
        .home #container-navigation {
            border-bottom: 1px solid var(--grey1);
        }
		*/

#container-navigation .container .row {
    margin-left: -1.5rem;
}

.sticky-nav {
    position: fixed;
    top: 0px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

#logo-sticky {
    float: right;
    margin-top: 0.8rem;
    display: none;
}

#logo-print {
    height: 60px;
    width: 171px;
}

.nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.nav ul>li {
    position: relative;
    float: left;
}

.nav>ul>li a {
    text-transform: uppercase;
}

.nav>ul>li ul.sub-menu a {
    text-transform: none;
    white-space: nowrap;
}

.nav a,
.current-language {
    transition: all .25s ease!important;
    font-size: 1.6rem;
    height: 42px;
    padding: 0.9rem 2rem;
    color: var(--main-grey);
    position: relative;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    line-height: 1em;
}

.nav>ul>li.current-menu-item>a,
.nav>ul>li.current-menu-parent>a,
.nav>ul>li.current-page-ancestor>a {
    color: var(--white);
}

.nav>ul>li.current-menu-item>a:after,
.nav>ul>li.current-menu-parent>a:after,
.nav>ul>li.current-page-ancestor>a:after {
    border-color: var(--white) transparent transparent;
}


/*
.current_page_parent>a,
.current-menu-item>a,
*/

.nav>ul>li.current-active-menu-item,
.current-menu-parent>a,
.nav>ul>li.current-page-ancestor>a {
    background-color: var(--euchner-red) !important;
    color: var(--white) !important;
}

.sub-menu .current-active-menu-item {
    border-left: 4px solid var(--euchner-red) !important;
}

.nav>ul>li ul.sub-menu>li.current-active-menu-item a,
.nav>ul>li ul.sub-menu>li.current-menu-item a {
    color: var(--main-grey) !important;
    padding: 0.9rem 1.4rem;
}

.nav>ul>li.menu-item-has-children>a {
    padding-right: 2.5rem;
}

.nav>ul>li.menu-item-has-children>a:after {
    display: block;
    position: absolute;
    right: 10px;
    top: 25%;
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 900;
    content: "\f0d7";
    font-size: 1.2rem;
}

.nav-response-after {
    display: block;
    position: absolute;
    right: 0px;
    top: 0;
    height: 42px;
    width: 30px;
    z-index: 100;
}

.menu-item-has-children>a:after {
    border-color: var(--grey7) transparent transparent;
}

.nav>ul>li ul.sub-menu {
    position: absolute;
    top: 105%;
    left: 0;
    background: var(--white);
    list-style: none;
    padding: 1.2rem 0;
    margin: 0;
    min-width: 220px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    max-width: 400px;
}

.nav>ul>li:hover>ul.sub-menu,
.nav>ul>li:focus-within>ul.sub-menu,
.nav .menu-item:focus-within .sub-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.nav>ul>li ul.sub-menu>li {
    position: relative;
    width: 100%;
}

.nav>ul>li ul.sub-menu>li>a:hover {
    background-color: var(--euchner-red);
    color: var(--white) !important;
}

.nav>ul>li:before {
    top: 0px;
    background-color: var(--euchner-red);
    left: 0px;
    right: 0px;
    display: block;
    position: absolute;
    height: 4px;
    opacity: 0;
    visibility: hidden;
    content: '';
    transition: all .25s ease!important;
}

.nav>ul>li:hover:before {
    opacity: 1;
    visibility: visible;
    top: 0;
}


/*------------------------------------*\
    Search and language icon
\*------------------------------------*/

.menu-item-special {
    height: 42px;
    padding: 1.2rem;
    font-size: 1.7rem;
}

.menu-item-special:hover:before {
    visibility: hidden !important;
}

.menu-item-search {
    cursor: pointer;
    color: var(--grey8);
    font-weight: 600;
    padding: 0;
}

.menu-search-wrapper {
    background-color: var(--grey1);
    padding: 0.5rem;
    width: 175px;
    margin-top: 0.4rem;
    margin-left: 0.6rem;
}

#inline-search {
    width: calc(100% - 128px);
    margin-right: 5px;
}

.slideout-menu-language {
    width: 200px !important;
    min-width: 2000px !important;
}

.sub-menu-language {
    min-width: auto !important;
}

.sub-menu-language a,
.slideout-menu-language a,
.current-language {
    padding: 1.1rem 2rem;
}

.menu-item-language>.flag-icon {
    /*
	filter: grayscale(90%);
    opacity: 0.5;
	*/
    transition: all .25s ease!important;
}

.flag-icon-current {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.menu-item-language:hover>.flag-icon {
    /*
	filter: grayscale(0%);
    opacity: 1;
	*/
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.sub-menu-language .flag-icon,
.slideout-menu-language .flag-icon {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

#search {
    padding-right: 1.2rem;
    padding-left: 1.3rem;
}

#menu-search {
    height: 26px;
    width: 134px;
    font-size: 1.3rem;
    background-color: var(--white);
    margin-right: 5px;
}

#menu-item-search-submit {
    height: 26px;
    width: 26px;
    padding: 0.2rem;
    position: relative;
}


/*------------------------------------*\
   Tabs
\*------------------------------------*/

.nav-tabs .nav-item {
    margin-top: 1rem;
}

.nav-tabs .nav-link,
.nav-tabs .nav-link:hover {
    border-radius: 0;
    margin-right: 1rem;
    border: 1px solid var(--grey3);
    background-color: var(--grey3);
    color: var(--white);
    line-height: normal;
    padding: 1.1rem 2rem;
}

.nav-tabs .nav-link.active,
.nav-link:focus {
    border: 1px solid var(--euchner-red);
    background-color: var(--euchner-red);
    color: var(--white);
}

#productTabContent .tab-pane {
    min-height: calc(100vh - 450px);
}


/*------------------------------------*\
    Breadcrumps
\*------------------------------------*/

.breadcrumps {
    font-size: 1.3rem;
    padding-top: 1.5rem;
    min-height: 40px;
    margin-bottom: 2rem !important;
}

.breadcrumb-delimiter {
    margin-left: 0.7rem;
    margin-right: 0.5rem;
}


/*------------------------------------*\
    Pagination
\*------------------------------------*/

.pagination ul {
    position: relative;
    margin: 2rem 0 0 0;
    padding: 0;
}

.pagination ul li {
    box-sizing: border-box;
    float: left;
    height: 30px;
    width: 30px;
    border: 0px none rgb(102, 102, 102);
    list-style: none outside none;
    margin: 0 1.1rem 0 0;
    list-style: none outside none;
}

.pagination ul li .current {
    box-sizing: border-box;
    color: var(--white);
    display: flex;
    height: 30px;
    min-width: 30px;
    width: 30px;
    background-color: var(--euchner-red);
    border: 2px solid var(--euchner-red);
    align-items: center;
    justify-content: center;
    text-align: left;
}

.pagination ul li a {
    box-sizing: border-box;
    color: var(--grey2);
    display: flex;
    height: 30px;
    min-width: 30px;
    text-align: left;
    text-decoration: none;
    width: 30px;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--grey2);
}

.pagination ul li a:hover {
    border-color: var(--euchner-red);
    background-color: var(--euchner-red);
    color: var(--white);
}


/*------------------------------------*\
    Slideshow
\*------------------------------------*/

.slideshow-wrapper {
    display: block;
    position: relative;
}

.slideshow {
    position: relative;
    display: block;
}

.slideshow-starter {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: var(--white);
    height: 100px;
    width: 100px;
    font-size: 10rem;
    line-height: 0;
    pointer-events: none;
    transition: all .25s ease !important;
}

.slideshow-wrapper:hover .slideshow-starter {
    color: var(--euchner-red);
}


/*------------------------------------*\
    Video
\*------------------------------------*/

.video-starter {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: var(--white);
    height: 50px;
    width: 50px;
    font-size: 5rem;
    line-height: 0;
    pointer-events: none;
    padding: 0;
    transition: all .25s ease !important;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50px;
}

.tile-products:hover .video-starter,
.product-video-holder:hover .video-starter {
    color: var(--euchner-red);
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/


/* HOME */

.container-home-grey {
    background-color: var(--grey1);
}

.container-white {
    background-color: var(--white);
}

.carousel-item {
    overflow: hidden;
    height: auto;
    min-height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.attachment-euchner-news-home {
    margin: 0 0 2rem 0;
    display: block;
}

.tile-microsite .attachment-euchner-news-home {
    margin: 0;
}

.attachment-euchner-slider {
    width: 100%;
}

.carousel-control-next,
.carousel-control-prev {
    width: 10%;
    top: 40%;
    bottom: unset;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 40px;
    height: 40px;
}

.carousel-indicators .active {
    background-color: var(--grey3);
}

.carousel-indicators button {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5);
}

.carousel-indicators button {
    height: 5px;
    width: 20px;
    background-color: var(--grey2);
    border: 0;
}

#carousel-indicators-header {
    bottom: 110px;
    margin-bottom: 1rem;
}

#carousel-indicators-header button {
    width: 40px;
    background-color: var(--white);
}

#carousel-indicators-header button:hover {
    background-color: var(--euchner-red);
}

#carousel-indicators-header .active {
    background-color: var(--euchner-red);
}

#carousel-control {
    position: absolute;
    left: 0;
    bottom: 110px;
    z-index: 15;
    font-size: 30px;
    background-color: transparent;
    color: var(--white);
    border: 0;
}

#carousel-control:hover {
    color: var(--euchner-red);
}

.carousel-indicators button:hover {
    background-color: var(--euchner-red);
}

.carousel-control-news-prev {
    width: 20px;
    margin-left: -35px;
    opacity: 1;
}

.carousel-control-news-next {
    width: 20px;
    margin-right: -35px;
    opacity: 1;
}

.carousel-inner-news {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.row-news-items {
    margin-left: -30px;
    margin-right: -30px;
    padding: 0 30px 0 30px;
    height: 100%;
    min-height: 450px;
}

.carousel-control-news-prev:hover,
.carousel-control-news-next:hover {
    opacity: 1;
}

.carousel-control-news-next .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e0e0e0' viewBox='0 0 192 512'%3E%3Cpath d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E");
}

.carousel-control-news-next:hover .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d30132' viewBox='0 0 192 512'%3E%3Cpath d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E");
}

.carousel-control-news-prev .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e0e0e0' viewBox='0 0 192 512'%3E%3Cpath d='M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z'/%3E%3C/svg%3E");
}

.carousel-control-news-prev:hover .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d30132' viewBox='0 0 192 512'%3E%3Cpath d='M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z'/%3E%3C/svg%3E");
}

.white-box-container {
    width: 100%;
    background-color: rgba(222, 1, 50, 0.93);
    height: 105px;
    margin-top: 395px;
    text-align: left;
}

.white-box-slider {
    width: 100%;
    height: 105px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.white-box-headline {
    font-family: EUCHNER-regular, Helvetica, Arial, sans-serif;
    color: var(--white);
    font-size: 3.5rem;
    line-height: 4rem;
    width: 100%;
    font-weight: bold;
}

.white-box-subline {
    color: var(--white);
    font-size: 3.5rem;
    line-height: 4rem;
    width: 100%;
}

#link-more-news {
    margin-top: -70px;
}

.additional-news-widget {
    background-color: var(--grey1);
}

.tile-home-cta-title {
    width: 100%;
    background-color: var(--euchner-red);
    color: var(--white);
    padding: 0.5rem;
}

.tile-home-cta {
    height: auto !important;
}


/* Portugese slider */

.lang-pt-br #carousel-item-2 .white-box-subline {
    font-size: 28px;
}


/* History */

.history-item {
    display: list-item;
    position: relative;
    margin-bottom: 4.5rem !important;
}

ul .history-item:last-child .history-year:before {
    display: none;
}

.history-year {
    font-size: 3rem;
    font-weight: 300;
    margin-right: 4.2rem;
    vertical-align: middle;
    display: inline-block;
}


/*
        .history-year:before {
            position: absolute;
            content: '';
            display: block;
            background-color: #ddd;
            width: 5px;
            height: 90%;
            top: 38px;
            left: 1.20em;
            z-index: -1;
        }
		*/

.history-headline {
    display: inline-block;
    max-width: 500px;
    vertical-align: middle;
    margin-bottom: 0;
}

.history-description {
    margin-left: 11.2rem;
    display: block;
}


/* Ausbildung */

.ausbildung-tabelle {
    width: 100%;
}

.ausbildung-tabelle td,
.ausbildung-tabelle th {
    padding: 5px;
}

.ausbildung-tabelle tr:nth-child(even) {
    background-color: var(--grey1);
}

.ausbildung-jahr {
    text-align: center;
    width: 20%;
}

.ausbildung-rot,
.ausbildung-gruen {
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 900;
    font-style: normal;
    text-align: center;
}

.ausbildung-rot:before {
    content: '\f111';
    color: #dddddd;
}

.ausbildung-gruen:before {
    content: '\f111';
    color: green;
}


/*News*/

.container-news {
    margin: 0 0 2.5rem 0;
    padding: 1.5rem;
    box-shadow: 0 1px 5px rgba(19, 19, 19, 0.33);
    border-radius: 0.15em;
    background-color: var(--white);
}

.row-news {
    margin-left: -3rem;
}

.news-downloads {
    margin-bottom: 2rem;
}

.news-headline {
    font-size: 1.8rem;
    min-height: 40px;
    font-weight: 900;
    margin-bottom: 1.5rem;
}

.tile-news,
.tile-microsite {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: all .25s ease!important;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    background-color: var(--white);
    overflow: hidden;
}

.tile-news {
    width: 35rem;
    height: 40rem;
    display: flex;
    flex-direction: column;
}

.tile-news:hover,
.tile-microsite-link:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

#newsTabContent {
    background-color: var(--grey1);
    padding: 1rem;
    margin-top: 0;
}

.news-teaser p {
    margin-bottom: 0;
    /*overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;*/
}

.rubric {
    float: left;
    font-size: 1.1rem;
    background-color: var(--grey2);
    padding: 0 0.4rem 0 0.4rem;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    border-radius: 2px;
}

.news-filter {
    float: left;
    padding: 0.4rem 0.8rem 0.4rem 0.8rem;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    border-radius: 2px;
}

.news-filter-tab {
    background-color: var(--grey2);
}

.news-filter:hover {
    cursor: pointer;
}

.news-filter-tab:hover {
    background-color: var(--euchner-red);
    color: var(--white);
}

.datalink:hover,
.news-filter-reset:hover {
    color: var(--euchner-red);
}

.active-filter {
    background-color: var(--euchner-red);
    color: var(--white);
}

.news-filter-counter {
    font-size: 0.8rem;
}

.download-button {
    display: inline-block;
    color: var(--main-grey);
    padding: 1rem 1rem 1rem 2.5rem;
    position: relative;
    transition: all .25s ease!important;
    vertical-align: middle;
}

.download-button:after {
    display: block;
    position: absolute;
    left: 0px;
    top: 10px;
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 900;
    font-size: 1.5rem;
}

.download-button-tile {
    padding-top: 0;
}

.download-button-tile:after {
    top: 0px;
}

.download-button-file:after {
    content: "\f019";
}

.download-button-pdf:after {
    content: "\f1c1";
    font-weight: 400;
}

.download-button-image:after {
    content: "\f1c5";
    font-weight: 400;
}

.download-button-external:after {
    content: "\f35d";
}

.download-button-internal:after {
    content: "\f343";
}

.download-button:hover {
    color: var(--euchner-red);
    cursor: pointer;
}

.download-image {
    border: 1px solid var(--grey6);
}

.news-link,
.link-button {
    display: inline-block;
    background-color: var(--grey3);
    color: var(--white);
    padding: 1rem 1rem 1rem 2.5rem;
    position: relative;
    transition: all .25s ease!important;
    vertical-align: middle;
}

.news-link:after,
.link-button:after {
    display: block;
    position: absolute;
    left: 10px;
    top: 23%;
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 900;
    content: "\f0da";
    font-size: 1.5rem;
}

.news-link:hover,
.link-button:hover {
    background-color: var(--euchner-red);
    color: var(--white);
    cursor: pointer;
}

.news-overview {
    margin-left: -25px;
    margin-right: -25px;
    min-height: 450px;
}


/*
.news-tile {
    display: flex;
    flex-direction: column;
}
*/

.news-tile-image-holder {
    height: 189px;
    display: block;
    position: relative;
}

.attachment-news-tile-image {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.news-overview .news-tile {
    padding-bottom: 6rem!important;
}

.tile-news h3 {
    min-height: 78px;
    font-size: 2rem;
}

.news-teaser {}

.news-link-wrapper {
    margin-top: auto;
}

.news-date {
    clear: left;
    font-size: 1.1rem;
    line-height: 1rem;
}

.fixed-height {
    height: 120px;
}


/* Courses */

.courses-row {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    min-height: 50px;
    border-top: 1px solid var(--grey6);
    box-shadow: 5px 0 20px transparent;
    transition: all .25s ease!important;
}


/*
.courses-row div {
    display: flex;
    align-items: center;
}
*/

.course-link,
.list-link {
    position: relative;
    display: block;
}

.course-link:before,
.list-link:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    bottom: 0;
    width: 5px;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
    background-color: var(--euchner-red);
    transition: all .25s ease!important;
    box-sizing: border-box;
}

.course-link:hover:before,
.list-link:hover:before,
.list-link:focus:before,
.list-link:active:before {
    transform: scale(1);
    opacity: 1;
}

.course-link:hover .courses-row,
.list-link:hover .list-row,
.list-link:focus .list-row,
.list-link:active .list-row {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-top-color: transparent;
}

.course-link:hover+.course-link .courses-row,
.list-link:hover+.list-link .list-row,
.list-link:focus+.list-link .list-row,
.list-link:active+.list-link .list-row {
    border-top-color: transparent;
}

.attachment-euchner-course {
    max-height: 150px;
    max-width: 150px;
}

.border-top {
    border-top: 1px solid var(--grey6);
}


/* Application */

.file-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.file-input+label {
    font-size: 1.3rem;
    font-weight: 900;
    color: var(--white);
    padding: 1rem 2.2rem;
    display: inline-block;
    box-shadow: none !important;
    outline: 0 !important;
    transition: all .25s ease !important;
    background-color: var(--grey3);
    cursor: pointer;
    /* "hand" cursor */
}

.file-input:focus+label,
.file-input+label:hover {
    background-color: var(--euchner-red);
}

.file-input:focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}


/* Contact */

.contact dd {
    margin: 0 0 0 2.5rem;
    padding: 0 0 0.5em 0;
}

.contact dt {
    float: left;
    clear: left;
    width: 25px;
}

.highlight-box {
    background-color: var(--grey2);
}


/*------------------------------------*\
    Forms
\*------------------------------------*/

input[type=date],
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=search],
select,
textarea {
    width: 100%;
    font-size: 1.5rem;
    color: var(--main-grey);
    background: #efefef;
    border: 0;
    box-shadow: none!important;
    outline: 0!important;
    padding: 0 1rem 0 1rem;
    height: 44px;
    transition: none;
    border-radius: 0;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
}

textarea {
    border: 3px solid #efefef;
    min-height: 163px;
}

.euchner-contact-form input[type=date],
.euchner-contact-form input[type=text],
.euchner-contact-form input[type=email],
.euchner-contact-form input[type=password],
.euchner-contact-form input[type=tel],
.euchner-contact-form input[type=number],
.euchner-contact-form input[type=search],
.euchner-contact-form textarea,
.euchner-application-form input[type=date],
.euchner-application-form input[type=text],
.euchner-application-form input[type=email],
.euchner-application-form input[type=password],
.euchner-application-form input[type=tel],
.euchner-application-form input[type=number],
.euchner-application-form input[type=search],
.euchner-application-form textarea {
    border: 3px solid #efefef;
}

button[type=submit]:not(.btn),
input[type=submit]:not(.btn),
.submit,
.simplebutton,
.search-reset {
    border: none;
    color: var(--white);
    font-size: 1.3rem;
    padding: 1rem 2.1rem;
    font-weight: 900;
    display: inline-block;
    /*
	box-shadow: none!important;
    outline: 0!important;
	*/
    transition: all .25s ease!important;
    background-color: var(--grey10);
}

button[type=submit]:not(.btn):hover,
input[type=submit]:not(.btn):hover,
.submit:hover,
.simplebutton:hover,
.search-reset:hover {
    background-color: var(--euchner-red);
}

.form-message {
    display: none;
    padding: 1rem;
    margin: 0 0 3rem 0;
}

.form-message-required,
.form-message-error {
    color: var(--white);
    background-color: var(--euchner-red);
}

.form-message-success {
    padding: 1rem;
    background-color: var(--grey1);
}

.form-missing {
    border: 3px solid var(--euchner-red) !important;
}

.datalink,
.form-missing-label {
    color: var(--euchner-red) !important;
}

.euchner-textarea {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.euchner-contact-form {
    transition: all .25s ease!important;
}


/*------------------------------------*\
    Tiles
\*------------------------------------*/

.tile {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: all .25s ease!important;
    padding-top: 100%;
    width: 100%;
    position: relative;
    background-color: var(--white);
}

.tile .inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
}

.tile:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.tile img {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

.tile:before,
.tile-products:before,
.tile-news:before,
.tile-microsite-link:before {
    content: '';
    top: 0px;
    background-color: var(--euchner-red);
    display: block;
    position: absolute;
    left: var(--ani-distance);
    right: calc(15px + var(--ani-distance));
    height: 1px;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
    transition: all .25s ease!important;
    z-index: 2;
}

.tile:hover:before,
.tile-products:hover:before,
.tile-news:hover:before,
.tile-microsite-link:hover:before {
    content: '';
    left: 0px;
    right: 0px;
    height: 4px;
    opacity: 1;
    visibility: visible;
    transition: all .25s ease!important;
    z-index: 2;
}

.tile,
.tile-products,
.tile-news,
.tile-microsite-link {
    --ani-distance: 15px;
}

.tile-map {
    width: 100%;
    height: 100%;
    min-height: 410px;
}

.map-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-size: cover;
}

.map-container-large {
    height: 410px;
    background-image: url(img/placeholder_map_big.jpg);
}

.map-container-small {
    min-height: 491px;
    background-image: url(img/placeholder_map_small.jpg);
}

.clear_left {
    clear: left;
}

.tile-headline {
    margin-bottom: 2rem;
}


/* Special case: reduce font size for specific czech tile*/

.lang-cs-cz #tile-59afee630f780 .tile-text {
    font-size: 1.4rem;
}

.tile-cta {
    background-color: var(--euchner-red);
    color: var(--white);
    text-align: center;
    font-family: EUCHNER-regular, Helvetica, Arial, sans-serif;
    font-size: 3.5rem;
    line-height: 4rem;
    height: auto;
    font-weight: bold;
}


/*------------------------------------*\
    PRODUCTS
\*------------------------------------*/

.tile-products {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: all .25s ease!important;
    width: 260px;
    height: 260px;
    /*
    margin-bottom: 2.3rem;
    margin-left: auto;
    margin-right: auto;
    display: block;*/
    position: relative;
    background-color: var(--white);
}

.tile-products:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.tile-text {
    position: absolute;
    bottom: 0;
    height: 64px;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    left: 0;
    right: 0;
    text-align: center;
    vertical-align: bottom;
}

.tile-image-holder {
    margin-top: 0;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 1rem;
    position: relative;
}

.tile-image-holder img {
    margin: 0;
}

.tile-image {
    max-width: 250px;
    max-height: 150px;
}

.product-list-image {
    margin: auto;
    display: block;
}

.product-main-features {
    background-color: var(--grey1);
}

.product-main-image {
    max-height: 400px;
    max-width: 100%;
    margin: auto;
    display: block;
    height: auto;
    width: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

.product-description-border {
    margin-bottom: 4rem;
}

.product-description-border:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 15px;
    right: 15px;
    height: 1px;
    background-color: var(--grey4);
}

.product-description-border p:last-child {
    margin-bottom: 0;
}

.inline-img div {
    display: inline-block;
}

.product-print {
    margin-top: 2.5rem;
    font-size: 2.6rem;
    float: right;
    color: var(--grey3);
    margin-left: 1rem;
}

.product-print:hover {
    cursor: pointer;
    color: var(--euchner-red);
}

.product-main-image-holder {
    box-shadow: 0 0 12px rgba(19, 19, 19, .28);
    background-color: var(--white);
    padding: 10px;
    height: 420px;
    position: relative;
}

.product-additional-image {
    box-shadow: 0 0 12px rgba(19, 19, 19, .28);
    width: 260px;
    height: 260px;
    float: left;
    margin-bottom: 2.3rem;
    margin-right: 2.3rem;
    position: relative;
    background-color: var(--white);
    transition: all .25s ease!important;
}

.border-light-grey {
    border-top: 1px solid var(--grey4);
    border-left: 1px solid var(--grey4);
    border-right: 1px solid var(--grey4);
    border-bottom: 1px solid var(--grey4);
}

.techdata {
    width: 100%;
}

.techdata td,
.product-downloads td {
    padding: 0.4rem 1rem 0.4rem 0.4rem;
    vertical-align: top;
    border-bottom: 0;
    line-height: 2.2rem;
}

.product-description-table-holder table td,
.product-description-table-holder table th {
    padding: 0.5rem;
    border: 1px solid var(--grey4);
    vertical-align: top;
}

.product-description-table-holder table th {
    background-color: var(--grey1);
}

.product-description-table-holder table th p {
    margin-bottom: 0;
}

.product-description-table-holder table td:first-child {
    width: 180px;
    padding-right: 2rem;
}

.products h2 {
    text-transform: none;
}

.approvals {
    background-color: var(--grey1);
    padding: 10px;
}

.approvals img {
    max-height: 60px;
    margin-right: 2rem;
}

.techdata-details-even,
.downloads-details-odd {
    background-color: var(--grey1);
}

.techdata-details-odd {
    background-color: var(--grey5);
}

.downloads-details-even {
    background-color: var(--white);
}

.product-downloads table {
    width: 100%;
    margin-bottom: 8rem;
}

.product-downloads table:last-child {
    margin-bottom: 2rem;
}

.product-downloads table td,
.product-downloads table th {
    text-align: center;
}

.product-downloads table td:first-child {
    width: 60%;
    text-align: left;
}

.product-downloads table td:nth-child(2) {
    width: 10%;
}

.product-downloads table td:nth-child(3) {
    width: 10%;
}

.product-downloads table td:nth-child(4) {
    width: 10%;
}

.product-downloads table td:nth-child(5) {
    width: 10%;
}

.product-downloads img {
    filter: grayscale(90%);
}

.product-downloads tr:hover img {
    filter: grayscale(0%);
}

.product-downloads h2 {
    margin-bottom: 2rem;
}

.product-downloads .card-body {
    padding-top: 2rem;
}

#techdata .techdata .techdata-details-parameter,
#techdatajson .techdata .techdata-details-parameter {
    width: 40%;
}

#techdata .techdata .wert,
#techdatajson .techdata .wert {
    width: 60%;
}

.zusatz_parameter {
    text-align: right;
    padding-right: 1rem;
}

.product-downloads table {
    width: 100%;
}

.wimTextTable td {
    vertical-align: top;
    padding-bottom: 0.5rem;
}

.wimTextTable tr td:first-child {
    padding-right: 1rem;
}

.wimEntryImg {
    display: block;
    margin: auto;
    max-width: 150px;
}

.wimEntryImg:hover,
.fancybox:hover {
    cursor: pointer;
}

.wimEntrySymbol {
    display: inline;
    max-height: 20px;
}

.product-details-columns {
    column-count: 2;
    column-gap: 30px;
}

.product-details h2:not(:first-child) {
    margin-top: 20px;
    break-after: avoid-column;
}

.table-fullwidth table {
    min-width: 100%;
}

.product-video-holder {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}

.inline-symbol {
    width: 20px;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.emph-superscript {
    position: relative;
    top: -0.5em;
    font-size: 80%;
}

.product-details-tile {
    background-color: var(--white);
    padding: 2rem;
    box-shadow: 0 1px 3px 0 rgba(41, 41, 41, .16);
}


/*------------------------------------*\
    PRODUCT COMPARISON
\*------------------------------------*/

.page-template-template-comparison .table-responsive {
    /*width: fit-content;*/
    background-color: var(--grey1);
}

.comparison {
    /*width: 100%;*/
}

.comparison td,
.comparison th {
    min-width: 370px;
    max-width: 370px;
    max-width: 370px !important;
}

.dataTables_scrollBody {
    -ms-overflow-style: scrollbar;
}

.dt-buttons {
    background-color: var(--white);
    width: 100%;
    height: 35px;
}

.dt-button {
    float: right;
}

.highlightDifferent {
    color: var(--euchner-red);
}

.comp-techdata-details-odd {
    background-color: var(--grey1);
}

.comp-techdata-details-even {
    background-color: var(--white);
}

.dataTables_scrollHead {
    background-color: var(--white);
}

.export-excel {
    background: transparent;
    border: 0;
}

.export-excel:after {
    font-size: 2.6rem;
    color: var(--grey3);
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 600;
    content: '\f1c3';
}

.export-excel:hover:after {
    color: var(--euchner-red);
}

#notificationModal {
    display: none;
    width: 500px;
}

#downloadModal,
#downloadManualModal,
#firmwareModal {
    display: none;
    max-width: 500px;
    padding: 34px;
}

#notificationModalTitle {
    margin-left: auto;
    margin-right: auto;
}


/* The switch - the box around the toggle-slider */

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

.switch-small {
    width: 30px;
    height: 18px;
}


/* Hide default HTML checkbox */

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}


/* The toggle-slider */

.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: var(--white);
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-slider-small:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 3px;
    background-color: var(--white);
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.toggle-slider {
    background-color: var(--euchner-red);
}

input:focus+.toggle-slider {
    box-shadow: 0 0 1px var(--euchner-red);
}

input:checked+.toggle-slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

input:checked+.toggle-slider-small:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}


/* Rounded toggle-sliders */

.toggle-slider.round {
    border-radius: 24px;
}

.toggle-slider-small.round {
    border-radius: 18px;
}

.toggle-slider.round:before {
    border-radius: 50%;
}

.toggle-slider-text {
    padding-left: 35px;
    display: inline-block;
    width: 175px;
}


/*------------------------------------*\
    DOCUMENTS
\*------------------------------------*/

#document-result {
    min-height: 200px;
}


/*------------------------------------*\
    Tooltips
\*------------------------------------*/

.tooltip {
    opacity: 1 !important;
    filter: alpha(opacity=100);
}

.toolip-trigger {
    width: 20px;
    height: 20px;
    font-size: 1.5rem;
    display: inline-block;
    color: var(--grey3);
}

.tooltip-inner {
    max-width: 300px;
    padding: 1rem;
    color: var(--white);
    text-align: center;
    background-color: var(--grey3);
    border-radius: .25rem;
    font-size: 1.5rem;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -0.3rem;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: var(--grey3);
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    margin-left: -0.3rem;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: var(--grey3);
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: var(--grey3) !important;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
    border-left-color: var(--grey3) !important;
}


/*------------------------------------*\
    Modals
\*------------------------------------*/

.modal-dialog {
    max-width: 70%;
    max-height: 70%;
}

.modal-open,
.fancybox-active {
    padding-right: 0 !important;
    overflow-y: scroll !important;
}

.modal-header {
    border-bottom: 0;
}

.modal-content {
    border: 0;
    border-radius: 0;
}

#imageModal {
    display: none;
    width: auto;
    padding: 0;
    min-width: 300px;
}

#imageModalContent {
    margin: 0 auto;
    padding: 2rem;
}

#imageModalContent img {
    max-width: 80vW;
    max-height: 80vH;
}

.legend {
    margin-top: 1rem;
}

.legend td {
    padding-top: 1rem;
    padding-right: 1rem;
}

.legend-num {
    vertical-align: top;
    font-weight: bold;
}

.legend-image {
    width: 30px;
    max-height: 30px;
}

.modal-header .close {
    margin: -1rem -0.5rem;
}

.modal-header .close:focus {
    outline: none;
}

.compensate-for-scrollbar {
    margin-right: 0 !important;
}

.fancybox-slide--inline.fancybox-slide>* {
    vertical-align: top;
}

.fancybox-bg {
    background-color: var(--main-grey);
}

.contentModal {
    display: none;
    min-width: 400px;
    max-width: 600px;
    min-height: 200px;
}

.tile-modal-image {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.fancybox-close-small:focus:after {
    outline: none;
}


/*------------------------------------*\
    Search Modal
\*------------------------------------*/

#searchField {
    width: calc(100% - 128px);
    margin-right: 3px;
}

#searchModal,
#cartModal {
    display: none;
    max-width: 1100px;
    padding: 0;
    height: calc(100vH - 100px);
}

#cartModal {
    max-width: 950px;
}

.close,
.fancybox-close-small:after {
    font-family: 'EUCHNER-regular', Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: var(--grey3);
    font-size: 4rem;
    text-shadow: none;
    background-color: var(--white) !important;
    padding: 0.3rem 1.2rem 0 0!important;
    opacity: 1;
}

.close:hover,
.fancybox-close-small:hover:after {
    color: var(--euchner-red);
    background: transparent;
    cursor: pointer;
    opacity: 1;
}

.inline-img div img {
    max-height: 150px;
    max-width: 150px;
    margin-bottom: 1rem;
}

.inline-img.size-m div img {
    max-height: 150px;
    max-width: 150px;
}

.inline-img.size-xs div img {
    max-height: 50px;
    max-width: 50px;
}

.inline-img.size-xxl div img {
    max-height: 100%;
    max-width: 100%;
}

.inline-img h2 {
    font-size: 1.3rem;
    margin-bottom: 2rem;
}

.search-reset,
.search-submit {
    /*position: absolute;*/
    height: 44px;
    background-color: var(--grey3) !important;
}

.search-reset {
    margin-right: 6px;
}

.search-result {
    padding: 2rem;
}

.tab-content {
    margin-top: 3rem;
}

.search-wrapper {
    padding: 0 1rem 2rem 2rem;
}

.euchner-spinner {
    font-size: 5rem;
    width: 100%;
    text-align: center;
    margin: 5rem 0 0 0;
    color: var(--grey3);
}

#searchTabContent .tab-pane {
    min-height: 150px;
    padding-bottom: 2rem;
}

.search-link {
    padding-left: 3rem !important;
}

.searchresultcount {
    display: inline-block;
    width: 40px;
    margin-left: 1rem;
}

.modal-title {
    margin-left: 1rem;
}

.search-row {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    min-height: 150px;
    border-top: 1px solid var(--grey6);
    box-shadow: 5px 0 20px transparent;
    transition: all .25s ease!important;
}

.search-result-image {
    max-height: 100px;
    margin: auto;
    display: block;
}

.download-headline {
    padding-bottom: 1.5rem;
}

.download-headline div {
    font-weight: bold;
}

.download-row {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    min-height: 50px;
    border-top: 1px solid var(--grey6);
    box-shadow: 5px 0 20px transparent;
    transition: all .25s ease!important;
}

.website-row {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    min-height: 50px;
    border-top: 1px solid var(--grey6);
    box-shadow: 5px 0 20px transparent;
    transition: all .25s ease!important;
}

.search-result .tab-content {
    max-height: calc(100vH - 340px);
    overflow-y: overlay;
    padding-right: 1.5rem;
}

.search-no-result {
    text-align: center;
    font-size: 2rem;
    margin-top: 5rem;
}


/*------------------------------------*\
    Slideouts
\*------------------------------------*/

#slideouts {
    position: fixed;
    right: -420px;
    top: 300px;
    width: 460px;
    height: 300px;
    z-index: 120;
    pointer-events: none;
}


/*
#slideouts button {
    border: 0;
}
*/

#search-icon {
    top: 41px;
}

#language-icon,
#shop-icon {
    top: 82px;
}

#shop-icon i {
    margin-left: -2px;
}

#cart-icon {
    top: 123px;
}

.slideout-buttons {
    box-shadow: -1px 3px 8px rgba(0, 0, 0, .3);
    width: 39px;
    height: 39px;
    position: absolute;
    background-color: var(--grey3);
    color: var(--white);
    padding: 0.7rem 0.3rem 0.9rem 0.3rem;
    font-size: 2rem;
    pointer-events: auto;
    z-index: 102;
    border: 3px solid var(--grey3);
}

.slideout-buttons:focus-visible {
    outline: none;
    border: 3px solid var(--euchner-red);
}

.slideout-buttons:hover {
    cursor: pointer;
    background-color: var(--euchner-red);
    border: 3px solid var(--euchner-red);
}

#support-icon.open,
#language-icon.open,
#cart-icon.open {
    cursor: pointer;
    background-color: var(--euchner-red);
    border: 3px solid var(--euchner-red);
}


/*
#cart-icon i {
    position: absolute;
    margin-left: -0.1rem;
}
*/

#support-content,
#cart-content {
    padding: 1rem;
    width: 220px;
    position: absolute;
    top: 0;
    left: 40px;
    z-index: 101;
    background-color: var(--grey1);
    color: var(--grey7);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
    border: 0;
    text-align: left;
}

#cart-content {
    width: 420px;
    min-height: 420px;
}

#language-content {
    padding: 0rem;
    width: 250px;
    position: absolute;
    top: 0;
    left: 40px;
    z-index: 101;
    background-color: var(--grey1);
    color: var(--grey7);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}

#language-content ul.sub-menu,
.slideout-menu-language {
    list-style: none;
    padding: 0;
    margin: 0;
}

#language-content ul.sub-menu li a,
.slideout-menu-language li a {
    display: block;
    pointer-events: auto;
}

#support-content a {
    pointer-events: auto;
}

#language-content ul.sub-menu>li>a:hover,
.slideout-menu-language>li>a:hover {
    background-color: var(--euchner-red);
    color: var(--white) !important;
}

.add-to-cart,
.jump-to-shop {
    transition: all 0.5s ease;
}

.add-to-cart-list,
.jump-to-shop-list {
    margin-top: 0;
}


/*------------------------------------*\
    Cart
\*------------------------------------*/

.cart-content-article>div {}

.cart-content-article {
    pointer-events: auto;
    background-color: var(--white);
    min-height: 110px;
}

.cart-content-article .pdf-cart,
.cart-content-article .trash-cart,
#cart-content-checkout,
#compare .print-single-pdf {
    pointer-events: auto;
    cursor: pointer;
    color: var(--grey3);
}

.cart-content-article .drag-cart {
    cursor: grab;
    color: var(--grey3);
}

.cart-content-article .cart-selected {
    width: 16px;
    height: 16px;
}

.cart-content-article .pdf-cart,
.cart-content-article .trash-cart,
.cart-content-article .drag-cart {
    font-size: 2.0rem;
}

.cart-content-article .pdf-cart:hover,
.cart-content-article .trash-cart:hover,
#compare .print-single-pdf:hover {
    color: var(--euchner-red);
}

#cart-content-checkout {
    display: none;
}

.cart-content-article img {
    max-width: 150px;
    max-height: 80px;
}

#cart-content-cart {
    pointer-events: auto;
}

#cart-content-articles,
#cart-content-thankyou {
    /* height: calc(100% - 130px);*/
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 2rem;
    padding-right: 2rem;
}

#cart-content-articles button {
    border: 0;
    background: transparent;
}

@media (max-width: 991.98px) {
    /*
			#cart-content-articles,
            #cart-content-thankyou {
                height: calc(100% - 230px);
            }
			*/
    #cart-content-footer {
        height: auto !important;
    }
}

.cart-content-article:hover>div.trash-cart {
    display: block;
}

#cart-content-footer .btn {
    pointer-events: auto;
}

#cart-content-footer {
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    /*background-color: var(--grey1);*/
    height: 60px;
}


/*
#cart-icon:hover #cart-counter {
    background-color: var(--white);
}
*/

#cart-counter {
    position: absolute;
    top: 5px;
    right: 3px;
    color: var(--white);
    font-size: 1rem;
    font-weight: bold;
    background-color: var(--euchner-red);
    width: 10px;
    height: 10px;
    border-radius: 5px;
    /*line-height: 19px;*/
    display: block;
    border: 1px solid white;
    /*transition: background 0.2s linear;*/
    /*
    width: 18px;
    height: 18px;
    border-radius: 18px;
    line-height: 19px;
    */
    /*background-color: var(--euchner-red);*/
    /*display: block;
    text-align: center;*/
}

#cart-content-articles .search-row:last-child {
    border-bottom: 1px solid var(--grey6);
}

#cart-icon.open #cart-counter {
    color: var(--euchner-red);
}

#cartModal {
    display: none;
    padding: 0;
}

#cartModalContent {
    margin: 0 auto;
    padding: 0rem;
    min-width: 300px;
    width: 100%;
    height: calc( 100% - 50px);
    /*
			calc(100% - 6rem);
			*/
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}

#socialModal {
    display: none;
    width: 400px;
    padding: 0;
}

#compareModal {
    display: none;
    padding: 0;
    width: 95%;
    height: 95%;
}


/*------------------------------------*\
    Accordeon
\*------------------------------------*/

.card {
    border-radius: 0;
    border-bottom: 0;
}

.card-header {
    border-bottom: 0;
    color: var(--euchner-red);
    padding: .55rem 1rem;
}

.card-header {
    border: 3px solid var(--grey11);
    background-color: var(--grey11);
}

.card-header:focus-visible {
    outline: none;
    border: 3px solid var(--black);
}

.card-header:hover {
    cursor: pointer;
    text-decoration: underline;
    color: var(--euchner-red) !important;
}

.card-header:after {
    display: block;
    position: absolute;
    right: 10px;
    top: 8px;
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 900;
    content: "\f0d8";
    font-size: 1.5rem;
}

.card:last-child,
.download-block .card:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.card-header.collapsed {
    color: var(--main-grey);
}

.card-header.collapsed:after {
    display: block;
    position: absolute;
    right: 10px;
    top: 8px;
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 900;
    content: "\f0d7";
    font-size: 1.5rem;
}

.card-body .row {
    margin-right: 0;
}


/* IE11 */

.collapse {
    height: auto;
    overflow: auto;
}


/*------------------------------------*\
    COMBINATION TABLE
\*------------------------------------*/

#description-article-161320 .product-description-table-holder table th,
#description-article-161322 .product-description-table-holder table th,
#description-article-162581 .product-description-table-holder table th,
#description-article-163252 .product-description-table-holder table th {
    border: 0;
}

#description-article-161320 .product-description-table-holder table tr:nth-child(2) td:nth-child(1),
#description-article-161322 .product-description-table-holder table tr:nth-child(2) td:nth-child(1),
#description-article-162581 .product-description-table-holder table tr:nth-child(2) td:nth-child(1),
#description-article-163252 .product-description-table-holder table tr:nth-child(2) td:nth-child(1) {
    vertical-align: middle;
}

#description-article-161320 .product-description-table-holder table div,
#description-article-161322 .product-description-table-holder table div,
#description-article-162581 .product-description-table-holder table div,
#description-article-163252 .product-description-table-holder table div {
    position: relative;
}

#description-article-161320 .product-description-table-holder table tr:nth-child(2) td:nth-child(2) div:before,
#description-article-161320 .product-description-table-holder table tr:nth-child(2) td:nth-child(3) div:before,
#description-article-161320 .product-description-table-holder table tr:nth-child(3) td:nth-child(1) div:before,
#description-article-161320 .product-description-table-holder table tr:nth-child(3) td:nth-child(2) div:before,
#description-article-161322 .product-description-table-holder table tr:nth-child(2) td:nth-child(2) div:before,
#description-article-161322 .product-description-table-holder table tr:nth-child(2) td:nth-child(3) div:before,
#description-article-161322 .product-description-table-holder table tr:nth-child(3) td:nth-child(1) div:before,
#description-article-161322 .product-description-table-holder table tr:nth-child(3) td:nth-child(2) div:before,
#description-article-162581 .product-description-table-holder table tr:nth-child(2) td:nth-child(2) div:before,
#description-article-162581 .product-description-table-holder table tr:nth-child(2) td:nth-child(3) div:before,
#description-article-162581 .product-description-table-holder table tr:nth-child(3) td:nth-child(1) div:before,
#description-article-162581 .product-description-table-holder table tr:nth-child(3) td:nth-child(2) div:before,
#description-article-163252 .product-description-table-holder table tr:nth-child(2) td:nth-child(2) div:before,
#description-article-163252 .product-description-table-holder table tr:nth-child(2) td:nth-child(3) div:before,
#description-article-163252 .product-description-table-holder table tr:nth-child(3) td:nth-child(1) div:before,
#description-article-163252 .product-description-table-holder table tr:nth-child(3) td:nth-child(2) div:before {
    content: '+';
    font-size: 3.2rem;
    font-weight: 900;
    position: absolute;
    bottom: 10px;
    left: -24px;
}

#description-article-161320 .product-description-table-holder table tr:nth-child(2) td:nth-child(4) div:before,
#description-article-161320 .product-description-table-holder table tr:nth-child(3) td:nth-child(3) div:before,
#description-article-161322 .product-description-table-holder table tr:nth-child(2) td:nth-child(4) div:before,
#description-article-161322 .product-description-table-holder table tr:nth-child(3) td:nth-child(3) div:before,
#description-article-162581 .product-description-table-holder table tr:nth-child(2) td:nth-child(4) div:before,
#description-article-162581 .product-description-table-holder table tr:nth-child(3) td:nth-child(3) div:before,
#description-article-163252 .product-description-table-holder table tr:nth-child(2) td:nth-child(4) div:before,
#description-article-163252 .product-description-table-holder table tr:nth-child(3) td:nth-child(3) div:before {
    content: '=';
    font-size: 3.2rem;
    font-weight: 900;
    position: absolute;
    bottom: 30px;
    left: -24px;
}

#description-article-161320 .product-description-table-holder table td,
#description-article-161322 .product-description-table-holder table td,
#description-article-162581 .product-description-table-holder table td,
#description-article-163252 .product-description-table-holder table td {
    border-left-width: 0px;
    border-right-width: 0px;
    vertical-align: bottom;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


/*
* Burger menu
*/

.mbc {
    bottom: 0px;
    box-sizing: border-box;
    display: block;
    height: 4px;
    left: 0px;
    position: relative;
    right: 0px;
    top: 0px;
    width: 28px;
    column-rule-color: var(--euchner-red);
    perspective-origin: 14px 2px;
    transform-origin: 14px 2px;
    caret-color: var(--euchner-red);
    background: var(--euchner-red) none repeat scroll 0% 0% / auto padding-box border-box;
    border-radius: 2px 2px 2px 2px;
    margin: 0 0 0.5rem;
    transition: top 0.3s ease 0.3s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.trigger-responsive.active span:first-child {
    top: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top .3s 0s, -webkit-transform .3s .3s;
    transition: top .3s 0s, transform .3s .3s;
    transition: top .3s 0s, transform .3s .3s, -webkit-transform .3s .3s;
}

.trigger-responsive.active span:nth-child(2) {
    opacity: 0;
}

.trigger-responsive.active span:last-child {
    top: -8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: top .3s 0s, -webkit-transform .3s .3s;
    transition: top .3s 0s, transform .3s .3s;
    transition: top .3s 0s, transform .3s .3s, -webkit-transform .3s .3s;
}

#container-responsive {
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

.logo-responsive {
    width: 129px;
    margin: 1rem auto 1rem auto;
}

.trigger-responsive {
    position: absolute;
    right: 20px;
    top: 1px;
    background-color: transparent;
    border: 0;
}


/* Extra small devices (portrait phones, less than 576px) */

@media only screen and (max-width:575.98px) {
    #slideouts {
        top: 80px;
    }
    .nav-tabs .nav-item,
    #search-result .search-link,
    .submit {
        width: 100%;
        text-align: left;
    }
    #link-more-news {
        margin-top: 0px;
    }
    .fancybox-container h1,
    .fancybox-container .h1 {
        font-size: 2rem;
        line-height: 2rem;
        margin-bottom: 1.9rem;
    }
    .fancybox-container h1:before,
    .fancybox-container .h1:before {
        height: 4px;
        width: 38px;
        margin: 0 0 1.1rem 0;
    }
    .fancybox-content {
        padding: 30px;
    }
}


/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (max-width: 1199.98px) {
    .white-box-headline {
        font-size: 3rem;
        line-height: 3.5rem;
    }
    .white-box-subline {
        font-size: 3rem;
        line-height: 3.5rem;
    }
}


/* For all small screens */

@media only screen and (max-width:991.98px) {
    #container-navigation {
        width: 290px;
        height: 100%;
        left: -290px;
        top: 0px;
        padding: 4.5rem 0 0 0;
        position: fixed;
        box-shadow: -1px 3px 5px rgba(0, 0, 0, .2);
        border-bottom: none;
        z-index: 100;
    }
    .nav {
        padding-right: 0;
        width: 100%;
    }
    .nav-responsive {
        overflow-y: auto;
        height: calc( 100vH - 45px);
    }
    .nav ul {
        width: 100%;
    }
    .nav ul>li {
        float: none;
    }
    #container-navigation.open {
        left: 0;
        display: block;
    }
    .nav>ul>li ul.sub-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        display: none;
    }
    .nav>ul>li.current-menu-item ul.sub-menu,
    .current-menu-item ul.sub-menu {
        display: block;
    }
    .nav>ul>li.open ul.sub-menu {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .nav>ul>li:hover:before {
        visibility: hidden;
    }
    .sticky-nav #logo-sticky {
        display: none;
    }
    /* Show submenus OPEN */
    .nav>ul>li.current-menu-item>a,
    .nav>ul>li.current-menu-parent>a,
    .nav>ul>li.current-page-ancestor>a {
        color: var(--grey7);
    }
    .nav>ul>li ul.sub-menu {
        visibility: visible;
        opacity: 1;
        padding-top: 0;
        border-bottom: 1px solid var(--grey1);
    }
    .nav>ul>li ul.sub-menu a {
        font-size: 1.5rem;
    }
    .current_page_parent,
    .current-menu-item,
    .current-menu-parent,
    .nav>ul>li.current-page-ancestor {
        background-color: var(--white) !important;
    }
    .nav-responsive .current-menu-item>a {
        color: var(--white) !important;
        /*background-color: var(--euchner-red);*/
    }
    .nav>ul>li ul.sub-menu>li {
        padding-left: 2rem;
    }
    .nav>ul>li ul.sub-menu>li>a:hover {
        background-color: transparent;
        color: var(--grey7) !important;
    }
    /* Language switch */
    /* TODO: make this nice */
    .sub-menu-language {
        width: 100% !important;
        padding-left: 0 !important;
        border-bottom: 0 !important;
        margin-left: -2rem !important;
    }
    .flag-icon-current {
        display: none;
    }
    /* History */
    .history-description {
        margin-left: 0;
    }
    .history-year:before {
        display: none;
    }
    .product-details-columns {
        column-count: 1;
        column-gap: 0px;
    }
    .modal-dialog {
        max-width: 100%;
    }
    .main-image-container-large {
        height: auto;
    }
    #search {
        font-size: 1.6rem;
        height: 42px;
        padding: 0.9rem 2rem;
        text-transform: uppercase;
        font-weight: 400;
    }
    .menu-item-language {
        height: auto;
    }
    #slideouts {
        top: 100px;
    }
    .courses-row {
        height: auto;
    }
    .main-image-container-extralarge {
        height: 300px;
    }
    /*
    .carousel-item {
        height: 300px;
    }
    */
    .contentModal {
        min-width: auto;
    }
    .white-box-container {
        margin-top: 175px;
        height: 125px;
    }
    .white-box-slider {
        height: 125px;
    }
    .white-box-headline {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    .white-box-subline {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    .search-result .tab-content {
        max-height: calc(100vH - 300px);
        margin-top: 1rem;
    }
    .search-wrapper {
        padding: 0 1rem 0 2rem;
    }
    #search-result .search-link {
        padding: 1rem 0 1rem 0 !important;
        font-size: 1.3rem;
        margin-right: 0.5rem;
        text-align: center;
    }
    .searchresultcount {
        width: 30px;
        margin-left: 0;
    }
    #productTabContent .tab-pane {
        min-height: auto;
    }
    #document-result {
        min-height: 100px;
    }
    .fullwidth-grey.home {
        min-height: calc( 100vH - 585px);
    }
    #carousel-control {
        display: none;
    }
    #carousel-indicators-header {
        display: none;
    }
}

@media only screen and (max-width: 767.98px) {
    #footer-column-5 h3 {
        display: none;
    }
    .white-box-headline {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .white-box-subline {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .product-main-image-holder {
        height: 320px;
    }
    .product-main-image {
        max-height: 300px;
    }
    .news-teaser {
        margin-bottom: 2rem !important;
    }
    .tile-news {
        height: auto;
    }
    .carousel-item {
        min-height: 300px;
    }
}

@media (max-width: 1200px) {
    .tile-image {
        max-width: 200px;
    }
}


/* Defaults for large screen */

@media only screen and (min-width:1150px) {
    .header {
        background-color: var(--white);
    }
}


/*------------------------------------*\
    MISC
\*------------------------------------*/


/* Selected text */

 ::selection {
    background: var(--grey3);
    color: var(--white);
    text-shadow: none;
}

 ::-webkit-selection {
    background: var(--grey3);
    color: var(--white);
    text-shadow: none;
}

 ::-moz-selection {
    background: var(--grey3);
    color: var(--white);
    text-shadow: none;
}


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin: 0.5rem 2rem 2rem 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0.5rem auto 0.5rem auto;
}

.alignright {
    float: right;
    margin: 0.5rem 0 2rem 2rem;
}

.alignleft {
    float: left;
    margin: 0.5rem 2rem 2rem 0;
}

a img.alignright {
    float: right;
    margin: 0.5rem 0 2rem 2rem;
}

a img.alignnone {
    margin: 0.5rem 2rem 2rem 0;
}

a img.alignleft {
    float: left;
    margin: 0.5rem 2rem 2rem 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: var(--white);
    border: 0;
    max-width: 100%;
    padding: 0;
    text-align: center;
}

.wp-caption-text {
    font: 400 1.5rem 'EUCHNER-regular', Helvetica, Arial, sans-serif;
    box-shadow: 0 7px 22px rgb(19 19 19 / 8%);
}

.wp-caption.alignnone {
    margin: 0.5rem 2rem 2rem 0;
}

.wp-caption.alignleft {
    margin: 0.5rem 2rem 2rem 0;
}

.wp-caption.alignright {
    margin: 0.5rem 0 2rem 2rem;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    line-height: 1.7rem;
    margin: 0;
    padding: 1rem;
    text-align: left;
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: none !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h1,
    .h1,
    h2,
    h3 {
        position: relative;
        font-weight: 700;
    }
    h1:before,
    .h1:before {
        background-color: #000;
    }
    td,
    tr,
    th,
    div,
    footer {
        background: transparent !important;
    }
    .fade:not(.show) {
        opacity: 1;
    }
    #productTabContent .tab-pane {
        min-height: 50px;
    }
    .table-responsive th {
        border-bottom: 2px solid var(--grey6);
    }
    .techdata td,
    .table-responsive td {
        border-bottom: 1px solid var(--grey6);
    }
    .card {
        border: none !important;
    }
    .card-header,
    .card-body {
        padding-left: 0;
    }
    .card-header {
        font-size: 1.75rem;
        font-weight: bold;
    }
    .list-link {
        text-decoration: none !important;
        pointer-events: auto;
    }
    .list-link:before,
    .toolip-trigger,
    .card-header.collapsed:after {
        display: none;
    }
    .search-result-image {
        /* width: 200px; */
    }
    .nav-tabs .nav-link {
        display: none;
    }
    .nav-tabs .nav-link.active {
        display: block;
        background: none;
        border: 0;
        padding: 0;
        font-size: 1.75rem;
        font-weight: bold;
    }
    .product-main-image-holder {
        padding: 0;
        text-align: right;
        height: auto;
    }
    .product-description-border:after,
    .card-header {
        background-color: var(--white);
        border-color: var(--white);
    }
    .tab-pane h1 {
        margin-top: 5rem;
    }
    .wimEntryImg,
    .search-result-image,
    .product-main-image {
        max-width: 100% !important;
        margin: 0;
    }
    .product-main-image {
        display: inline;
        position: relative;
    }
    .print-float {
        float: left;
        width: 300px;
    }
    .additional-print-image {
        max-width: 100% !important;
        max-height: 900px !important;
    }
    h1 {
        clear: left;
    }
    h2 {
        margin-bottom: 20px;
        clear: left;
    }
    .product-details {
        width: 50% !important;
        float: left !important;
        padding: 0;
    }
    .product-main-image-holder {
        width: 50% !important;
        float: left !important;
    }
    .approvals {
        padding: 0;
    }
    .approvals img {
        height: 60px;
    }
    ul.euchner li:before,
    .product-details li:before,
    .product-description-border li:before,
    .news-content li:before {
        color: #000000;
    }
    .product-main-features {
        position: relative;
    }
    .legend {
        margin-bottom: 60px;
    }
    .additional-print-image {
        border: 1px solid var(--grey6);
        padding: 10px;
    }
    #productTabContent {
        margin-top: 30px;
    }
    #description .product-description-border {
        padding: 0;
    }
    #description .product-description-border h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    #accessories .card-body {
        padding: 0;
    }
    #accessories .search-row {
        border-top: 0;
    }
    h1,
    .h1,
    h2,
    h3,
    .card-header {
        page-break-after: avoid;
    }
    .accessories-section,
    .additional-print-image {
        page-break-before: avoid;
    }
    #techdata h2,
    #accessories h2,
    #techdatajson h2 {
        page-break-before: always;
    }
}


/*------------------------------------*\
    Cookie Consent
\*------------------------------------*/


/*
        #cookiebanner {
            background-color: var(--white);
            width: 100%;
            box-shadow: 0 0 10px rgba(0, 0, 0, .25);
            transition: all 3s;
            height: 0px;
            display: block;
            overflow: hidden;
        }

        #cookiebanner.cookiebannershow {
            height: auto !important;
        }
		*/

#cookiebanner {
    position: fixed;
    bottom: -100%;
    background-color: var(--white);
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    transition: all 3s;
    z-index: 100;
}

#cookiebannertext {
    padding-right: 8.5rem;
}

#cookiebanner.cookiebannershow {
    bottom: 0 !important;
}


/*
        .cc-window {
            opacity: 1;
            transition: opacity 1s ease
        }

        .cc-window.cc-invisible {
            opacity: 0
        }

        .cc-link {
            text-decoration: underline
        }

        .cc-window {
            position: fixed;
            overflow: hidden;
            box-sizing: border-box;
            font-size: 1.3rem;
            line-height: 1.5em;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            z-index: 9999
        }

        .cc-window.cc-static {
            position: static
        }

        .cc-window {
            padding: 1em 1.8em;
            width: 100%;
            -ms-flex-direction: row;
            flex-direction: row
        }

        .cc-btn,
        .cc-close,
        .cc-link,
        .cc-revoke {
            cursor: pointer
        }

        .cc-link,
        .cc-link:hover {
            color: var(--white);
            display: inline-block;
            padding: .2em
        }

        .cc-btn {
            display: inline-block;
            background-color: var(--grey3);
            color: var(--white);
            padding: 1rem;
            position: relative;
            transition: all .25s ease!important;
            vertical-align: middle;
            font-size: 1.5rem;
            border-radius: 0;
            width: auto;
        }

        .cc-btn:hover {
            background-color: var(--euchner-red);
            color: var(--white);
        }

        .cc-highlight .cc-btn:first-child:focus,
        .cc-highlight .cc-btn:first-child:hover {
            background-color: var(--euchner-red);
            color: var(--white);
        }

        .cc-window {
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(102, 102, 102, 0.9);
            color: var(--white);
        }

        .cc-banner .cc-message {
            -ms-flex: 1;
            flex: 1
        }

        .cc-compliance {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-line-pack: justify;
            align-content: space-between;
            margin-left: 1rem;
            text-align: center;
        }

        .cc-compliance>.cc-btn {
            -ms-flex: 1;
            flex: 1
        }

        .cc-btn+.cc-btn {
            margin-left: .5em
        }

        @media print {
            .cc-revoke,
            .cc-window {
                display: none
            }
        }

        @media screen and (max-width:900px) {
            .cc-btn {
                white-space: normal
            }
        }

        @media screen and (max-width:414px) and (orientation:portrait),
        screen and (max-width:736px) and (orientation:landscape) {
            .cc-window.cc-top {
                top: 0
            }
            .cc-window.cc-bottom {
                bottom: 0
            }
            .cc-window.cc-banner,
            .cc-window.cc-left,
            .cc-window.cc-right {
                left: 0;
                right: 0
            }
            .cc-window.cc-banner {
                -ms-flex-direction: column;
                flex-direction: column
            }
            .cc-window.cc-banner .cc-compliance {
                -ms-flex: 1;
                flex: 1;
                margin-left: 0;
            }
            .cc-window.cc-banner {
                -ms-flex-align: unset;
                align-items: unset
            }
        }
		*/


/*
		Social media icons
		*/

.fab.fa-xing-square {
    width: 23px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23666666' d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM140.4 320.2H93.8c-5.5 0-8.7-5.3-6-10.3l49.3-86.7c.1 0 .1-.1 0-.2l-31.4-54c-3-5.6.2-10.1 6-10.1h46.6c5.2 0 9.5 2.9 12.9 8.7l31.9 55.3c-1.3 2.3-18 31.7-50.1 88.2-3.5 6.2-7.7 9.1-12.6 9.1zm219.7-214.1L257.3 286.8v.2l65.5 119c2.8 5.1.1 10.1-6 10.1h-46.6c-5.5 0-9.7-2.9-12.9-8.7l-66-120.3c2.3-4.1 36.8-64.9 103.4-182.3 3.3-5.8 7.4-8.7 12.5-8.7h46.9c5.7-.1 8.8 4.7 6 10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.fab.fa-linkedin {
    width: 23px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23666666' d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.fab.fa-facebook {
    width: 23px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23666666' d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z'/%3E%3C/svg%3E ");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.fab.fa-youtube-square {
    width: 23px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23666666' d='M186.8 202.1l95.2 54.1-95.2 54.1V202.1zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-42 176.3s0-59.6-7.6-88.2c-4.2-15.8-16.5-28.2-32.2-32.4C337.9 128 224 128 224 128s-113.9 0-142.2 7.7c-15.7 4.2-28 16.6-32.2 32.4-7.6 28.5-7.6 88.2-7.6 88.2s0 59.6 7.6 88.2c4.2 15.8 16.5 27.7 32.2 31.9C110.1 384 224 384 224 384s113.9 0 142.2-7.7c15.7-4.2 28-16.1 32.2-31.9 7.6-28.5 7.6-88.1 7.6-88.1z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.fab.fa-instagram {
    width: 23px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23666666' d='M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.fab.fa-twitter-square {
    width: 23px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23666666' d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z'/%3E%3C/svg%3E ");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.fab.fa-envelope-square {
    width: 23px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23666666' d='M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM178.117 262.104C87.429 196.287 88.353 196.121 64 177.167V152c0-13.255 10.745-24 24-24h272c13.255 0 24 10.745 24 24v25.167c-24.371 18.969-23.434 19.124-114.117 84.938-10.5 7.655-31.392 26.12-45.883 25.894-14.503.218-35.367-18.227-45.883-25.895zM384 217.775V360c0 13.255-10.745 24-24 24H88c-13.255 0-24-10.745-24-24V217.775c13.958 10.794 33.329 25.236 95.303 70.214 14.162 10.341 37.975 32.145 64.694 32.01 26.887.134 51.037-22.041 64.72-32.025 61.958-44.965 81.325-59.406 95.283-70.199z'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.fa-xing-square:before,
.fa-linkedin:before,
.fa-facebook:before,
.fa-youtube-square:before,
.fa-instagram:before,
.fa-twitter-square:before,
.fab.fa-envelope-square:before {
    content: '';
}


/*******************************
		* New asset functions
		*******************************/

.techdata-details-odd {
    background-color: var(--grey1);
}

.techdata-details-even,
.downloads-details-odd {
    background-color: var(--grey5);
}

.product-main-image-full:hover {
    cursor: pointer;
}

.search-result-image {
    max-height: 100px;
    margin: auto;
    display: block;
    width: auto;
}

#product-no-result {
    text-align: center;
    padding: 40px;
    background-color: #efefef;
    display: none;
}

#techdata img.float-right,
#techdatajson img.float-right {
    max-height: 120px;
}

.product-video-holder .tile-image {
    width: auto;
}

#product-waiting {
    height: 200px;
    margin-bottom: 70px;
}

#loader {
    position: relative;
    left: 50%;
    top: 50%;
    z-index: 111;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid var(--grey1);
    border-radius: 50%;
    border-top: 16px solid var(--euchner-red);
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#mini-loader {
    position: relative;
    z-index: 111;
    margin: 29px 0 0 2px;
    border: 2px solid var(--grey1);
    border-radius: 50%;
    border-top: 2px solid var(--euchner-red);
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    float: right;
    display: none;
}

.mini-loader {
    position: absolute;
    z-index: 111;
    margin: 0 auto 0 6px;
    border: 2px solid var(--grey1);
    border-radius: 50%;
    border-top: 2px solid var(--euchner-red);
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: none;
    right: 2px;
    top: -9px;
}

#cart-mini-loader {
    position: relative;
    z-index: 111;
    margin: 12px 70px 0 70px;
    border: 3px solid var(--grey1);
    border-radius: 50%;
    border-top: 3px solid var(--euchner-red);
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    float: right;
    display: none;
}

#product-pdf {
    position: relative;
    border: 0;
    padding: 0;
    background-color: transparent;
}

#print-hover {
    width: 205px;
    height: 270px;
    position: absolute;
    top: 48px;
    right: 0px;
    display: none;
    z-index: 98;
}

#print-options {
    box-shadow: -1px 3px 8px rgba(0, 0, 0, .3);
    padding: 1rem;
    width: 195px;
    position: relative;
    top: 15px;
    background-color: var(--white);
    color: var(--main-grey);
}

#print-options:after,
#print-options:before {
    bottom: 100%;
    right: 8px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#print-options:before {
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: var(--euchner-red);
    border-width: 8px;
    margin-left: -8px;
}

#print-options-download {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 4px;
}

#cart-print-hover {
    width: 205px;
    height: 270px;
    position: absolute;
    bottom: 48px;
    right: 3px;
    display: none;
    z-index: 98;
}

#cart-print-options {
    box-shadow: -1px 3px 8px rgba(0, 0, 0, .3);
    padding: 1rem;
    width: 195px;
    position: relative;
    top: 15px;
    background-color: var(--white);
    color: var(--main-grey);
}

#print-options label {
    width: 100%;
    margin-left: 18px;
}

#print-options label input[type='checkbox'] {
    margin-left: -18px;
}

.compare-remove {
    cursor: pointer;
}

.compare-remove:hover {
    color: var(--euchner-red);
}

#cart-print-options-download {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 4px;
}

input[type="checkbox"] {
    accent-color: var(--grey6);
}

input[type="checkbox"]:hover {
    accent-color: var(--dm-grey5);
}

.cart-content-article a:hover {
    color: var(--euchner-red);
}

.compare-left,
.compare-right {
    font-size: 2rem;
    line-height: 1rem;
    cursor: pointer;
    color: var(--main-grey);
    vertical-align: middle;
}

.fancybox-close-small:hover,
.compare-link:hover,
.compare-left:hover,
.compare-right:hover {
    color: var(--euchner-red);
}

@media screen and ( max-height: 699px) {
    #slideouts {
        top: 150px;
        position: absolute;
    }
}

#cart-content {
    height: 440px;
}

.pulse {
    background-color: var(--grey3);
    animation-name: color;
    animation-duration: 1.25s;
    animation-iteration-count: 3;
}

@keyframes color {
    0% {
        background-color: var(--grey3);
    }
    50% {
        background-color: var(--euchner-red);
    }
    100 {
        background-color: var(--grey3);
    }
}

.dnd-placeholder {
    border-top: 1px solid var(--grey6);
    background: var(--grey1);
}

.fa-xitter-square:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26px' viewBox='0 0 448 512'%3E%3Cpath  style='fill:rgb(102, 102, 102)' d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z'/%3E%3C/svg%3E");
}

.darkorange {
    color: #993300;
}

.black {
    color: #000000;
}

@media (prefers-contrast: more) {
    .tile-products {
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    }
}

@media (prefers-color-scheme: dark) {
    body,
    .fancybox-content,
    .fullwidth-grey,
    #newsTabContent {
        background-color: var(--dm-grey1);
    }
    body,
    .fancybox-content,
    a,
    h1,
    .h1,
    .card,
    .fullwidth-grey,
    .fancybox-slide p,
     ::placeholder {
        color: var(--grey2);
    }
    figcaption {
        /*color: var(--dm-grey1);*/
        color: var(--grey2);
    }
    figcaption.euchner-boxshadow {
        background-color: var(--dm-grey3);
    }
    #productTabContent figcaption {
        color: var(--dm-grey1);
    }
    .tile-text,
    .tile-news,
    .news-filter-tab,
    .map-container,
    .product-details-tile,
    .tile-microsite,
    .tile-microsite a {
        color: var(--dm-grey1)
    }
    .footer,
    .header,
    #container-navigation,
    .cart-content-article,
    #container-responsive,
    .highlight-box {
        background-color: var(--dm-grey3);
    }
    #cookiebanner {
        background-color: var(--dm-grey2) !important;
    }
    .white-box-headline,
    .white-box-subline,
    .header a,
    .footer a,
    .download-button {
        color: var(--grey2);
    }
    #carousel-indicators-header li {
        background-color: var(--grey2);
    }
    a:hover,
    .download-button:hover,
    .footer a:hover {
        color: var(--white);
    }
    input[type=date],
    input[type=text],
    input[type=email],
    input[type=password],
    input[type=tel],
    input[type=number],
    input[type=search],
    select,
    textarea {
        color: var(--grey2);
        background-color: var(--dm-grey3);
    }
    .euchner-contact-form input[type=date],
    .euchner-contact-form input[type=text],
    .euchner-contact-form input[type=email],
    .euchner-contact-form input[type=password],
    .euchner-contact-form input[type=tel],
    .euchner-contact-form input[type=number],
    .euchner-contact-form input[type=search],
    .euchner-contact-form textarea,
    .euchner-application-form input[type=date],
    .euchner-application-form input[type=text],
    .euchner-application-form input[type=email],
    .euchner-application-form input[type=password],
    .euchner-application-form input[type=tel],
    .euchner-application-form input[type=number],
    .euchner-application-form input[type=search],
    .euchner-application-form textarea {
        color: var(--grey2);
        border: 3px solid var(--dm-grey3);
    }
    .nav-tabs .nav-link,
    .nav-tabs .nav-link:hover {
        background-color: var(--dm-grey3);
        border: 1px solid var(--dm-grey3);
        color: var(--grey2);
    }
    .nav-tabs {
        border-bottom: 1px solid var(--dm-grey3);
    }
    button[type=submit]:not(.btn),
    input[type=submit]:not(.btn),
    .submit {
        background-color: var(--dm-grey3);
        color: var(--grey2);
    }
    .card {
        background-color: var(--dm-grey1);
        color: var(--grey2);
        border: 1px solid var(--dm-grey5);
    }
    .card:last-child,
    .download-block .card:last-child {
        border-bottom: 1px solid var(--dm-grey5);
    }
    .card-header {
        background-color: var(--dm-grey4);
        border: 3px solid var(--dm-grey4);
        color: var(--grey2);
    }
    .card-header.collapsed {
        color: var(--grey2);
    }
    .card-header:focus-visible {
        outline: none;
        border: 3px solid var(--white);
    }
    .download-row,
    .search-row,
    .courses-row,
    .website-row {
        border-top: 1px solid var(--main-grey);
    }
    .course-link:hover .courses-row,
    .list-link:hover .list-row,
    .list-link:focus .list-row,
    .list-link:active .list-row {
        background-color: var(--dm-grey3);
        color: var(--grey2);
    }
    .nav>ul>li:hover>ul.sub-menu,
    .nav .menu-item:focus-within .sub-menu {
        background-color: var(--dm-grey3) !important;
        color: var(--grey2);
    }
    .nav>ul>li ul.sub-menu,
    .nav>ul>li ul.sub-menu>li.current-active-menu-item a,
    .nav>ul>li ul.sub-menu>li.current-menu-item a {
        background-color: var(--dm-grey3);
        color: var(--grey2) !important;
    }
    .main-image-container {
        background-color: var(--dm-grey3);
    }
    .additional-news-widget,
    .menu-search-wrapper {
        background-color: var(--dm-grey3);
    }
    #menu-search {
        color: var(--grey2);
        background-color: var(--dm-grey1);
    }
    .image-wrapper {
        padding-top: 5px;
    }
    .image-wrapper,
    .approvals {
        background-color: var(--white);
        /*filter: brightness(.8);*/
        transition: all 0.25s;
    }
    .list-link:hover .image-wrapper {
        /*filter: brightness(.8);*/
    }
    .product-main-features,
    .techdata-details-even,
    .downloads-details-odd {
        background-color: var(--dm-grey3) !important;
    }
    .ausbildung-tabelle tr:nth-child(even),
    .techdata-details-odd,
    .downloads-details-even {
        background-color: var(--dm-grey4) !important;
    }
    .btn-euchner,
    .btn-euchner-small {
        background-color: var(--dm-grey3);
        color: var(--grey3) !important;
    }
    .product-description-border:after {
        background-color: var(--dm-grey5);
    }
    .border-light-grey {
        border-top: 1px solid var(--dm-grey5);
        border-left: 1px solid var(--dm-grey5);
        border-right: 1px solid var(--dm-grey5);
        border-bottom: 1px solid var(--dm-grey5);
        background-color: var(--white);
        /*filter: brightness(.8);*/
    }
    .product-description-table-holder table th {
        background-color: var(--dm-grey4);
    }
    .product-description-table-holder table td,
    .product-description-table-holder table th {
        border: 1px solid var(--dm-grey4);
    }
    #support-content,
    #cart-content,
    #language-content {
        background-color: var(--dm-grey3);
        color: var(--grey2);
    }
    .slideout-buttons {
        background-color: var(--dm-grey4);
        color: var(--grey2);
        border: 2px solid var(--dm-grey4);
    }
    .active-filter,
    .slideout-buttons:hover,
    .tile-cta,
    .tile-cta :after,
    .tile-cta :before {
        color: var(--white);
    }
    .form-message-success {
        background-color: var(--grey8);
    }
    /*
            .tile-products {
                filter: brightness(.8);
            }*/
    /*
            .course-link:hover .image-wrapper,
            .list-link:hover .image-wrapper,
            .border-light-grey:hover,
            .tile-products:hover {
                filter: brightness(1);
            }
            */
    .cart-content-article {
        background-color: transparent;
    }
    .current_page_parent,
    .current-menu-item,
    .current-menu-parent,
    .nav>ul>li.current-page-ancestor,
    .container-white {
        background-color: transparent !important;
    }
    #cart-content-articles .search-row:last-child {
        border-bottom: 1px solid var(--main-grey);
    }
    .darkorange {
        color: #FFD580;
    }
    .black {
        color: #ffffff;
    }
    .tile-products {
        filter: grayscale(10%);
    }
    .tile-products:hover {
        filter: grayscale(0%);
    }
    @media (prefers-contrast: more) {
        body,
        .fancybox-content,
        .fullwidth-grey,
        #newsTabContent {
            background-color: #000000;
        }
        body,
        .fancybox-content,
        a,
        .card,
        .fullwidth-grey,
        .fancybox-slide p,
         ::placeholder {
            color: #ffffff;
        }
    }
}

#skiptocontent {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white;
    background: var(--euchner-red);
    # -webkit-transition: top .5s ease-out;
    transition: top .5s ease-out;
    z-index: 1000;
}

#skiptocontent:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    outline-color: transparent;
    -webkit-transition: top .05s ease-in;
    transition: top .05s ease-in;
}

#main {
    scroll-margin-top: 120px;
}


/* Focusing the button with a keyboard will show a dashed black line. */

*:focus-visible,
button.active:focus-visible {
    outline: 3px solid var(--black);
    outline-offset: 1px;
}

@media (prefers-color-scheme: dark) {
    *:focus-visible,
    button.active:focus-visible {
        outline: 3px solid var(--white);
        outline-offset: 1px;
    }
}

.btn.focus,
.btn:focus,
button:focus-visible {
    outline: 3px solid var(--euchner-red);
    outline-offset: 1px;
}


/* Focusing the button with a mouse, touch, or stylus will show a subtle drop shadow. */

select:focus,
input:focus,
textarea:focus,
select:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--euchner-red) !important;
}

input[type="radio"]:focus:not(:focus-visible),
input[type="checkbox"]:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    outline: none !important;
    /*box-shadow: 1px 1px 5px var(--euchner-red);*/
}

.grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 25px;
    box-sizing: border-box;
    margin: 0;
}

.grid-news {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-half {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-span-full {
    grid-column: span 4;
}

.grid-span-half {
    grid-column: span 2;
}

.grid-headline h2 {
    margin-bottom: -1rem;
}

@media (max-width: 1199.98px) {
    .grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid-news,
    .grid-half {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid-span-full,
    .grid-span-half {
        grid-column: span 3;
    }
}

@media (max-width:991.98px) {
    .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid-half {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid-span-full,
    .grid-span-half {
        grid-column: span 2;
    }
}

@media (max-width: 769px) {
    .grid-news,
    .grid-half,
    .grid-span-half {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .grid,
    .grid-half {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        margin: auto;
        width: fit-content;
    }
    .grid-span-full,
    .grid-span-half {
        grid-column: span 1;
    }
}


.select-chooser{
    display: inline-block;
    padding: 0rem 1.75rem 0rem 1rem;
    color: var(--main-grey);
    vertical-align: middle;
    background:#efefef url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
@media (prefers-color-scheme: dark) {
	.select-chooser{
		color: var(--grey3);
		background:var(--dm-grey3) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23aaaaaa' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
		background-size: 8px 10px;
	}
}