/*----------------------------------------------------------------------*/
/*  Fonts                                                               */
/*----------------------------------------------------------------------*/

@font-face {
font-family: 'Bio Sans';
src: url('../fonts/BioSans-Regular.woff2') format('woff2'),
     url('../fonts/BioSans-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Bio Sans';
src: url('../fonts/BioSans-Bold.woff2') format('woff2'),
     url('../fonts/BioSans-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

/*----------------------------------------------------------------------*/
/*  Variablen                                                           */
/*----------------------------------------------------------------------*/

:root {
--font-size-12: 1.2rem;
--font-size-15: 1.5rem;
--font-size-18: 1.8rem;
--font-size-21: 2.1rem;
--font-size-24: 2.4rem;
--font-size-28: 2.8rem;
--font-size-32: 3.2rem;
--font-size-36: 3.6rem;
--font-size-48: 4.8rem;

--azur: #00B1EB;
--blue: #4A77BB;
--swedishblue: #4A77BB;
--darkblue: #00377B;
--lightgrey: #BCBCBC;
--grey: #9C9C9C;
--darkgrey: #6F6F6F;
--black: #000000;
--white: #FFFFFF;
--lightblue: #eaeef9;

--font-color: #00377B;

--overlay: rgba(0,55,123,.97);
--overlay-2: rgba(0,55,123,.8);
--overlay-3: rgba(0,55,123,.2);

--button-submit: #00377B;
--button-submit--hover: rgba(0,55,123,.8);

--button-submit-light--hover: rgba(255,255,255,.2);

--form-error: #990000;
--form-error-light: #06B5CD;

--border-radius-5: 5px;
--border-radius-8: 8px;
--border-radius-12: 12px;
--border-radius-26: 26px;

--space-xs: 0.714285714em;
--space-sm: 1.42857143em;
--space-md: 2.85714286em;
--space-lg: 4.28571429em;
--space-xl: 5.71428572em;
}

/*----------------------------------------------------------------------*/
/*  Standard Stylesheet                                                 */
/*----------------------------------------------------------------------*/

/*
body {display: none;}
.fontawesome-i2svg-active body {display: initial;}
*/

/* Helfer */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* Helfer ENDE */

/*----------------------------------------------------------------------*/
/*  Standard                                                            */
/*----------------------------------------------------------------------*/

:root {
--bs-gutter-x: 15px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
--bs-gutter-x: 30px;
}

.row {
--bs-gutter-x: 30px;
}

HTML
{
font-size: 62.5%;  
/* behebt das verschieben der Seite nach rechts und links beim scrollen unter iOS; ACHTUNG: „position: sticky“ geht dann nicht mehr */
/*overflow-x: hidden;*/
}

BODY {
margin: 0;
padding: 0;
color: var(--font-color);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Bio Sans',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: var(--font-size-18);
line-height: 1.3;
box-sizing: border-box;
hyphens: auto;
hyphenate-limit-chars: 10 4 4;
word-wrap: break-word;
word-break: break-word;
}

@media (min-width: 576px) {
BODY {  }
}

@media (min-width: 768px) {
BODY {  }
}

@media (min-width: 992px) {
BODY {  }
}

@media (min-width: 1200px) {
BODY {  }
}

.frame,
.frame .row,
.frame .row .ce-gallery {
overflow: visible;
}

.frame::before, .frame::after {
content: "";
display: table;
}

/*
BODY,
H1, H2, H3, H4, H5, H6,
FORM, SELECT, OPTION, TEXTAREA, INPUT,
TH, TD,
OL, UL, LI
{
font-family: Arial,Helvetica,sans-serif;
color: var(--font-color);
}
*/

/*
BODY
{
text-align: left;
font-size: 12px;
line-height: 18px;
margin: 0px;
padding: 0px;
border: 0px;
background: var(--white);
}

P
{
padding: 0px 0px 0px 0px;
}

IMG
{
border: 0px;
display: block;
}
*/

A {
text-decoration: none;
color: var(--darkblue);
transition: all .2s, background-color .2s, border-color .2s;
}

A:hover, A:focus {
outline:none;
text-decoration: underline;
color: var(--darkblue);
transition: all .2s, background-color .2s, border-color .2s;
}

#contentContainer P A {
text-decoration: underline;
}

#contentContainer P A:hover, #contentContainer P A:focus {
text-decoration: none;
}

/* skipLinks */

.skiplinks {
position: absolute;
top: 0px;
left: -32768px;
z-index: 1000;
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
}
.skiplinks .skip:focus,
.skiplinks .skip:active {
left: 32768px;
outline: 0 none;
position: absolute;
width: 100%;
}

/* skipLinks ENDE */


/* Font Awesome/Bootstrap Icon vor links nicht unterstreichen! */

[class^="bi-"]::before,
[class*=" bi-"]::before {
text-decoration: none !important;
margin-right: 0.3em;
}

[class^="fa-"], [class*=" fa-"] {
text-decoration: none !important;
padding-right: 0.4em;
}

/* Font Awesome/Bootstrap Icon vor links nicht unterstreichen! ENDE */


/* Formulare */

/*button,*/ input, /*optgroup, */select, textarea {
color: inherit;
font-weight: inherit;
}

input:not([type="checkbox"]):not([type="radio"]), textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
}

::-webkit-input-placeholder { color: var(--grey); }
::-moz-placeholder { color: var(--grey); }
:-ms-input-placeholder { color: var(--grey); }
:-moz-placeholder { color: var(--grey); }

.powermail_input.parsley-error ::-webkit-input-placeholder {
color: var(--grey);
}

/* Formulare ENDE */

/*----------------------------------------------------------------------*/
/*  Standard ENDE                                                       */
/*----------------------------------------------------------------------*/

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

/* Breadcrumb */

#breadcrumb
{
width: 100%;
margin: var(--space-sm) 0px 0px 0px;
font-size: var(--font-size-15);
}

.breadcrumb {
padding: 0;
margin-bottom: 0;
background-color: transparent;
border-radius: 0;
color: var(--darkblue);
line-height: 2.5rem;
}

.breadcrumb a {
color: var(--swedishblue);
}

.breadcrumb a:hover,
.breadcrumb a:focus {
color: var(--darkblue);
text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0px;
}

.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content:'\F285';
font-size: 2.5rem;
border: 0;
margin: 0;
padding: 0px 10px;
}

.breadcrumb-item + .breadcrumb-item::before {
color: var(--swedishblue);
}

.breadcrumb-item + .breadcrumb-item.current::before {
color: var(--darkblue);
}

.breadcrumb-item.current {
color: var(--darkblue);
font-weight: bold;
}

/* Breadcrumb ENDE */


/* navigationHeader */

#navigationHeader
{
position: absolute;
z-index: 1;
left: 15px;
bottom: 20px;
padding: 0px;
margin: 0px;
font-size: var(--font-size-15);
}

@media (min-width: 992px) {
  
#navigationHeader
{
top: 25px;
/*
right: 15px;
left: inherit;
*/
bottom: inherit;
}

}

#navigationHeader UL LI {
display: inline-block;
}

#navigationHeader UL LI + LI {
margin-left: 15px;
}

#navigationHeader UL LI a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
color: var(--swedishblue);
}

#navigationHeader UL LI a span {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#navigationHeader UL LI a:hover {
color: var(--darkblue);
text-decoration: none;
}

/* Language Selector */

#navigationHeader li.language:first-child::before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

margin-right: .3em;
content:'\F268';
color: var(--swedishblue);
}

#navigationHeader li.language + li.language {
margin-left: 0px;
}

#navigationHeader li.language + li.language::before {
display: inline-block;
padding-right: .2rem;
padding-left: .2rem;
font-weight: normal;
color: var(--swedishblue);
content: "|";
}

#navigationHeader li.language a {
text-transform: uppercase;
}

#navigationHeader li.language a.current,
#navigationHeader li.language.active a {
font-weight: bold;
}

/* Language Selector ENDE */

/* Language Selector Conword */

#navigationHeader li.language.languageConword a {
text-transform: inherit;
}

#navigationLanguage a.active-lang {
  font-weight: bold;
}

/* Language Selector Conword ENDE */

/* Country Selector */

#navigationHeader li.countries a::before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

margin-right: .3em;
content:'\F3EE';
}

/* Country Selector ENDE */

/* Search Selector und Formular */

#navigationHeader li.search a::before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

margin-right: .3em;
content:'\F52A';
}

/* Formular */

/*
#navigationMetaHeader #search.collapse:not(.show) {
display: block !important;
}
*/

#searchContainer > .container > .row {
position: relative;
}

#search {
position: absolute;
z-index: 20000;
top: 100%;
/*left: calc(var(--bs-gutter-x) * .5);*/
left: 0;
height: fit-content;
/*width: calc(100% - var(--bs-gutter-x));*/
width: 100%;
background: var(--overlay);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
/*margin-top: 5px;*/
/*margin-right: calc(var(--bs-gutter-x) * .5);
margin-left: calc(var(--bs-gutter-x) * .5);*/
padding: calc(var(--bs-gutter-x) * .5);
box-shadow: 0px 0px 3px 0px var(--grey);
}

#search { display: block; opacity: 0;  visibility: hidden; transition: .2s;  }
#search.fade-up{ transform: translate(0,10px);  }
#search.show { transition: .2s; opacity: 1; visibility: visible; top: auto; transform: translate(0,0px); }

/*
#navigationHeader #search.collapsing {
height: auto;
transition-duration: 0s;
}

#navigationHeader #search.search-collapse .searchform  {
display: block;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: visibility .25s, opacity .1s, transform .20s;
}

#navigationHeader #search.search-collapse.show .searchform  {
visibility: visible;
opacity: 1;
transform: translateY(0px);
transition: visibility 0s, opacity .25s, transform .20s;
}
*/

/* Search Selector + Formular ENDE */

/* navigationHeader ENDE */


/* navigationMain */

#navigationMain {
float: left;
padding: 0;
}

#navigationMain.navbar {
position: inherit;
}

#navigationMain a {
text-decoration: none;
}

#navigationMain a:hover,
#navigationMain a:focus {
text-decoration: none;
}

#navigationMain .nav-item > a {
color: var(--darkblue);
border-bottom: 4px solid var(--white);
padding-bottom: 8px;
}

#navigationMain .nav-item > a:hover,
#navigationMain .nav-item > a:focus {
text-decoration: none;
border-bottom: 4px solid var(--darkblue);
}

#navigationMain .navbar-nav {
flex-direction: row;
--bs-nav-link-padding-y: 0;
}

#navigationMain .nav-item:not(:last-child) {
margin-right: 20px;
}

#navigationMain .dropdown-toggle {
padding: 0;
}

#navigationMain .dropdown-toggle:after {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: .3em;
content: '\F282';
font-size: .75em;
line-height: 1em;
border: 0;
margin-left: .3em;
padding-left: 0;
}

#navigationMain .dropdown {
position: inherit;
}

#navigationMain .nav-item.active > a,
#navigationMain .nav-item.current > a {
font-weight: bold;
}

/* 2. Ebene */

/* Animation Fade Up */
@media all and (min-width: 992px) {
#navigationMain .nav-item .dropdown-menu { display: block; opacity: 0;  visibility: hidden; transition: .2s; margin-top: 0;  }
#navigationMain .dropdown-menu.fade-up{ transform: translate(0,10px);  }
#navigationMain .nav-item .dropdown-menu.show { transition: .2s; opacity: 1; visibility: visible; top: auto; transform: translate(0,0px); }
}	
/* Animation Fade Up ENDE */

#navigationMain .dropdown-menu {
position: absolute;
z-index: 1000;
left: 0;
width: 100%;
background: var(--overlay);
padding: 30px 0px 20px 0px;
margin: 0px;
border: 0;
border-radius: 0;
--bs-dropdown-font-size: inherit;
}

#navigationMain .dropdown-title {
margin-bottom: 23px;
font-weight: bold;
}

#navigationMain .dropdown-item {
white-space: inherit;
}

#navigationMain .dropdown-menu a {
display: inline-block;
width: auto;
font-weight: bold;
background-color : inherit;
color: var(--white);
border-bottom: 2px solid transparent;
margin: 0px 3px 8px 0px;
padding: 2px 0px;
transition: all .25s;
}

#navigationMain .dropdown-menu a:hover,
#navigationMain .dropdown-menu a:focus,
#navigationMain .dropdown-menu a.current:hover,
#navigationMain .dropdown-menu a.current:focus {
background-color: inherit;
color: var(--white);
border-bottom: 2px solid var(--azur);
margin: 0px 0px 8px 3px;
transition: all .25s;
/*
text-decoration: underline 2px var(--azur);
text-underline-offset: 3px;
*/
}

#navigationMain .dropdown-menu a.current {
border-bottom: 2px solid var(--azur);
margin: 0px 3px 8px 0px;
}

#navigationMain .dropdown-menu a:before {
margin-left: 0px !important;
}

/* 2. Ebene Ende */

/* 3. Ebene Ende */

#navigationMain .dropdown-menu a.dropdown-item-l2 {
margin: 0px 3px 8px 10px;
font-weight: normal;
}

#navigationMain .dropdown-menu a.dropdown-item-l2:hover,
#navigationMain .dropdown-menu a.dropdown-item-l2:focus,
#navigationMain .dropdown-menu a.dropdown-item-l2.current:hover,
#navigationMain .dropdown-menu a.dropdown-item-l2.current:focus {
margin: 0px 0px 8px 13px;
}

#navigationMain .dropdown-menu a.dropdown-item-l2.current {
border-bottom: 2px solid var(--azur);
margin: 0px 3px 8px 10px;
}

/* 3. Ebene Ende */

/* navigationMain ENDE */


/* navigationMain Mobile hamburger toggle */

.hamburger {
position: absolute;
bottom: 15px;
right: calc(var(--bs-gutter-x) * .5 - 5px);
z-index: 500;
}

.hamburger.is-active {
/*top: -30px;*/
top: inherit;
right: inherit;
left: calc(var(--bs-gutter-x) * .5 + 5px);
opacity: 0;
}

mm-burger {
--mb-bar-height: 2px;
padding: 5px;
color: var(--darkblue);
}

/* Wrapper */
.mm-wrapper__blocker:focus {
opacity: .87;
}

.mm-wrapper--opened .mm-wrapper__blocker {
opacity: .87;
}

.mm-wrapper__blocker {
background: rgba(0,0,0,.87);
-webkit-transition: opacity .4s ease .4s !important;
-o-transition: opacity .4s ease .4s !important;
transition: opacity .4s ease .4s !important;
}

/* navigationMain Mobile hamburger toggle ENDE */


/* navigationMainMobile */
/*
#menu { opacity: 0; transition: opacity .5s; }
#menu.is-active { opacity: 1; transition: opacity 0s; }
*/
/*
#menu:not( .mm-menu--opened ) {
display: none;
}
*/

#menu.mm-menu--opened {
display: block !important;
}

#menu:not( .mm-menu--opened-show ) {
display: none;
}

.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited, .mm-menu a:focus {
text-decoration: none;
color: inherit;
}

/* Abstand unterhalb entfernen */
.mm-panels > .mm-panel > .mm-listview {
/*margin: 20px -20px 0px -20px;*/
}

.mm-panels > .mm-panel::after {
content: '';
display: block;
height: 0px;
}

/* Abstand unterhalb entfernen ENDE */
/*
.mm-navbars-bottom, .mm-navbars-top {
background-color: var(--darkblue);
color: var(--white);
}
*/

.mm-navbar {
background-color: var(--darkblue);
color: var(--white);
border-bottom: 0px;
}

.mm-search {
background-color: var(--darkgrey);
color: var(--white);
}

.mm-listview .mm-divider {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: .7em;
text-transform: uppercase;
text-indent: 20px;
line-height: 25px;
}

.mm-menu.mm-menu_theme-white .mm-divider {
/*background-color: var(--darkblue);*/
background-color: var(--grey);
color: var(--white);
}

.mm-menu.mm-menu_theme-white .mm-navbar a, .mm-menu.mm-menu_theme-white .mm-navbar > *,
.mm-menu.mm-menu_theme-white .mm-btn::after, .mm-menu.mm-menu_theme-white .mm-btn::before {
color: var(--white);
border-color: var(--white);
}

.mm-menu_theme-white .mm-listview .mm-btn_next::after {
border-color: rgba(0,0,0,.3);
}

.mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar > *

.mm-menu.mm-menu_theme-white {
color: var(--font-color);
}

.mm-menu .mm-listitem {
/*background-color: var(--darkblue);*/
font-weight: normal;
color: var(--swedishblue);
}

.mm-menu .mm-listitem:hover {
/*background-color: var(--darkblue);*/
font-weight: normal;
color: var(--swedishblue);
}

.mm-menu .selected,
.mm-menu .selected:hover {
/*background-color: var(--darkblue);*/
font-weight: normal;
color: var(--darkblue);
}

.mm-menu .mm-listitem--selected {
/*background-color: var(--darkblue);*/
font-weight: bold;
color: var(--darkblue);
}

.mm-menu .mm-listitem--selected:hover {
font-weight: bold;
}

.mm-btn--next::after, .mm-btn--prev::before {
  border: 2px solid var(--swedishblue);
  border-bottom: none;
  border-right: none;
}

.mm-navbar__btn::before {
border-left: 2px solid var(--white);
border-top: 2px solid var(--white);
}

.mm-menu--theme-light {
--mm-color-background: #f9f9f9;
}

/* navigationMainMobile ENDE */


/* navigationWebshop */

#navigationWebshop {
float: right;
}

a.webshop {
/*font-size: 2rem;*/
display: inline-block;
font-weight: bold;
text-decoration: none;
color: var(--darkblue);
}

a.webshop:hover,
a.webshop:focus {
display: inline-block;
font-weight: bold;
text-decoration: none;
color: var(--darkblue);
}

a.webshop::before {
  /*
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

margin-right: .3em;
content:'\F243';
transition: all .2s;
*/

display: inline-block;
content: "";
width: 1.1em;
height: 1.2225em;
/*background-image: url("../img/schmersal/cart-menu.svg");*/
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjIgMjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyIDIzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzAwMzc3QjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fQoJLnN0MXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMwMDM3N0I7fQo8L3N0eWxlPgo8ZyBpZD0iU3ltYm9scyI+Cgk8ZyBpZD0iYXNzZXRzX3gyRl9oZWFkZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTcwLjAwMDAwMCwgLTEzOC4wMDAwMDApIj4KCQk8ZyBpZD0iR3JvdXAtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE3MS4wMDAwMDAsIDEzNi4yOTA5MDkpIj4KCQkJPGcgaWQ9Ikdyb3VwLTEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMy4wMDAwMDApIj4KCQkJCTxwb2x5bGluZSBpZD0iU3Ryb2tlLTEiIGNsYXNzPSJzdDAiIHBvaW50cz0iNiw2IDIwLDYgMTcuNCwxNS4zIDguNiwxNS4zIAkJCQkiLz4KCQkJCTxwYXRoIGlkPSJGaWxsLTMiIGNsYXNzPSJzdDEiIGQ9Ik0xNi43LDE5YzAtMC42LTAuNC0xLTEtMWMtMC42LDAtMSwwLjQtMSwxYzAsMC42LDAuNCwxLDEsMUMxNi4yLDIwLDE2LjcsMTkuNiwxNi43LDE5Ii8+CgkJCQk8cGF0aCBpZD0iU3Ryb2tlLTUiIGNsYXNzPSJzdDAiIGQ9Ik0xNi43LDE5YzAtMC42LTAuNC0xLTEtMWMtMC42LDAtMSwwLjQtMSwxYzAsMC42LDAuNCwxLDEsMUMxNi4yLDIwLDE2LjcsMTkuNiwxNi43LDE5eiIvPgoJCQkJPHBhdGggaWQ9IkZpbGwtNyIgY2xhc3M9InN0MSIgZD0iTTEwLjcsMTljMC0wLjYtMC40LTEtMS0xYy0wLjYsMC0xLDAuNC0xLDFjMCwwLjYsMC40LDEsMSwxQzEwLjIsMjAsMTAuNywxOS42LDEwLjcsMTkiLz4KCQkJCTxwYXRoIGlkPSJTdHJva2UtOSIgY2xhc3M9InN0MCIgZD0iTTEwLjcsMTljMC0wLjYtMC40LTEtMS0xYy0wLjYsMC0xLDAuNC0xLDFjMCwwLjYsMC40LDEsMSwxQzEwLjIsMjAsMTAuNywxOS42LDEwLjcsMTl6Ii8+CgkJCQk8cGF0aCBpZD0iU3Ryb2tlLTExIiBjbGFzcz0ic3QwIiBkPSJNMCwwaDNjMC43LDAsMS41LDAuNiwxLjcsMS4zbDMuOSwxNCIvPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: contain;
margin-right: .3em;
vertical-align: middle;
transition: all .2s;
}

a.webshop:hover::before {
margin-right: .15em;
padding-left: .15em;
transition: all .2s;
}

#menu a.webshop {
font-size: inherit;
font-weight: normal;
}

#menu a.webshop:hover, #menu a.webshop:focus {
  color: var(--swedishblue);
}

#menu a.webshop::before {
/*background-image: url("../img/schmersal/cart-menu-mobile.svg");*/
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgODUgODIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDg1IDgyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzRBNzdCQjtzdHJva2Utd2lkdGg6NDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fQo8L3N0eWxlPgo8ZyBpZD0iYXNzZXRzX3gyRl9pY29ubGluay13ZWJzaG9wIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4wMDAwMDAsIC00LjAwMDAwMCkiPgoJPGcgaWQ9Ikdyb3VwLTEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjY1NzcyNywgNi41NjI1MDApIj4KCQk8cG9seWxpbmUgaWQ9IlN0cm9rZS0xIiBjbGFzcz0ic3QwIiBwb2ludHM9IjIzLjksMjMuMSA3OS43LDIzLjEgNjkuMiw1OC45IDM0LjQsNTguOSAJCSIvPgoJCTxwYXRoIGlkPSJGaWxsLTMiIGNsYXNzPSJzdDAiIGQ9Ik02Ni40LDczYzAtMi4xLTEuOC0zLjgtNC0zLjhjLTIuMiwwLTQsMS43LTQsMy44YzAsMi4xLDEuOCwzLjgsNCwzLjgKCQkJQzY0LjcsNzYuOSw2Ni40LDc1LjIsNjYuNCw3MyIvPgoJCTxwYXRoIGlkPSJTdHJva2UtNSIgY2xhc3M9InN0MCIgZD0iTTY2LjQsNzNjMC0yLjEtMS44LTMuOC00LTMuOGMtMi4yLDAtNCwxLjctNCwzLjhjMCwyLjEsMS44LDMuOCw0LDMuOAoJCQlDNjQuNyw3Ni45LDY2LjQsNzUuMiw2Ni40LDczeiIvPgoJCTxwYXRoIGlkPSJGaWxsLTciIGNsYXNzPSJzdDAiIGQ9Ik00Mi41LDczYzAtMi4xLTEuOC0zLjgtNC0zLjhjLTIuMiwwLTQsMS43LTQsMy44YzAsMi4xLDEuOCwzLjgsNCwzLjgKCQkJQzQwLjcsNzYuOSw0Mi41LDc1LjIsNDIuNSw3MyIvPgoJCTxwYXRoIGlkPSJTdHJva2UtOSIgY2xhc3M9InN0MCIgZD0iTTQyLjUsNzNjMC0yLjEtMS44LTMuOC00LTMuOGMtMi4yLDAtNCwxLjctNCwzLjhjMCwyLjEsMS44LDMuOCw0LDMuOAoJCQlDNDAuNyw3Ni45LDQyLjUsNzUuMiw0Mi41LDczeiIvPgoJCTxwYXRoIGlkPSJTdHJva2UtMTEiIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoMTIuMWMyLjksMCw2LDIuMiw2LjcsNC45bDE1LjYsNTQiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K");
}

#menu a.webshop:hover::before {
margin-right: .3em;
padding-left: 0;
transition: all .2s;
}

/* navigationWebshop ENDE */


/* navigationSub */

#navigationSub {
margin-bottom: var(--space-sm)  
}

#navigationSub ul {
list-style: none;
border-left: 1px solid var(--darkblue);
}

#navigationSub ul {
margin-top: 0 !important;
padding-left: 15px;
}

#navigationSub ul,
#navigationSub li {
list-style: none;
}

#navigationSub ul li {
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0;
}

#navigationSub ul li ul li {
margin-top: 5px;
margin-bottom: 0px;
}

#navigationSub ul ul {
padding-left: 20px;
border: none;
}

#navigationSub a {
display: inline-block;
font-weight: normal;
color: var(--darkblue);
margin: 0px 3px 0px 0px;
}

#navigationSub a:hover,
#navigationSub a:focus {
font-weight: bold;
margin: 0px 0px 0px 0px;
padding-left: 3px;
color: var(--darkblue);
text-decoration: none;
}

#navigationSub a.active {
font-weight: bold;
}

/* navigationSub ENDE */


/* navigationFooter */

.navigationFooter {
/*line-height: 1.4em;
margin-top: .3em;*/
}

.navigationFooter ul {
list-style: none;
}

.navigationFooter ul {
margin-top: 0;
padding-left: 0px;
}

.navigationFooter ul,
.navigationFooter li {
list-style: none;
}

.navigationFooter ul li {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0;
}

/*.navigationFooter > ul > li:not(:last-child),*/
.navigationFooter > ul > li {
margin-bottom: 2em;
}

.navigationFooter ul li ul li {
margin-top: 0px;
margin-bottom: 0px;
}

.navigationFooter ul ul {
padding-left: 20px;
border: none;
}


.navigationFooter > ul > li > a {
font-weight: bold;
}

.navigationFooter a {
display: inline-block;
font-weight: normal;
color: var(--white);
margin: 0px 3px 0px 0px;
/*margin: 0px 3px .6em 0px;*/
}

.navigationFooter a:hover,
.navigationFooter a:focus {
color: var(--white);
text-decoration: none;
margin: 0px 0px 0px 0px;
/*margin: 0px 0px .6em 0px;*/
padding-left: 3px;
}

.navigationFooter a.active {

}

/* navigationFooter ENDE */


/* navigationSocial */

#navigationSocial {
padding: 0px 0px 1.5em 0px;
margin: 0px 0px 0px 0px;
}
 @media (max-width: 767px) {
#navigationSocial {
text-align: center;
margin: 0px 0px 1.5em 0px;
}
}

@media (min-width: 768px) {
#navigationSocial {
display: inline-block;
}
}

#navigationSocial UL LI {
display: inline-block;
color: inherit;
background: none;
text-align: center;
}

#navigationSocial UL LI:not(:first-child) {
margin-left: 30px;
}

#navigationSocial UL LI a {
position: relative;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
color:  var(--white);
}

#navigationSocial UL LI a span {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}

#navigationSocial UL LI a:hover {
color: var(--white);
text-decoration: none;
}

#navigationSocial UL LI.active {
color: var(--white);
}

#navigationSocial UL LI.active a {
text-decoration: none;
color: var(--white);
}

#navigationSocial UL LI.active a:hover {
text-decoration: none;
color: var(--white);
}

#navigationSocial UL LI a span {
display: block;
text-align: center;
color: var(--white);
visibility: hidden;
opacity: 0;
will-change: opacity, visibility;
transition: 0.5s all ease-in-out;
position: absolute;
left: 50%;
transform: translateX(-50%);
text-transform: capitalize;
font-size: 1.4rem;
line-height: 1.3;
white-space: nowrap;
}

#navigationSocial UL LI a:hover span {
visibility: visible;
opacity: 1;
}

/* navigationSocial ENDE */


/* navigationPrivacy */

#navigationPrivacy
{
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

@media (max-width: 767px) {

#navigationPrivacy
{
margin: 10px 0px;
}

}

@media (min-width: 768px) {

#navigationPrivacy
{
width: auto;
float: right;
}

}

@media (max-width: 767px) {
  
#navigationPrivacy UL {
border-top: 1px solid rgba(255,255,255,.5);
}

}

#navigationPrivacy UL LI {
display: block;
color: inherit;
background: none;
text-align: center;
border-bottom: 1px solid rgba(255,255,255,.5);
}

@media (min-width: 767px) {

#navigationPrivacy UL LI {
display: inline-block;
text-align: left;
border-bottom: 0;
}

#navigationPrivacy li + li::before {
display: inline-block;
padding-right: .5rem;
padding-left: .5rem;
font-weight: normal;
color:  var(--white);
content: "|";
}

}

#navigationPrivacy UL LI a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
color: var(--white);
}

#navigationPrivacy UL LI a span {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

@media (max-width: 767px) {
  
#navigationPrivacy UL LI a {
display: block;
padding: 10px 0px;
}

}

#navigationPrivacy UL LI a:hover {
color: var(--white);
text-decoration: none;
}

#navigationPrivacy UL LI.active {
color: var(--white);
}

#navigationPrivacy UL LI.active a {
text-decoration: none;
color: var(--white);
}

#navigationPrivacy UL LI.active a:hover {
text-decoration: none;
color: var(--white);
}

@media (max-width: 767px) {
  
#navigationPrivacy UL LI a:hover,
#navigationPrivacy UL LI.active {
background-color: rgba(0,0,0,.05);
}

}

/* navigationPrivacy ENDE */


/* navigationCountries */

#navigationCountries {
}

#navigationCountries .fi {
margin-right: .3em;
border-radius: 100%;
}

#navigationCountries a {
color: var(--white);
line-height: 2em;
padding-left: 0px;
transition: all .25s;	
}

#navigationCountries a:hover,
#navigationCountries a:active {
color: var(--white);
padding-left: 3px;
transition: all .25s;	
}

/* Additional Flag Icon */

.fi-mena,
.fi-mena.fis {
background-image: url('../img/piktogramme/flag-icons/mena.svg');
}

.fi-latam,
.fi-latam.fis {
background-image: url('../img/piktogramme/flag-icons/latam.svg');
}

/* Additional Flag Icon ENDE */

/* navigationCountries ENDE */


/* navigationLanguage Conword */

#navigationLanguage {
}

#navigationLanguage .fi {
margin-right: .3em;
border-radius: 100%;
}

#navigationLanguage a {
color: var(--white);
line-height: 2em;
padding-left: 0px;
transition: all .25s;	
}

#navigationLanguage a:hover,
#navigationLanguage a:active {
color: var(--white);
padding-left: 3px;
transition: all .25s;	
}

/* navigationLanguage Conword ENDE */

/*----------------------------------------------------------------------*/
/*  Navigation ENDE                                                     */
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/*  Modal (Search, Countries, LanguageConword)                          */
/*----------------------------------------------------------------------*/

.modal-backdrop {
background-color: var(--darkblue) !important;
}

.modal-backdrop.show {
opacity: .95;
}

.modal-backdrop.fade {
transition: opacity .1s;
}

.modal.fade .modal-dialog {
transition: transform .25s;
transform: translate(0,15px);
}

.modal.show .modal-dialog {
transform: none;
transition: transform .25s;
}

.modal-content {
background-color: transparent;
border: 0px;
border-radius: 0;
color: var(--white);
}

.modal-content a {
color: var(--white);
text-decoration: none;
}

.modal-content a:hover,
.modal-content a:active {
color: var(--white);
text-decoration: none;
}

.modal-content H3 { color:  var(--white); font-size: 2.4rem; line-height: 1em; margin: 0px; }

.modal-header [class^="bi-"]::before,
.modal-header [class*=" bi-"]::before {
margin-right: 0em;
}

.modal-header {
padding: 15px 0px;
border-bottom: 0;
}

.modal-body {
padding: 0px 0px 15px 0px;
/*font-size: var(--font-size-15);*/
}

.modal-footer {
padding: 10px 0px;
border-top: 0;
}

.modal a.close {
font-size: 2.4rem;
}

/* Header zentrieren Modal Countries */

/*
#modalCountries .modal-header {
display: inherit;
position: relative;
text-align: center;
}

#modalCountries.modal a.close {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
*/

/* Header & Content zentrieren (aber linksbündig) Modal Countries */

#modalCountries .modal-body h3 {
transform: translateY(calc(-100% - 19px));
}

#modalCountries .modal-body {
width: fit-content;
margin: 0 auto;
overflow: visible;
}

#modalCountries .modal-body #navigationCountries {
margin-top: -19px;
}

/* Header & Content zentrieren (aber linksbündig) Modal LanguageConword */

#modalLanguage .modal-body h3 {
transform: translateY(calc(-100% - 19px));
}

#modalLanguage .modal-body {
width: fit-content;
margin: 0 auto;
overflow: visible;
}

#modalLanguage .modal-body #navigationLanguage {
margin-top: -19px;
}

/*----------------------------------------------------------------------*/
/*  Modal (Search, Countries, LanguageConword) ENDE                     */
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/*  Content                                                             */
/*----------------------------------------------------------------------*/

/* Seitenelemente */

#screen
{

}

#screen {
opacity: 0;
}

#curtain {
z-index:  10000000;
position:  fixed;
top:  0;
bottom:  0;
left:  0;
width:  100%;
height:  100%;
background: var(--white) url("../vendor/svg-loaders/tail-spin-schmersal.svg") no-repeat center;
/*transition: all 400ms;*/
}

@media (max-width: 991px) {
#headerContainer {
position: sticky;
top: -105px;
background-color: rgba(255,255,255,.95);
z-index: 15;
}

#headerContainer.stickyShadow {
box-shadow: 0px 0px 3px 0px var(--grey);
}
}

#headerContainer > .container > .row > .col
{
position: relative;
height: 165px;
}

@media (min-width: 992px) {

#headerContainer > .container > .row > .col
{
position: relative;
height: 200px;
}

}

#logo
{
position: absolute;
right: 50%;
top: 25px;
width: 360px;
max-width: 80%;
transform: translate(50%,0);
}

@media (min-width: 992px) {

#logo
{
top: 25px;
right: 15px;
/*
left: 15px;
*/
width: 320px;
max-width: auto;
transform: none;
}

}

#contentContainer
{
margin: var(--space-md) 0px var(--space-sm) 0px;
}

#contentSubnav {
margin-bottom: var(--space-sm);
}

#contentNormal
{

}

#contentLeft
{

}

#contentRight
{

}

#footerContainer
{
font-size: var(--font-size-15);
background-color: var(--darkblue);
/*background-image: url("../img/background_footer_schmersal.webp");*/
background-size: cover;
background-repeat: no-repeat;
color: var(--white);
line-height: 2;
/*padding: 60px 0px 0px 0px;*/
}

#footerContainer a,
#footerContainer a:hover {
color: var(--white);
}

@media (min-width: 768px) and (max-width: 991px) {
#footerLogoCol.col-md-4.offset-md-4 {
margin-right: 33.3333%;
margin-bottom: var(--space-sm);
}
}

@media (max-width: 991px) {
#footerLogoCol.col-md-6.offset-md-3 {
margin-right: 25%;
margin-bottom: var(--space-sm);
}

#footerLogoCol IMG {
margin: 0px 20px;
}
}

@media (max-width: 768px) {
#footerTextCol {
text-align: center !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
#footerContainer #footerSocialRow {
text-align: center;
}
}

@media (min-width: 992px) {
#footerContainer #footerSocialRow {
text-align: right;
}
}

 @media (max-width: 767px) {
#logoSafety {
text-align: center;
}
}

@media (min-width: 768px) {
#logoSafety {
display: inline-block;
margin-left: 40px;
}
}

#copyrightContainer
{
background-color: var(--darkblue);
color: var(--white);
font-weight: bold;
padding: 10px 0px;
}

@media (max-width: 767px) {
#copyright
{
text-align: center;
padding: 10px 0px;
}

}

@media (min-width: 767px) {
#copyright
{
float: left;
}

}

/* Seitenelemente ENDE */


/* gridelements */

/* Spaltenelemente */

/* equal-height */
/*
@media (min-width: 768px) {

.row.equal-height {
display: table;
}

.row.equal-height [class*="col-"] {
float: none;
display: table-cell;
vertical-align: top;
}

}
*/

/* Falls col-xs- gesetzt ist, gleiche Höhe auch in dieser Ansicht erzeugen */
/*.row.equal-height [class*="col-xs-"] {
float: none;
display: table-cell;
vertical-align: top;
}*/

/* Korrektur: wenn equal-height gesetzt ist wurde der Abstand nach einem einzelnen Bild falsch dargestellt. Ursache: display: table-cell*/
/*.row.equal-height .no-marginbottom .csc-textpic-imagewrap[class*="col-"] {display: block;}
.row.equal-height .row [class*="col-"] { float: left; display: block; }*/

/* equal-height ENDE */

/* Spaltenelemente ENDE */

/* Accordion */

/* Animation .fa-plus */

.card-header .card-toggle .bi-chevron-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
transition: transform 0.3s ease;
}

.card-header .card-toggle.collapsed .bi-chevron-down {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
transition: transform 0.3s ease;
}

/* Animation .fa-plus ENDE */

/*
.tab-group {
margin-bottom: 0px;
}
*/

/*
.card {
box-shadow: none;
}
*/

.card {
border-color: inherit;
border: 0px;
border-top: 1px solid;
border-radius: 0;
}

.card-header {
padding: 0;
position: relative;
border-bottom: 0;
}

/*
.tab-group .card,
.card,
.card-header,
.card-title,
a.card-toggle {
border-radius: 3px;
}
*/

.tab-group .card + .card {
margin-top: 0px;
}

.tab-group .card:last-child {
border-bottom: 1px solid;
}

.card-body {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
color: var(--font-color);
}

.card-header .card-title {
font-size: var(--font-size-21);
font-weight: bold;
margin-bottom: 0px;
color: var(--darkblue);
}

/*
.card-header .card-title .title {
display: block;
text-transform: uppercase;
}

.card-header .card-title .subtitle {
display: block;
font-weight: normal;
}
*/

.card-header .card-title a {
display: block;
padding: 20px 45px 20px 0px;
text-decoration: none;
}

.card-header .card-title .bi {
position: absolute;
top: 50%;
right: 15px;
padding: 0px;
/*font-size: 1em;*/
margin-top: -0.55em;
}

.card-header .card-title .bi:before {
margin-right: 0;
}

.card-header .card-title .fa,
.card-header .card-title .svg-inline--fa {
position: absolute;
top: 50%;
right: 15px;
padding: 0px;
/*font-size: 1em;*/
margin-top: -0.55em;
}

.card-body {
padding: 20px 0px;
overflow: hidden;
}

/* panel-default */

.card-default {
border-top-color: var(--darkblue);
}

.tab-group .card-default:last-child {
border-bottom-color: var(--darkblue);
}

.card-default .card-header,
.card-default .card-header .card-title a.collapsed {
background-color: transparent;
}

.card-default .card-header .card-title a,
.card-default .card-header .card-title a.collapsed:hover,
.card-default .card-header .card-title a:hover {
background-color: transparent;
}

.card-default .card-header .card-title a.collapsed {
color: inherit;
}

.card-default .card-header .card-title a,
.card-default .card-header .card-title a:hover {
color: inherit;
}

.card-default .card-header .card-title a.collapsed i {
color: inherit;
}

.card-default .card-header .card-title a i,
.card-default .card-header .card-title a:hover i {
color: inherit;
}

.card-default .card-body {
border-top-color: transparent;
background-color: var(--white);
/*color: var(--white);*/
}

/* panel-primary */

.card-primary {
border-top-color: #b8daff;
}

.tab-group .card-primary:last-child {
border-bottom-color: #b8daff;
}

.card-primary .card-header,
.card-primary .card-header .card-title a.collapsed {
background-color: #cce5ff;
}

.card-primary .card-header .card-title a,
.card-primary .card-header .card-title a.collapsed:hover,
.card-primary .card-header .card-title a:hover {
background-color: #cce5ff;
}

.card-primary .card-header .card-title a.collapsed {
color: #004085;
}

.card-primary .card-header .card-title a,
.card-primary .card-header .card-title a:hover {
color: #004085;
}

.card-primary .card-header .card-title a.collapsed i {
color: #004085;
}

.card-primary .card-header .card-title a i,
.card-primary .card-header .card-title a:hover i {
color: #004085;
}

.card-primary .card-body {
border-top-color: #b8daff;
background-color: var(--white);
/*color: var(--white);*/
}

/* panel-secondary */

.card-secondary {
border-top-color: #dddfe2;
}

.tab-group .card-secondary:last-child {
border-bottom-color: #dddfe2;
}

.card-secondary .card-header,
.card-secondary .card-header .card-title a.collapsed {
background-color: #e7e8ea;
}

.card-secondary .card-header .card-title a,
.card-secondary .card-header .card-title a.collapsed:hover,
.card-secondary .card-header .card-title a:hover {
background-color: #e7e8ea;
}

.card-secondary .card-header .card-title a.collapsed {
color: #464a4e;
}

.card-secondary .card-header .card-title a,
.card-secondary .card-header .card-title a:hover {
color: #464a4e;
}

.card-secondary .card-header .card-title a.collapsed i {
color: #464a4e;
}

.card-secondary .card-header .card-title a i,
.card-secondary .card-header .card-title a:hover i {
color: #464a4e;
}

.card-secondary .card-body {
border-top-color: #dddfe2;
background-color: var(--white);
/*color: var(--white);*/
}

/* panel-success */

.card-success {
border-top-color: #c3e6cb;
}

.tab-group .card-success:last-child {
border-bottom-color: #c3e6cb;
}

.card-success .card-header,
.card-success .card-header .card-title a.collapsed {
background-color: #d4edda;
}

.card-success .card-header .card-title a,
.card-success .card-header .card-title a.collapsed:hover,
.card-success .card-header .card-title a:hover {
background-color: #d4edda;
}

.card-success .card-header .card-title a.collapsed {
color: #155724;
}

.card-success .card-header .card-title a,
.card-success .card-header .card-title a:hover {
color: #155724;
}

.card-success .card-header .card-title a.collapsed i {
color: #155724;
}

.card-success .card-header .card-title a i,
.card-success .card-header .card-title a:hover i {
color: #155724;
}

.card-success .card-body {
border-top-color: #c3e6cb;
background-color: var(--white);
/*color: #3c763d;*/
}

/* panel-danger */

.card-danger {
border-top-color: #f5c6cb;
}

.tab-group .card-danger:last-child {
border-bottom-color: #f5c6cb;
}

.card-danger .card-header,
.card-danger .card-header .card-title a.collapsed {
background-color: #f8d7da;
}

.card-danger .card-header .card-title a,
.card-danger .card-header .card-title a.collapsed:hover,
.card-danger .card-header .card-title a:hover {
background-color: #f8d7da;
}

.card-danger .card-header .card-title a.collapsed {
color: #721c24;
}

.card-danger .card-header .card-title a,
.card-danger .card-header .card-title a:hover {
color: #721c24;
}

.card-danger .card-header .card-title a.collapsed i {
color: #721c24;
}

.card-danger .card-header .card-title a i,
.card-danger .card-header .card-title a:hover i {
color: #721c24;
}

.card-danger .card-body {
border-top-color: #f5c6cb;
background-color: var(--white);
/*color: #a94442;*/
}

/* panel-warning */

.card-warning {
border-top-color: #ffeeba;
}

.tab-group .card-warning:last-child {
border-bottom-color: #ffeeba;
}

.card-warning .card-header,
.card-warning .card-header .card-title a.collapsed {
background-color: #fff3cd;
}

.card-warning .card-header .card-title a,
.card-warning .card-header .card-title a.collapsed:hover,
.card-warning .card-header .card-title a:hover {
background-color: #fff3cd;
}

.card-warning .card-header .card-title a.collapsed {
color: #856404;
}

.card-warning .card-header .card-title a,
.card-warning .card-header .card-title a:hover {
color: #856404;
}

.card-warning .card-header .card-title a.collapsed i {
color: #856404;
}

.card-warning .card-header .card-title a i,
.card-warning .card-header .card-title a:hover i {
color: #856404;
}

.card-warning .card-body {
border-top-color: #ffeeba;
background-color: var(--white);
/*color: #8a6d3b;*/
}

/* panel-info */

.card-info {
border-top-color: #bee5eb;
}

.tab-group .card-info:last-child {
border-bottom-color: #bee5eb;
}

.card-info .card-header,
.card-info .card-header .card-title a.collapsed {
background-color: #d1ecf1;
}

.card-info .card-header .card-title a,
.card-info .card-header .card-title a.collapsed:hover,
.card-info .card-header .card-title a:hover {
background-color: #d1ecf1;
}

.card-info .card-header .card-title a.collapsed {
color: #0c5460;
}

.card-info .card-header .card-title a,
.card-info .card-header .card-title a:hover {
color: #0c5460;
}

.card-info .card-header .card-title a.collapsed i {
color: #0c5460;
}

.card-info .card-header .card-title a i,
.card-info .card-header .card-title a:hover i {
color: #0c5460;
}

.card-info .card-body {
border-top-color: #bee5eb;
background-color: var(--white);
/*color: #0c5460;*/
}

/* panel-light */

.card-light {
border-top-color: #fdfdfe;
}

.tab-group .card-light:last-child {
border-bottom-color: #fdfdfe;
}

.card-light .card-header,
.card-light .card-header .card-title a.collapsed {
background-color: #fefefe;
}

.card-light .card-header .card-title a,
.card-light .card-header .card-title a.collapsed:hover,
.card-light .card-header .card-title a:hover {
background-color: #fefefe;
}

.card-light .card-header .card-title a.collapsed {
color: #818182;
}

.card-light .card-header .card-title a,
.card-light .card-header .card-title a:hover {
color: #818182;
}

.card-light .card-header .card-title a.collapsed i {
color: #818182;
}

.card-light .card-header .card-title a i,
.card-light .card-header .card-title a:hover i {
color: #818182;
}

.card-light .card-body {
border-top-color: #fdfdfe;
background-color: var(--white);
/*color: var(--white);*/
}

/* panel-dark */

.card-dark {
border-top-color: #c6c8ca;
}

.tab-group .card-dark:last-child {
border-bottom-color: #c6c8ca;
}

.card-dark .card-header,
.card-dark .card-header .card-title a.collapsed {
background-color: #d6d8d9;
}

.card-dark .card-header .card-title a,
.card-dark .card-header .card-title a.collapsed:hover,
.card-dark .card-header .card-title a:hover {
background-color: #d6d8d9;
}

.card-dark .card-header .card-title a.collapsed {
color: #1b1e21;
}

.card-dark .card-header .card-title a,
.card-dark .card-header .card-title a:hover {
color: #1b1e21;
}

.card-dark .card-header .card-title a.collapsed i {
color: #1b1e21;
}

.card-dark .card-header .card-title a i,
.card-dark .card-header .card-title a:hover i {
color: #1b1e21;
}

.card-dark .card-body {
border-top-color: #c6c8ca;
background-color: var(--white);
/*color: var(--white);*/
}

/*
[class*="alert-"] h1, [class*="alert-"] h2, [class*="alert-"] h3, [class*="alert-"] h4, [class*="alert-"] h5, [class*="alert-"] h6,
[class*="alert-"] a { color: inherit !important; }
[class*="alert-"] .card-body a { font-weight: bold; }

.alert-default h1, .alert-default h2, .alert-default h3, .alert-default h4, .alert-default h5, .alert-default h6,
.alert-default a { color: var(--darkblue) !important; }
.alert-default .card-body a { font-weight: normal; }
*/

/* Accordion ENDE */


/* Tabs */

/* flex ende */
/*
.nav-tabs {
display: flex;
flex-direction: row;
}

.nav-tabs li { flex: 1; }

.nav-tabs > li > a {
margin-right: 0px;
text-align: center;
}
*/
/* flex ende */

.nav-tabs>li,
.nav-pills>li {
margin-bottom: -1px !important;
padding: 0 !important; 
}

.nav-pills .nav-link {
text-decoration: none;
color: var(--darkblue);
}

.nav-pills .nav-link.active, .show > .nav-pills .nav-link {
color: var(--white);
background-color: var(--darkblue);
}

.nav-pills>li+li {
margin-left: 2px !important;
}

.tab-pane {
margin-top: 10px;
}

.nav-tabs {
border-bottom: 1px solid var(--darkblue);
}

.nav > li > a:hover, .nav > li > a:focus {
background-color: var(--lightblue);
}

.nav-tabs .nav-link {
margin-bottom: 0px;
color: var(--darkblue);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: var(--lightblue) var(--lightblue) var(--darkblue);
text-decoration: none;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: var(--white);
cursor: default;
background-color: var(--darkblue);
border: 1px solid var(--darkblue);
border-bottom-color: transparent;
}

.tab-content {
padding-bottom: 10px;
border-bottom: 1px solid var(--darkblue);
}

.tab-content table tr:first-child td { border-top: 0px solid #ddd; }


/* Tabs ENDE */

/* gridelements ENDE */

/*----------------------------------------------------------------------*/
/*  Content ENDE                                                        */
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/*  Plugins                                                             */
/*----------------------------------------------------------------------*/

/* Scroll to top */

.cd-top {
  z-index: 2;
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0,0,0, 0.3) url("../img/cd-top-arrow.svg") no-repeat center 50%;
  /*background-size: 70% 70%;*/
  background-size: 32px 32px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  border: 0px solid var(--white);
  border-radius: 20px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .desktop .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.cd-top:hover {
  background-color: var(--azur);
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .cd-top {
    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 30px;
  }
}

/* Scroll to top ENDE */


/* Lazysizes */

/*img.lazyload {
  display: none;
}*/

.lazyload,
.lazyloading {
opacity: 0;
transform: scale(0.8);
}

/*
.lazyloading {
opacity: 1;
transform: scale(0.8);
background: #f7f7f7 url("'"../js/lazysizes/assets/imgs/loader.gif") no-repeat center;
transition: all 400ms;
}
*/

.lazyloaded {
opacity: 1;
transform: scale(1);
transition: all 400ms;
}

img[data-sizes="auto"] { display: block; width: 100%; }

/* ratio-container */

/*
.ce-gallery {
width: 100%
}
*/

.t3bsfsc-textpic.ce-left .ce-gallery,
.t3bsfsc-textpic.ce-right .ce-gallery {
float: none;
}

.t3bsfsc-textpic .ce-gallery figure {
width: 100%;
padding: 0.1px;
}

.ratio-container {
position: relative;
}

.ratio-container:after {
content: '';
display: block;
height: 0;
width: 100%;
/* 16:9 = 56.25% = calc(9 / 16 * 100%) */
/* padding-bottom: 42.86%; */
}

.ratio-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}

/*
.ratio-container img.lazyloaded {
position: relative;
}
*/

/* ratio-container ENDE */

/* Lazysizes ENDE */


/* Videoelement Responsive */

.video-embed {
position: relative;
/*padding-bottom: 41.25% !important; */
/*padding-bottom: 56.25% !important;*/ /* 16:9 */
padding-bottom: 55% !important; /* 16:9 */
padding-top: 15px;
height: 0;
overflow: hidden;
}

.video-embed iframe,
.video-embed-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Youtube und gdpr */

.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}

.video-wrapper iframe {
height: 100%;
position: absolute;
width: 100%;
top: 0;
}

.video-wrapper object,
.video-wrapper embed  {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-wrapper .jwOptinPlaceholderXmy {
position: relative;
z-index: 1;
}

/* Videoelement Responsive ENDE */


/* Fancybox */

.fancybox-is-open .fancybox-bg {
opacity: .95 !important;
}

.fancybox-bg {
background: var(--darkblue) !important;
}

.fancybox-infobar {
color: #fff !important;
mix-blend-mode: inherit !important;
}

.fancybox-button {
background: none !important;
}

.fancybox-caption {
color: var(--white) !important;
}

/* Bildvergrößerung Overlay */

[data-fancybox]:hover {
transform: scale(1.03);
transition: all .2s;
}

[data-fancybox] {
position: relative;
display: inline-block;
width: 100%;
transition: all .2s;
overflow: hidden;
}

[data-fancybox]:hover:before {
position: absolute;
content: '';
z-index:1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,55,123,.7);
border-radius: var(--border-radius-12);
}

[data-fancybox]:hover:after {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\F62C';
font-size: 3em;
color: var(--white);
transform: translate(calc(-50%),calc(-50%));
}

/* Bildvergrößerung Overlay ENDE */

/* Fancybox ENDE */


/* navbar animation */
/*
.navbar-toggle {
padding: 9px 10px;
transition: all 200ms ease-in-out;
}

.navbar-toggle.active {
padding: 9px 7px 9px 13px;
}

.navbar-toggle .icon-bar {
position: relative;
transition: all 200ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
transform: rotate(45deg);
transform-origin: 10% 10%;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(4) {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
*/
/* navbar animation ENDE */


/* indexed_search */

/* Suchformular */

.tx-indexedsearch-searchbox {
margin-top: -10px;
/*margin-bottom: -10px;*/
margin-bottom: 10px;
}

.tx-indexedsearch-searchbox fieldset {
width: 100%;
border: 0px solid var(--grey);
padding: 10px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}

.tx-indexedsearch-searchbox legend {
/* legend of Fieldset */
font-weight: bold;
color: var(--darkblue);
padding: 0px 0px 0px 0px;
display: block;
width: auto;
margin-bottom: 0px;
font-size: inherit;
border-bottom: 0px;
font-size: 1.25em;

display: none;
}

.tx-indexedsearch-searchbox label {
/* label */
display: block;
width: 100%;
float: left;
clear: left;
font-weight: normal;
margin-top: 9px;
margin-bottom: 3px;
font-size: inherit;
line-height: inherit;
color: inherit;
border: 0;
border-bottom: 0px;
}

.tx-indexedsearch-form,
.tx-indexedsearch-search-submit {
display: inline-block;
margin: 0 0 10px 0;
/*clear: both;*/
}

.tx-indexedsearch-form {
width: 100%;
}

.tx-indexedsearch-search-submit {
width: 100%;
}

@media (min-width: 768px) {
  
.tx-indexedsearch-form {
width: 75%;
}

.tx-indexedsearch-search-submit {
width: calc(25% - 15px);
margin-left: 15px;
}

/* Ausgabe in #contentSubnav, rechte Spalte */
#contentSubnav > .container > .row > [class*="col"]:nth-of-type(3) .tx-indexedsearch-form {
width: 100%;
}

#contentSubnav > .container > .row > [class*="col"]:nth-of-type(3) .tx-indexedsearch-search-submit {
width: 100%;
margin-left: 0px;
}
/* Ausgabe in #contentSubnav, rechte Spalte ENDE */

}

.tx-indexedsearch-searchbox-sword {
width: 100% !important;
padding: 10px;
border: 1px solid var(--grey);
border-radius: var(--border-radius-5);
margin: 0px;
outline: 0;
background-color: var(--white);
color: var(--font-color);
}

.tx-indexedsearch-searchbox-sword.error {
border: 1px solid var(--azur);
}

.tx-indexedsearch-searchbox-sword:focus {
/*background-color: var(--lightgrey);*/
background-color: var(--white);
border: 1px solid var(--darkblue);
outline: none;
}

.tx-indexedsearch-searchbox-button {
margin: 0px 0px 0px 0%;
width: 100%;
padding: 10px;
cursor: pointer;
font-weight: normal;
outline: 0;
color: var(--white);
border: 1px solid var(--button-submit);
background: var(--button-submit);
border-radius: var(--border-radius-5);
/*text-transform: uppercase;*/
transition: all .2s;
}

.tx-indexedsearch-searchbox-button:hover,
.tx-indexedsearch-searchbox-button:focus {
color: var(--white);
border: 1px solid var(--button-submit--hover);
background: var(--button-submit--hover);
outline: 0;
box-shadow: none;
transition: all .2s;
}

/* Anpassungen Modal Search */

#modalSearch .tx-indexedsearch-searchbox-sword,
#modalSearch .tx-indexedsearch-searchbox-sword:focus,
/*#modalSearch .tx-indexedsearch-searchbox-sword.error:focus,*/
#modalSearch .tx-indexedsearch-searchbox-button,
#modalSearch .tx-indexedsearch-searchbox-button:hover,
#modalSearch .tx-indexedsearch-searchbox-button:focus {
border: 1px solid var(--white);
}

#modalSearch .tx-indexedsearch-searchbox-button:hover,
#modalSearch .tx-indexedsearch-searchbox-button:focus {
background: var(--button-submit-light--hover);
}

#modalSearch .tx-indexedsearch-searchbox-sword.error {
border: 1px solid var(--form-error-light);
}

#modalSearch .tx-indexedsearch-search-radio .radio {
margin-top: .25em;
font-size: var(--font-size-15);
position: relative;
}

/* Suchformular ENDE */

/* Pagebrowser */

.tx-indexedsearch-browsebox {
text-align: center;
margin-top: 20px;
}

ul.tx-indexedsearch-browsebox {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
white-space: nowrap;
overflow: hidden;
padding: 0;
margin: 0;
margin-top: 20px;
}

ul.tx-indexedsearch-browsebox li {
/*flex-grow: 1;*/
flex-basis: 0;
border-radius: var(--border-radius-5);
transition: all .2s;
border: 1px solid var(--lightgrey);
}

ul.tx-indexedsearch-browsebox li:last-child {
margin-right: 0px;
}

ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage {
background-color: var(--darkblue);
border: 1px solid var(--darkblue);
color: var(--white);
}

ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage:hover {
border: 1px solid var(--button-submit--hover);
background: var(--button-submit--hover);
}

ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
color: var(--white);
font-weight: normal;
}

ul.tx-indexedsearch-browsebox li:hover:not(.tx-indexedsearch-browselist-currentPage) {
background-color: var(--lightgrey);
}

ul.tx-indexedsearch-browsebox li a {
display: block;
color: var(--font-color);
text-decoration: none;
padding: 12px 14px;
line-height: 1em;
}

ul.tx-indexedsearch-browsebox li.dots {
background-color: transparent;
border: 1px solid transparent;
}

ul.tx-indexedsearch-browsebox li.dots:hover {
background-color: transparent;
}

/* Pagebrowser ENDE */

/* Suchergebnisse */

.tx-indexedsearch-browsebox {
margin-top: 0px;
}

.tx-indexedsearch-browsebox p {
margin-top: var(--space-sm);
}

.tx-indexedsearch-res {
margin-top: var(--space-sm);
}

.tx-indexedsearch-res h3 + p {
margin-top: var(--space-xs) !important;
}

.tx-indexedsearch-description {
}

.tx-indexedsearch-info {
margin: 0px;
}

.tx-indexedsearch-result-number {
color: var(--darkblue);
}

.tx-indexedsearch-res h3 a {
color: var(--darkblue);
}

.tx-indexedsearch-icon {
}

.tx-indexedsearch-title {
}

.tx-indexedsearch-percent {
display: none;
}

.piktoPages {
background-image: url("../img/piktogramme/fileicons/16px/pages.gif");
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 1.31em 1.15em;
padding: 0px 0px 0px 1.5em;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
.piktoPages { background-image: url("../img/piktogramme/fileicons/32px/pages.gif"); }
}

/* Suchergebnisse ENDE */

/* Schnellsuche */

.quicksearch {
margin-bottom: 30px;
}

.quicksearch .tx-indexedsearch-searchbox {
margin-top: 0px;
margin-bottom: -10px;
}

.quicksearch .tx-indexedsearch-searchbox fieldset {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.quicksearch .tx-indexedsearch-searchbox legend {
display: none;
}

.quicksearch .tx-indexedsearch-searchbox label {
display: none;
}

.quicksearch .tx-indexedsearch-form,
.quicksearch .tx-indexedsearch-search-submit {
display: inline-block;
width: auto;
}

.quicksearch .tx-indexedsearch-form,
.quicksearch .tx-indexedsearch-search-submit {
display: inline-block;
}

.quicksearch .tx-indexedsearch-form {
width: 75%;
}

.quicksearch .tx-indexedsearch-search-submit {
width: 25%;
}

.quicksearch .tx-indexedsearch-searchbox-sword {
width: 100% !important;
border: 1px solid var(--grey);
/*border-right: 0;*/
padding: 5px;
}

@media (min-width: 768px) {
*::-ms-backdrop, .quicksearch .tx-indexedsearch-searchbox-sword { padding-bottom: 8px; } /* IE11 */
}


@media (min-width: 1200px) {
*::-ms-backdrop, .quicksearch .tx-indexedsearch-searchbox-sword { padding-bottom: 9px; } /* IE11 */
}

.quicksearch .tx-indexedsearch-searchbox-sword:focus {
border: 1px solid var(--darkblue);
/*border-right: 0;*/
}

.quicksearch .tx-indexedsearch-searchbox-button {
margin: 0px 0px 0px 0%;
width: 100%;
padding: 5px;
}

.quicksearch .tx-indexedsearch-searchbox-button span {
display: none;
}

/* Schnellsuche Mobile */

#quicksearchMobile {
margin: 0px 0px 0px 0px;
white-space: nowrap;
}

#quicksearchMobile FORM {
border-bottom: 3px solid var(--darkblue);
}

#quicksearchMobile.quicksearch .tx-indexedsearch-searchbox {
padding-top: 10px;
padding-bottom: 20px;
margin: 0px;
}

#quicksearchMobile.quicksearch .tx-indexedsearch-form {
width: 85%;
}

#quicksearchMobile.quicksearch .tx-indexedsearch-search-submit {
width: 15%;
}

@media (min-width: 480px) {
  
#quicksearchMobile.quicksearch .tx-indexedsearch-form {
width: 90%;
}

#quicksearchMobile.quicksearch .tx-indexedsearch-search-submit {
width: 10%;
}

}

#quicksearchMobile.quicksearch .tx-indexedsearch-searchbox-sword,
#quicksearchMobile.quicksearch .tx-indexedsearch-searchbox-button {
padding: 8px;
}


*::-ms-backdrop, #quicksearchMobile.quicksearch .tx-indexedsearch-searchbox-sword { padding-bottom: 13px; } /* IE11 */


/* Schnellsuche Mobile ENDE */

/* Schnellsuche ENDE */

/* indexed_search ENDE */

/*----------------------------------------------------------------------*/
/*  Plugins ENDE                                                        */
/*----------------------------------------------------------------------*/

/* Abstände davor/danach */

.frame-space-after-extra-small { margin-bottom: var(--space-xs); }
.frame-space-after-small { margin-bottom: var(--space-sm); }
.frame-space-after-medium { margin-bottom: var(--space-md); }
.frame-space-after-large { margin-bottom: var(--space-lg); }
.frame-space-after-extra-large { margin-bottom: var(--space-xl); }

.frame-space-before-extra-small { margin-top: var(--space-xs); }
.frame-space-before-small { margin-top: var(--space-sm); }
.frame-space-before-medium { margin-top: var(--space-md); }
.frame-space-before-large { margin-top: var(--space-lg); }
.frame-space-before-extra-large { margin-top: var(--space-xl); }

/* Abstände davor/danach ENDE */


/* fluid_styled_content */

/* Allgemeine Elemente */

p {
margin: 0px;
margin-top: var(--space-sm);
}

p:first-child {
margin-top: 0;
}

header + DIV blockquote p:first-child {
margin-top: 0 !important;
}

header + DIV p,
.news h2 + DIV p,
p + :is(h1, h2, h3, h4, h5, h6) {
margin-top: var(--space-sm) !important;
}

hr {
margin-top: var(--space-sm);
margin-bottom: var(--space-sm);
border: 0;
border-top: 1px solid var(--lightgrey);
}

blockquote {
padding: 10px 20px;
margin: var(--space-sm);
font-size: 1.25em;
border-left: 5px solid var(--azur);
}

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

/* Allgemeine Elemente Ende */

/** justify **/

.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

/** justify ENDE **/


/* Headers */

H1 { color:  var(--darkblue); font-size: var(--font-size-36); text-transform: uppercase; line-height: inherit; margin: 0px; }
H2 { color:  var(--darkblue); font-size: var(--font-size-32); text-transform: uppercase; line-height: inherit; margin: 0px; }
H3 { color:  var(--darkblue); font-size: var(--font-size-18); text-transform: uppercase; line-height: inherit; margin: 0px; }
H4 { color:  var(--darkblue); font-size: var(--font-size-18); text-transform: uppercase; line-height: inherit; margin: 0px; }
H5 { color:  var(--darkblue); font-size: var(--font-size-18); text-transform: uppercase; line-height: inherit; margin: 0px; }

:is(h1, h2, h3, h4, h5).lower { text-transform: initial; }

H1 A { color:  var(--darkblue); }
H2 A { color:  var(--darkblue); }
H3 A { color:  var(--darkblue); }
H4 A { color:  var(--darkblue); }
H5 A { color:  var(--darkblue); }

H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover {  }

/* Headers ENDE */


/* Tabelle */

/*
.ce-table { width: 100%; max-width: 100%; }
.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
.ce-table thead th { border-bottom: 2px solid #dadada; }
.ce-table th, .ce-table td { border-top: 1px solid #dadada; }
.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }
*/

.contenttable { margin: 0px; border: 0px; }
.contenttable TR { }
.contenttable THEAD TR TH { background-color: var(--darkblue); color: var(--white); padding: 2px 5px; border-bottom: 1px solid var(--white); }
.contenttable TR TD { background-color: var(--lightblue); padding: 2px 5px; border-top: 1px solid var(--white); }
.contenttable TR:first-child TD { border-top: 0px; }

/* Tabelle ENDE */

/* Frames */

.frame { border: 0px; clear: both; }
/*.frame-ruler-before { border-top: 1px solid var(--darkblue); padding-top: var(--space-sm); }
.frame-ruler-after { border-bottom: 1px solid var(--darkblue); padding-bottom: var(--space-sm); }*/
.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid var(--lightgrey); padding-top: var(--space-sm); margin-bottom: 0; }
.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid var(--lightgrey); padding-bottom: var(--space-sm); margin-top: 0; }
.frame-indent { margin-left: 15%; margin-right: 15%; }
.frame-indent-left { margin-left: 33%; }
.frame-indent-right { margin-right: 33%; }
.frame-frame-1 { background-color: var(--lightblue); padding: 20px; border: 0px; border-radius: var(--border-radius-12); }
.frame-frame-2 { background-color: var(--darkblue); padding: 20px; border: 0px; border-radius: var(--border-radius-12); }

.frame-frame-1, .frame-frame-1 :is(h1, h2, h3, h4, h5, a)  { color: var(--darkblue) !important; }
.frame-frame-2, .frame-frame-2 :is(h1, h2, h3, h4, h5, a) { color: var(--white) !important; }

.frame-frame-1 hr { border-top: 1px solid var(--darkblue); }
.frame-frame-2 hr { border-top: 1px solid var(--lightblue); }

/* Frames ENDE */


/* linkToTop */
/*
.ce-linkToTop { margin: var(--space-sm) 0px 0px 0px; padding: 0px; }
.ce-linkToTop a { margin: 0px; display: inline-block; }

.ce-linkToTop a:before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: .3em;
content: "\F145";
}
*/
/* linkToTop ENDE */


/* Bulletlists */

UL {
list-style: none;
margin: 0px;
padding: 0px;
}

#contentContainer UL, #contentContainer OL, #contentContainer DL { margin-top: var(--space-sm); }
#contentContainer UL UL, #contentContainer OL OL, #contentContainer DL DL { margin-top: 0; }

.frame-type-dce_teaser UL,
.frame-type-text UL,
.frame-type-textpic UL,
.frame-type-textmedia UL,
.ce-bodytext UL,
UL.ce-bullets,
.news.news-single .news-text-wrap UL {
margin: 0px;
margin-left: 1.25em;
margin-top: var(--space-sm);
padding: 0px;
list-style: none;
overflow: unset !important;
}

.frame-type-dce_teaser UL LI,
.frame-type-text UL LI,
.frame-type-textpic UL LI,
.frame-type-textmedia UL LI,
.ce-bodytext UL LI,
UL.ce-bullets LI,
.news.news-single .news-text-wrap UL LI { display: block; }

.frame-type-dce_teaser UL LI:before,
.frame-type-text UL LI:before,
.frame-type-textpic UL LI:before,
.frame-type-textmedia UL LI:before,
.ce-bodytext UL LI:before,
UL.ce-bullets LI:before,
.news.news-single .news-text-wrap UL LI:before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/*margin-left: -1.25em;
width: 1.25em;
content: "\F280";*/

content: "\F582";
font-size: .5em;
/*margin-left: -2.25em;*/
margin-left: -1.75em;
width: 1.75em;
/*transform: translateY(-.25em);*/
transform: translateY(-.3em);
}

.frame-layout-1 UL.ce-bullets LI:before,
.frame-layout-2 UL.ce-bullets LI:before,
.frame-layout-3 UL.ce-bullets LI:before {
font-size: inherit;
margin-left: -1.25em;
width: 1.25em;
transform: inherit;
}

.frame-layout-1 UL.ce-bullets LI:before {
content: "\F285";
}

.frame-layout-2 UL.ce-bullets LI:before {
content: "\F271";
}

.frame-layout-3 UL.ce-bullets LI:before {
content: "\F26E";
}

OL.ce-bullets { margin: 0px; padding: 0 0 0 1.6em; }
OL.ce-bullets LI { margin: 0px; padding: 0px; }

DL.ce-bullets {  }
DL.ce-bullets DT { font-weight: normal; }

/* Debugging bulletlist rechts neben bild */
.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 1.4em; }
.ce-intext.ce-left.ce-nowrap ul { padding-left: 0; }

/* Bulletlists ENDE */


/* Uploads */

.ce-uploads {
margin: 0;
padding: 0;
}

.ce-uploads li {
margin: 0px 0px var(--space-xs) 0px;
}

.ce-uploads li:nth-last-child(1) {
margin-bottom: 0px;
}

.ce-uploads span {
display: block;
}

.ce-uploads .ce-uploads-fileName {
display: inline;
}

.ce-uploads .ce-uploads-filesize {
display: inline;
white-space: nowrap;
padding-left: 10px;
text-align: right;
/*float: right;*/
}

/*
.ce-uploads img {
float: left;
padding: 1px 5px 0px 0px;
vertical-align: top;
}
*/

UL.ce-uploads [class^="ce-uploads-element-"] .ce-uploads-description {
padding-left: 1.3em;
}


/* Uploads ENDE */


/* Menu */

UL.ce-menu a { display: inline-block; /*padding-left: 1em;*/ }

UL.ce-menu a:before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: -1.25em;
width: 1.25em;
content: "\F135";
}
/*
[class^="frame-type-menu_"] UL, [class*="frame-type-menu_"] UL,
.frame-type-menu_abstract UL,
.frame-type-menu_sitemap UL,
.frame-type-menu_sitemap_pages UL,
.frame-type-menu_pages UL,
.frame-type-menu_subpages UL,
.frame-type-menu_recently_updated UL,
.frame-type-menu_related_pages UL,
.frame-type-menu_section UL,
.frame-type-menu_section_pages UL { padding-left: 0em; }

[class^="frame-type-menu_"] UL UL, [class*="frame-type-menu_"] UL UL,
.frame-type-menu_abstract UL UL,
.frame-type-menu_sitemap UL UL,
.frame-type-menu_sitemap_pages UL UL,
.frame-type-menu_pages UL UL,
.frame-type-menu_subpages UL UL,
.frame-type-menu_recently_updated UL UL,
.frame-type-menu_related_pages UL UL,
.frame-type-menu_section UL UL,
.frame-type-menu_section_pages UL UL { margin-left: 1.25em; }

[class^="frame-type-menu_"] UL LI a, [class*="frame-type-menu_"] UL LI a,
.frame-type-menu_abstract UL LI a,
.frame-type-menu_sitemap UL LI a,
.frame-type-menu_sitemap_pages UL LI a,
.frame-type-menu_pages UL LI a,
.frame-type-menu_subpages UL LI a,
.frame-type-menu_recently_updated UL LI a,
.frame-type-menu_related_pages UL LI a,
.frame-type-menu_section UL LI a,
.frame-type-menu_section_pages UL LI a { display: inline-block; margin-left: 1.25em; }

[class^="frame-type-menu_"] UL LI a:before, [class*="frame-type-menu_"] UL LI a:before,
.frame-type-menu_abstract UL LI a:before,
.frame-type-menu_sitemap UL LI a:before,
.frame-type-menu_sitemap_pages UL LI a:before,
.frame-type-menu_pages UL LI a:before,
.frame-type-menu_subpages UL LI a:before,
.frame-type-menu_recently_updated UL LI a:before,
.frame-type-menu_related_pages UL LI a:before,
.frame-type-menu_section UL LI a:before,
.frame-type-menu_section_pages UL LI a:before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: -1.25em;
width: 1.25em;
content: "\F135";
}
*/
/* Menu ENDE */


/* Textmedia */

.ce-gallery figcaption {
display: block;
font-size: var(--font-size-18);
margin-top: 10px;
}

@media (min-width: 768px) {
.ce-gallery figcaption {
font-size: var(--font-size-15);
}
}

/*
.ce-gallery .row {margin-bottom: 30px;}
.ce-gallery .row:nth-last-child(1) {margin-bottom: 0px;}
*/

/* Textmedia ENDE */

/* fluid_styled_content ENDE */


/* RTE ckeditor */

.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}

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

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

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

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

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

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

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

.largeText {
font-size: 1.25em;
}

.smallText {
font-size: 0.75em;
}

a.internal-link:before, a.internal-link-back:before, a.internal-link-new-window:before, a.mail:before, a.phone:before, a.download:before, :not(nav) a.external-link:before, nav a.external-link:after, a.external-link-new-window:before, a.video:before, a.modal-link:before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: .4em;
transition: all .2s;
}

a.mail:before {
content:'\F32F';
}

a.phone:before {
content:'\F5C1';
}

a.download:before {
content:'\F30A';
}

:not(nav) a.external-link:before {
content:'\F1C5';
}

nav a.external-link:before {
display: none;
}

nav a.external-link:after {
margin-right: 0;
margin-left: .4em;
content:'\F1C5';
}

a.external-link-new-window:after {
content:'\F1C5';
}

a.internal-link:before {
content:'\F138';
/*margin-right: 0;*/
margin-right: .4em;
}

a.internal-link-back:before {
content:'\F12F';
/*margin-right: 0;*/
margin-right: .4em;
}

a.internal-link:hover::before, a.internal-link-back:hover::before, a.mail:hover::before, a.phone:hover::before, a.download:hover::before, :not(nav) a.external-link:hover::before, a.modal-link:hover::before, a.video:hover::before {
margin-right: .2em;
padding-left: .2em;
transition: all .2s;
}

nav a.external-link:hover::before {display: none;}

a.internal-link-new-window:before {
content:'\F135';
}

a.modal-link:before {
content:'\F143';
}

a.video:before {
content:'\F4F1';
}

a.internal-link, a.internal-link-back, a.internal-link-new-window, a.mail, a.phone, a.download, a.external-link, a.external-link-new-window, a.video, a.modal-link {
text-decoration: none !important;
}

a.internal-link:hover, a.internal-link-back:hover, a.internal-link-new-window:hover, a.mail:hover, a.phone:hover, a.download:hover, a.external-link:hover, a.external-link-new-window:hover, a.video:hover, a.modal-link:hover,
a.internal-link:focus, a.internal-link-back:focus, a.internal-link-new-window:focus, a.mail:focus, a.phone:focus, a.download:focus, a.external-link:focus, a.external-link-new-window:focus, a.video:focus, a.modal-link:focus {
text-decoration: none;
}

a.piktoPDF:before, .ce-uploads-element-pdf span a:before, a.piktoWORD:before, .ce-uploads-element-doc span a:before, a.piktoEXCEL:before, .ce-uploads-element-xls span a:before, a.piktoPOWERPOINT:before, .ce-uploads-element-ppt span a:before, a.piktoZIP:before, .ce-uploads-element-zip span a:before, a.piktoEXE:before, .ce-uploads-element-exe span a:before, a.piktoJPG:before, .ce-uploads-element-jpg span a:before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: .25em;
transition: all .2s;
}

a.piktoPDF:hover::before, .ce-uploads-element-pdf span a:hover::before, a.piktoWORD:hover::before, .ce-uploads-element-doc span a:hover::before, a.piktoEXCEL:hover::before, .ce-uploads-element-xls span a:hover::before, a.piktoPOWERPOINT:hover::before, .ce-uploads-element-ppt span a:hover::before, a.piktoZIP:hover::before, .ce-uploads-element-zip span a:hover::before, a.piktoEXE:hover::before, a.piktoJPG:hover::before, .ce-uploads-element-jpg span a:hover::before {
margin-right: .125em;
padding-left: .125em;
transition: all .2s;
}

a.piktoPDF:before,
.ce-uploads-element-pdf span a:before {
content:'\F756';
}

a.piktoWORD:before,
.ce-uploads-element-doc span a:before {
content:'\F744';
}

a.piktoEXCEL:before,
.ce-uploads-element-xls span a:before {
content:'\F76A';
}

a.piktoPOWERPOINT:before,
.ce-uploads-element-ppt span a:before {
content:'\F75A';
}

a.piktoZIP:before,
.ce-uploads-element-zip span a:before {
content:'\F391';
/*content:'\F390';*/
}

a.piktoEXE:before,
.ce-uploads-element-exe span a:before {
content:'\F746';
}

a.piktoJPG:before,
.ce-uploads-element-jpg span a:before {
content:'\F74B';
}

a.piktoPDF, a.piktoWORD, a.piktoEXCEL, a.piktoPOWERPOINT, a.piktoZIP, a.piktoEXE, a.piktoJPG {
text-decoration: none !important;
}

a:hover.piktoPDF, a:hover.piktoWORD, a:hover.piktoEXCEL, a:hover.piktoPOWERPOINT, a:hover.piktoZIP, a:hover.piktoEXE, a:hover.piktoJPG, a:focus.piktoPDF, a:focus.piktoWORD, a:focus.piktoEXCEL, a:focus.piktoPOWERPOINT, a:focus.piktoZIP, a:focus.piktoEXE, a:focus.piktoJPG {
text-decoration: underline !important;
}

/* RTE ckeditor ENDE */



@media (max-width: 575px) {

}



@media (min-width: 576px) {

}



@media (min-width: 768px) {

}


@media (min-width: 992px) {
  
}



@media (min-width: 1200px) {
  
}



/* float: right; aufheben, da es bei lazyloadxt dazu führt, dass Bilder nicht geladen werden: ausrichtung oben/unten mittig */
div.csc-textpic-center .csc-textpic-center-inner, div.csc-textpic-center .csc-textpic-center-outer { float: inherit; }


/* Sichtbarkeitsklassen Bootstrap 3 */

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-xl-inline-block,
.visible-xl-inline,
.visible-xl-inline-block {
  display: none !important;
}
@media (max-width: 575px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 575px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 575px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 575px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl {
    display: block !important;
  }
  table.visible-xl {
    display: table !important;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 575px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/* Sichtbarkeitsklassen Bootstrap 3 ENDE */


/* Prettyicon Fix Toggle Checkbox */

#contentNormal {z-index: 1;}
.prettycheckbox {z-index: -1;}

/* Prettyicon Fix Toggle Checkbox ENDE */


/* Bilder der Standard-Contentelemente abrunden */

.ce-textpic, .ce-image, .ce-gallery {
overflow: visible;
}

.t3bsfsc-image img,
.fancybox-image {
border-radius: var(--border-radius-12);
}

.t3bsfsc-image .file img {
border-radius: 0px;
}

/* Bilder der Standard-Contentelemente abrunden ENDE */


/* DCE */

/* 01-banner-text */

.banner-text {
padding: 80px 0px;
}

.banner-text.azur {
background-color: var(--azur);
}

.banner-text.lightblue {
background-color: var(--lightblue);
}

.banner-text.darkblue {
background-color: var(--darkblue);
}

@media (max-width: 767px) {
.banner-text {
padding: 60px 0px;
} 
}

@media (max-width: 575px) {
.banner-text {
padding: 40px 0px;
} 
}

.banner-text * {
color: var(--white) !important;
}

.banner-text.lightblue * {
color: var(--darkblue) !important;
}

.banner-text .title {
font-weight: bold;
margin-bottom: var(--space-xs); 
}

.banner-text .text {
font-weight: bold;
font-size: var(--font-size-32);
}

/* 01-banner-text ENDE */


/* 02-banner-two-images */

.banner-two-images {
padding: 30px 0px;
}

.banner-two-images.azur {
background-color: var(--azur);
}

.banner-two-images.lightblue {
background-color: var(--lightblue);
}

.banner-two-images.darkblue {
background-color: var(--darkblue);
}

@media (max-width: 575px) {
.banner-two-images {
padding: 15px 0px;
}
}

.banner-two-images img {
width: 100%;
inline-size: 100%;
object-fit: cover;
border-radius: var(--border-radius-12);
}

@media (max-width: 575px) {
.banner-two-images .row div:first-child img {
margin-bottom: 15px;
}
}

/* 02-banner-two-images ENDE */


/* 03-banner-image-text */

.banner-image-text {
position: relative;
padding: 60px 0px;
color: var(--darkblue);
}

.banner-image-text.azur *,
.banner-image-text.darkblue * {
color: var(--white) !important;
}

.banner-image-text:before {
position: absolute;
top: 30px;
right: 0;
bottom: 30px;
left: 0;
content: '';
z-index: -1;
}

.azur.banner-image-text:before {
background-color: var(--azur);
}

.lightblue.banner-image-text:before {
background-color: var(--lightblue);
}

.darkblue.banner-image-text:before {
background-color: var(--darkblue);
}

@media (max-width: 767px) {
.banner-image-text {
padding: 30px 0px;
margin: 0;
}

.banner-image-text:before {
top: 0px;
bottom: 0px;
}

}

@media (max-width: 575px) {
.banner-image-text {
padding: 15px 0px;
} 
}

.banner-image-text .wide-image {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
width: calc((100% - 30px) / 2);
border-top-right-radius: var(--border-radius-12);
border-bottom-right-radius: var(--border-radius-12);
background-size: cover;
background-position: center center;
}

@media (max-width: 767px) {
.banner-image-text .wide-image {
display: none;
}   
}

.banner-image-text img {
border-radius: var(--border-radius-12);
width: 100%;
height: auto;
margin-bottom: 30px;
}

.banner-image-text .title,
.banner-image-text .subtitle {
color: var(--darkblue);
font-size: var(--font-size-36);
font-weight: bold;
text-transform: uppercase;
}

.banner-image-text .subtitle {
font-weight: normal;
}

.banner-image-text .text {
font-size: var(--font-size-21);
margin-top: 40px;
}

.banner-image-text a {
display: inline-block;
font-size: var(--font-size-21);
font-weight: bold;
/*margin: 40px 0px 0px 0px;
transition: all .25s;*/
}

.banner-image-text .link {
margin-top: 40px;
}
/*
.banner-image-text a:hover,
.banner-image-text a:focus {
margin: 40px 0px 0px 0px;
transition: all .25s;
text-decoration: none;
}
*/

/* 03-banner-image-text ENDE */


/* 04-banner-collage */

@media (min-width: 0px) {
.col-start-xs-1 { grid-column-start: 1; }
.col-start-xs-2 { grid-column-start: 2; }
.col-start-xs-3 { grid-column-start: 3; }
.col-start-xs-4 { grid-column-start: 4; }
.col-start-xs-5 { grid-column-start: 5; }
.col-start-xs-6 { grid-column-start: 6; }
.col-start-xs-7 { grid-column-start: 7; }
.col-start-xs-8 { grid-column-start: 8; }
.col-start-xs-9 { grid-column-start: 9; }
.col-start-xs-10 { grid-column-start: 10; }
.col-start-xs-11 { grid-column-start: 11; }
.col-start-xs-12 { grid-column-start: 12; }
.col-xs-1 { grid-column-end: span 1;}
.col-xs-2 { grid-column-end: span 2;}
.col-xs-3 { grid-column-end: span 3;}
.col-xs-4 { grid-column-end: span 4;}
.col-xs-5 { grid-column-end: span 5;}
.col-xs-6 { grid-column-end: span 6;}
.col-xs-7 { grid-column-end: span 7;}
.col-xs-8 { grid-column-end: span 8;}
.col-xs-9 { grid-column-end: span 9;}
.col-xs-10 { grid-column-end: span 10;}
.col-xs-11 { grid-column-end: span 11;}
.col-xs-12 { grid-column-end: span 12;}
}

@media (min-width: 576px) {
.col-start-sm-1 { grid-column-start: 1; }
.col-start-sm-2 { grid-column-start: 2; }
.col-start-sm-3 { grid-column-start: 3; }
.col-start-sm-4 { grid-column-start: 4; }
.col-start-sm-5 { grid-column-start: 5; }
.col-start-sm-6 { grid-column-start: 6; }
.col-start-sm-7 { grid-column-start: 7; }
.col-start-sm-8 { grid-column-start: 8; }
.col-start-sm-9 { grid-column-start: 9; }
.col-start-sm-10 { grid-column-start: 10; }
.col-start-sm-11 { grid-column-start: 11; }
.col-start-sm-12 { grid-column-start: 12; }
.col-sm-1 { grid-column-end: span 1;}
.col-sm-2 { grid-column-end: span 2;}
.col-sm-3 { grid-column-end: span 3;}
.col-sm-4 { grid-column-end: span 4;}
.col-sm-5 { grid-column-end: span 5;}
.col-sm-6 { grid-column-end: span 6;}
.col-sm-7 { grid-column-end: span 7;}
.col-sm-8 { grid-column-end: span 8;}
.col-sm-9 { grid-column-end: span 9;}
.col-sm-10 { grid-column-end: span 10;}
.col-sm-11 { grid-column-end: span 11;}
.col-sm-12 { grid-column-end: span 12;}
}

@media (min-width: 768px) {
.col-start-md-1 { grid-column-start:1;}
.col-start-md-2 { grid-column-start:2;}
.col-start-md-3 { grid-column-start:3;}
.col-start-md-4 { grid-column-start:4;}
.col-start-md-5 { grid-column-start:5;}
.col-start-md-6 { grid-column-start:6;}
.col-start-md-7 { grid-column-start:7;}
.col-start-md-8 { grid-column-start:8;}
.col-start-md-9 { grid-column-start:9;}
.col-start-md-10 { grid-column-start:10;}
.col-start-md-11 { grid-column-start:11;}
.col-start-md-12 { grid-column-start:12;}
.col-md-1 { grid-column-end: span 1;}
.col-md-2 { grid-column-end: span 2;}
.col-md-3 { grid-column-end: span 3;}
.col-md-4 { grid-column-end: span 4;}
.col-md-5 { grid-column-end: span 5;}
.col-md-6 { grid-column-end: span 6;}
.col-md-7 { grid-column-end: span 7;}
.col-md-8 { grid-column-end: span 8;}
.col-md-9 { grid-column-end: span 9;}
.col-md-10 { grid-column-end: span 10;}
.col-md-11 { grid-column-end: span 11;}
.col-md-12 { grid-column-end: span 12;}
}


@media (min-width: 992px) {
.col-start-lg-1 { grid-column-start:1;}
.col-start-lg-2 { grid-column-start:2;}
.col-start-lg-3 { grid-column-start:3;}
.col-start-lg-4 { grid-column-start:4;}
.col-start-lg-5 { grid-column-start:5;}
.col-start-lg-6 { grid-column-start:6;}
.col-start-lg-7 { grid-column-start:7;}
.col-start-lg-8 { grid-column-start:8;}
.col-start-lg-9 { grid-column-start:9;}
.col-start-lg-10 { grid-column-start:10;}
.col-start-lg-11 { grid-column-start:11;}
.col-start-lg-12 { grid-column-start:12;}
.col-lg-1 { grid-column-end: span 1;}
.col-lg-2 { grid-column-end: span 2;}
.col-lg-3 { grid-column-end: span 3;}
.col-lg-4 { grid-column-end: span 4;}
.col-lg-5 { grid-column-end: span 5;}
.col-lg-6 { grid-column-end: span 6;}
.col-lg-7 { grid-column-end: span 7;}
.col-lg-8 { grid-column-end: span 8;}
.col-lg-9 { grid-column-end: span 9;}
.col-lg-10 { grid-column-end: span 10;}
.col-lg-11 { grid-column-end: span 11;}
.col-lg-12 { grid-column-end: span 12;}
}

.banner-collage .row {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 0px 0px;
}

.banner-collage [class^="col"], .banner-collage [class*=" col"] {
padding: 0px;
}

.banner-collage {
position: relative;
padding: 0px;
margin-top: -15px;
margin-bottom: -15px;
}

.banner-collage:before {
position: absolute;
top: 45px;
right: 0;
bottom: 45px;
left: 0;
content: '';
z-index: -1;
}

.azur.banner-collage:before {
background-color: var(--azur);
}

.lightblue.banner-collage:before {
background-color: var(--lightblue);
}

.darkblue.banner-collage:before {
background-color: var(--darkblue);
}

.banner-collage .image-1,
.banner-collage .image-2,
.banner-collage .image-3,
.banner-collage .image-4,
.banner-collage .image-5,
.banner-collage .text {
height: 100%;
width: 100%;
}

.banner-collage img {
inline-size: 100%; 
object-fit: cover;
border-radius: var(--border-radius-26);
aspect-ratio: 1;
height: auto;
padding: 15px;
}

@media (max-width: 575px) {
.banner-collage {
padding-left: 5px;
padding-right: 5px;
margin-top: -5px;
margin-bottom: -5px;
}
  
.banner-collage:before {
top: 35px;
bottom: 35px;
}

.banner-collage img {
padding: 10px;
}
}

.banner-collage .image-1 {
grid-row: 1;
}

.banner-collage .image-2 {
grid-row: 2;
}

.banner-collage .image-3   {
grid-row: 1 / span 2;
}

.banner-collage .text {
grid-row: 1;
display: grid;
box-sizing: border-box;
align-items: center;
padding: 60px 15px 0px 30px;
}

.banner-collage .text {
font-weight: bold;
font-size: var(--font-size-28);
color: var(--white);
}

.banner-collage.lightblue .text {
color: var(--darkblue);
}

@media (min-width: 992px) {
.banner-collage .text {
font-size: var(--font-size-21);
}
}

@media (min-width: 1200px) {
.banner-collage .text {
font-size: var(--font-size-28);
}
}

.banner-collage .image-4 {
grid-row: 2;
}

.banner-collage .image-4 img {
aspect-ratio: 2;
}

.banner-collage .image-5 {
grid-row: 2;
}

@media (max-width: 992px) {

.banner-collage .text {
padding: 15px;
margin: 0;
text-align: center;
}

.banner-collage .image-1 {
grid-row: 3;
}

.banner-collage .image-2 {
grid-row: 4;
}

.banner-collage .image-3  {
grid-row: 3 / span 2;
}

.banner-collage .text {
grid-row: 2;
}

.banner-collage .image-4 {
grid-row: 1;
}

.banner-collage .image-5 {
grid-row: 1;
}

.banner-collage .col-start-lg-1,
.banner-collage .col-start-lg-3 {
margin-bottom: 0 !important;
}

.banner-collage .text {
height: auto;
width: 100%;
}

}

/* 04-banner-collage ENDE */


/* 05-banner-image-slider */

.banner-image-slider {
position: relative;
padding: 20px 0px calc(20px + var(--space-sm)) 0px;
}

.banner-image-slider:before {
position: absolute;
top: 0px;
right: 0;
bottom: calc(50px - var(--space-sm));
left: 0;
content: '';
}

.azur.banner-image-slider:before {
background-color: var(--azur);
}

.lightblue.banner-image-slider:before {
background-color: var(--lightblue);
}

.darkblue.banner-image-slider:before {
background-color: var(--darkblue);
}

.banner-image-slider .slick-track {
margin-bottom: -6px;
overflow: hidden;
}

.banner-image-slider .slick-slide .abbildung {
padding: 15px;
position: relative;
}

.banner-image-slider .slick-slide .abbildung img {
border-radius: var(--border-radius-12);
}

.banner-image-slider .slick-slide .abbildung {
transition: all .2s;
}

.banner-image-slider .slick-slide .abbildung:hover {
transform: scale(1.03);
transition: all .2s;
}

/* Image-Description-Overlay */

.banner-image-slider .slick-slide .abbildung.overlay .description:before {
  overflow: hidden;
position: absolute;
content: '';
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
border-radius: var(--border-radius-12);
margin: 15px;
background-color: var(--overlay-2);
opacity: 0;
transition: all .25s;
}

.banner-image-slider .slick-slide .abbildung.overlay:hover .description:before {
opacity: 1;
transition: all .5s;
}

.banner-image-slider .slick-slide .abbildung.overlay .text {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
margin: 25px 30px;
color: var(--white);
font-size: var(--font-size-15);
font-weight: bold;
opacity: 0;
transition: all .25s;
}

@media (max-width: 1199px) {
.banner-image-slider .slick-slide .abbildung.overlay .text {
margin: 25px 30px;
font-size: var(--font-size-15);
}
}

.banner-image-slider .slick-slide .abbildung.overlay:hover .text {
opacity: 1;
transition: all .5s;
}

/* Image-Description-Overlay ENDE */

.banner-image-slider.azur .slick-prev::before,
.banner-image-slider.azur .slick-next::before,
.banner-image-slider.darkblue .slick-prev::before,
.banner-image-slider.darkblue .slick-next::before {
color: var(--white);
}

.banner-image-slider .slick-dots {
bottom: calc(-20px - var(--space-sm));
}

/* 05-banner-image-slider */


/* 06-banner-newsletter */

.banner-newsletter  {
background-color: var(--darkblue);
background-image: url("../img/background_newsletter.webp");
background-size: cover;
background-size: 100% auto;
background-position: center center;
color: var(--white);
padding: 50px 0px;
transition: all .25s;
}

.banner-newsletter:hover  {
background-size: 106% auto;
}

.banner-newsletter .title,
.banner-newsletter .subtitle {
color: var(--white);
font-size: var(--font-size-36);
line-height: 4rem;
font-weight: bold;
text-transform: uppercase;
}

.banner-newsletter .subtitle {
font-weight: normal;
}

.banner-newsletter .text {
font-size: var(--font-size-21);
color: var(--white);
margin-top: 40px;
}

.banner-newsletter .link a {
display: inline-block;
color: var(--white);
border: 1px solid white;
border-radius: var(--border-radius-8);
margin: 0 auto;
margin-top: 38px;
padding: 15px 20px 17px 20px;
font-size: var(--font-size-21);
font-weight: bold;
transition: all .25s;
}

.banner-newsletter .link a:before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: .75em;
content:'\F73D';
}

.banner-newsletter .link a:hover,
.banner-newsletter .link a:focus {
text-decoration: none;
}

@media (max-width: 480px) {
.banner-newsletter .link a {
font-size: var(--font-size-18);
}
}

.banner-newsletter:hover a {
transform: scale(1.1);
}

/* 06-banner-newsletter ENDE */


/* 07-banner-product-slider, 15-banner-product-slider-container, 16-banner-product-slider-element */

.banner-product-slider {
position: relative;
padding: 0px 0px var(--space-sm) 0px;
}

.banner-product-slider:before {
position: absolute;
top: 40px;
right: 0;
bottom: calc(40px + var(--space-sm));
left: 0;
content: '';
}

.azur.banner-product-slider:before {
background-color: var(--azur);
}

.lightblue.banner-product-slider:before {
background-color: var(--lightblue);
}

.darkblue.banner-product-slider:before {
background-color: var(--darkblue);
}

.banner-product-slider .slick-track {
/*margin-bottom: -6px;*/
overflow: hidden;
}

.banner-product-slider .slick-slide > DIV {
padding: 15px;
transition: all .2s;
}

.banner-product-slider .slick-slide .abbildung img {
border-radius: var(--border-radius-12);
}

.banner-product-slider .slick-slide .abbildung:hover {
transform: scale(1.03);
transition: all .2s;
}

.banner-product-slider.azur .slick-prev::before,
.banner-product-slider.azur .slick-next::before,
.banner-product-slider.darkblue .slick-prev::before,
.banner-product-slider.darkblue .slick-next::before {
color: var(--white);
}

.banner-product-slider .slick-dots {
bottom: calc(0px - var(--space-sm));
}

/* alle Slider Items in gleicher Höhe */

.banner-product-slider .slick-track {
display: flex !important;
}

.banner-product-slider .slick-slide {
height: inherit !important;
}

.banner-product-slider .slick-slide > DIV,
.banner-product-slider .slick-slide .teaser {
height: 100%;
}

.banner-product-slider .slick-slide .teaser .teaser-content {
position: initial;
}

/* alle Slider Items in gleicher Höhe ENDE */

/* 07-banner-product-slider, 15-banner-product-slider-container, 16-banner-product-slider-element */


/* 08-teaser */

.teaser {
position: relative;
border-radius: var(--border-radius-12);
background-color: var(--lightblue);
overflow: hidden;
box-shadow: 0px 0px 5px 0px var(--lightgrey);
transition: all .2s;
}

.teaser:hover {
transform: scale(1.03);
transition: all .2s;
}

.teaser a.overlay {
position: absolute;
z-index: 10;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.teaser a:hover,
.teaser a.overlay:hover {
text-decoration: none;
}

.teaser .teaser-content {
/*position: relative;*/
padding: 15px;
width: 100%;
}

.teaser.linked .teaser-content {
padding: 15px 15px 50px 15px;
}

.teaser,
.teaser a {
color: var(--darkblue) !important;
}

.teaser:hover {
background-color: var(--darkblue);
}

.teaser:hover,
.teaser:hover a {
color: var(--white) !important;
}

.teaser .teaser-content .title,
.teaser .teaser-content .subtitle {
line-height: 1.1;
font-weight: bold;
}

.teaser .teaser-content .subtitle {
font-weight: normal;
}

.teaser .teaser-content .text {
font-size: var(--font-size-15);
}

.teaser .teaser-content .title + .text,
.teaser .teaser-content .subtitle + .text {
margin-top: 10px;
}

.teaser .teaser-content .link a {
position: absolute;
left: 15px;
bottom: 15px;
display: inline-block;
font-weight: bold;
color: var(--darkblue);
}

.teaser.linked .teaser-content .link a {
padding-top: 25px;
padding-right: 15px;
}

/* Textsize large */

.teaser.large .teaser-content .title,
.teaser.large .teaser-content .subtitle {
font-size: var(--font-size-28);
}

/* Textsize large ENDE */

/* Darkblue */

.teaser.darkblue {
background-color: var(--darkblue);
}

.teaser.darkblue:hover {
background-color: var(--lightblue);
}

.teaser.darkblue,
.teaser.darkblue a {
color: var(--white) !important;
}

.teaser.darkblue:hover,
.teaser.darkblue:hover a {
color: var(--darkblue) !important;
}

/* Bulletlist darkblue */
.teaser.azur UL LI:before {
color: var(--white);
}

.teaser.azur:hover UL LI:before {
color: var(--darkblue);
}
/* Bulletlist darkblue ENDE */

/* Darkblue ENDE */

/* Transparent */

.teaser.transparent {
background-color: transparent;
box-shadow: none;
}

.teaser.transparent:hover,
.teaser.transparent:hover a {
color: var(--darkblue) !important;
}

.teaser.transparent .teaser-image img,
.teaser.transparent.icon .teaser-image {
border-bottom-left-radius: var(--border-radius-12);
border-bottom-right-radius: var(--border-radius-12);
}

.teaser.transparent .teaser-content {
padding-left: 0;
padding-right: 0;
}

.teaser.transparent.portrait .teaser-content a {
left: 0px;
}

/* Transparent ENDE */

/* Display landscape */

@media (min-width: 768px) {
.teaser.landscape {
display: flex;
}

.teaser.landscape.hasimage.hastext .teaser-image {
aspect-ratio: 1;
width: 33.33333%;
}

.teaser.landscape .teaser-image {
background-color: var(--darkblue);
}

.teaser.landscape .teaser-image img {
width: 100%;
inline-size: 100%;
object-fit: cover;
height: 100%;
}

.teaser.landscape.hasicon .teaser-content .title,
.teaser.landscape.hasicon .teaser-content .subtitle {
text-transform: uppercase;
}

.teaser.landscape .teaser-content {
position: relative;
padding: 15px;
/*padding: 15px 15px 50px 15px;
min-height: 130px;*/
}

.teaser.landscape.hasimage .teaser-content {
width: 66.66666%;
}
}

/* Display landscape ENDE */

/* Icon */

.teaser.icon .teaser-image {
/*aspect-ratio: 100 / 92;
padding: 25% 25% 0;*/
padding: 25%;
box-sizing: border-box;
background-color: var(--darkblue);
}

.teaser.icon:hover .teaser-image {
background-color: var(--azur);
}

.teaser.icon.darkblue:hover .teaser-image {
background-color: var(--darkblue);
}

.teaser.icon .teaser-image img {
width: 100%;
inline-size: 100%;
object-fit: contain;
}

.teaser.icon:hover,
.teaser.icon:hover a {
color: var(--darkblue) !important;
}

.teaser.icon:hover {
background-color: var(--lightblue);
}

.teaser.icon.lightblue:hover {
background-color: var(--lightblue);
}

.teaser.icon.transparent:hover {
background-color: inherit;
}

/* Icon landscape */

.teaser.icon.landscape {
display: flex;
}

.teaser.icon.landscape .teaser-image {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
/*width: 180px;*/
}

.teaser.icon.landscape .teaser-content {
position: relative;
/*width: calc(100% - 180px);*/
}

 @media (max-width: 992px) {
.teaser.icon.landscape .teaser-image {
width: 96px;
}

.teaser.icon.landscape .teaser-content {
width: calc(100% - 96px);
}
}

.teaser.icon.landscape .teaser-image img {
width: 65%;
inline-size: 65%;
object-fit: contain;
}

.teaser.icon.landscape.transparent .teaser-image {
border-radius: var(--border-radius-12);
}

.teaser.icon.transparent .teaser-content {
padding-left: 15px;
}

/* Icon landscape ENDE */

/* Icon ENDE */

/* image equal-height */
/*
.teaser.equal-height .teaser-image img,
.banner-image-slider img {
width: 100%;
inline-size: 100%;
object-fit: cover;
aspect-ratio: 4/3;
}
*/
/* image equal-height ENDE */

/* 08-teaser ENDE */


/* 09-link-button */

.link-button {

}

.link-button a {
display: table;
position: relative;
overflow: hidden;
border-radius: var(--border-radius-12);
width: 100%;
box-shadow: 0px 0px 5px 0px var(--lightgrey);
background-color: var(--lightblue);
color: var(--darkblue);
transition: all .2s;
padding: 0px;
font-size: var(--font-size-28);
font-weight: bold;
}

.link-button a:hover {
transform: scale(1.03);
}

.link-button a:hover,
.link-button a:focus {
text-decoration: none;
}

.link-button a:before {
display: table-cell;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: var(--darkblue);
color: var(--white);
font-size: 2em;
padding: 20px;
vertical-align: middle;
text-align: center;
}

.link-button.cart a:before {
/*content:'\F243';*/
content:"";
/*background-image: url(../img/schmersal/cart-white.svg);*/
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9Cgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnIGlkPSJpY29uc194MkZfY2FydCI+Cgk8ZyBpZD0iR3JvdXAtMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiPgoJCTxwb2x5bGluZSBpZD0iU3Ryb2tlLTEiIGNsYXNzPSJzdDAiIHBvaW50cz0iOSw5IDMwLDkgMjYuMSwyMyAxMi45LDIzIAkJIi8+CgkJPHBhdGggaWQ9IkZpbGwtMyIgY2xhc3M9InN0MSIgZD0iTTI1LDI4LjVjMC0wLjgtMC43LTEuNS0xLjUtMS41Yy0wLjgsMC0xLjUsMC43LTEuNSwxLjVjMCwwLjgsMC43LDEuNSwxLjUsMS41CgkJCUMyNC4zLDMwLDI1LDI5LjMsMjUsMjguNSIvPgoJCTxwYXRoIGlkPSJTdHJva2UtNSIgY2xhc3M9InN0MCIgZD0iTTI1LDI4LjVjMC0wLjgtMC43LTEuNS0xLjUtMS41Yy0wLjgsMC0xLjUsMC43LTEuNSwxLjVjMCwwLjgsMC43LDEuNSwxLjUsMS41CgkJCUMyNC4zLDMwLDI1LDI5LjMsMjUsMjguNXoiLz4KCQk8cGF0aCBpZD0iRmlsbC03IiBjbGFzcz0ic3QxIiBkPSJNMTYsMjguNWMwLTAuOC0wLjctMS41LTEuNS0xLjVjLTAuOCwwLTEuNSwwLjctMS41LDEuNWMwLDAuOCwwLjcsMS41LDEuNSwxLjUKCQkJQzE1LjMsMzAsMTYsMjkuMywxNiwyOC41Ii8+CgkJPHBhdGggaWQ9IlN0cm9rZS05IiBjbGFzcz0ic3QwIiBkPSJNMTYsMjguNWMwLTAuOC0wLjctMS41LTEuNS0xLjVjLTAuOCwwLTEuNSwwLjctMS41LDEuNWMwLDAuOCwwLjcsMS41LDEuNSwxLjUKCQkJQzE1LjMsMzAsMTYsMjkuMywxNiwyOC41eiIvPgoJCTxwYXRoIGlkPSJTdHJva2UtMTEiIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoNC41YzEuMSwwLDIuMiwwLjksMi41LDEuOUwxMi45LDIzIi8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: center center;
background-size: 50%;
background-color: var(--darkblue);
aspect-ratio: 1;
padding: 20px 48px;
}

.link-button.download a:before {
content:'\F30A';
}

.link-button:hover a:before {
background-color: var(--azur) !important;
}

.link-button a:after {
display: table-cell;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content:'\F135';
font-size: 2em;
padding: 20px;
vertical-align: middle;
}

.link-button a span {
display: table-cell;
padding: 20px 0px 20px 20px;
vertical-align: middle;
width: inherit;
text-transform: uppercase;
}

/* Darkblue */

.link-button.darkblue a {
background-color: var(--darkblue);
color: var(--white);
}

.link-button.darkblue a:before {
background-color: var(--lightblue);
color: var(--darkblue);
}

.link-button.darkblue.cart a:before {
/*background-image: url(../img/schmersal/cart.svg);*/
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzMy44MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDM3N2I7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5jbHMtMSwuY2xzLTJ7c3Ryb2tlOiMwMDM3N2I7fS5jbHMtMntmaWxsOm5vbmU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJpY29uc19jYXJ0Ij48ZyBpZD0iR3JvdXAtMTMiPjxwb2x5bGluZSBpZD0iU3Ryb2tlLTEiIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxMC44IDEwLjcxIDMyLjUgMTAuNzEgMjguNDIgMjUuMTcgMTQuODggMjUuMTciLz48cGF0aCBpZD0iRmlsbC0zIiBjbGFzcz0iY2xzLTEiIGQ9Im0yNy4zMywzMC44NmMwLS44Ni0uNjktMS41NS0xLjU1LTEuNTVzLTEuNTUuNjktMS41NSwxLjU1LjY5LDEuNTUsMS41NSwxLjU1LDEuNTUtLjY5LDEuNTUtMS41NSIvPjxwYXRoIGlkPSJTdHJva2UtNSIgY2xhc3M9ImNscy0yIiBkPSJtMjcuMzMsMzAuODZjMC0uODYtLjY5LTEuNTUtMS41NS0xLjU1cy0xLjU1LjY5LTEuNTUsMS41NS42OSwxLjU1LDEuNTUsMS41NSwxLjU1LS42OSwxLjU1LTEuNTVaIi8+PHBhdGggaWQ9IkZpbGwtNyIgY2xhc3M9ImNscy0xIiBkPSJtMTguMDMsMzAuODZjMC0uODYtLjY5LTEuNTUtMS41NS0xLjU1cy0xLjU1LjY5LTEuNTUsMS41NS42OSwxLjU1LDEuNTUsMS41NSwxLjU1LS42OSwxLjU1LTEuNTUiLz48cGF0aCBpZD0iU3Ryb2tlLTkiIGNsYXNzPSJjbHMtMiIgZD0ibTE4LjAzLDMwLjg2YzAtLjg2LS42OS0xLjU1LTEuNTUtMS41NXMtMS41NS42OS0xLjU1LDEuNTUuNjksMS41NSwxLjU1LDEuNTUsMS41NS0uNjksMS41NS0xLjU1WiIvPjxwYXRoIGlkPSJTdHJva2UtMTEiIGNsYXNzPSJjbHMtMiIgZD0ibTEuNSwxLjQxaDQuNjljMS4xNCwwLDIuMzIuOSwyLjYyLDEuOTlsNi4wNywyMS43OCIvPjwvZz48L2c+PC9zdmc+");
}


/*
.link-button.darkblue:hover a:before {
color: var(--white);
}
*/

.link-button.darkblue a:after {
color: var(--white);
}

/* Darkblue ENDE */

/* 09-link-button ENDE */


/* 10-link-pikto-text */

.link-pikto-text {
}

@media (max-width: 991px) {
.link-pikto-text {
display: flex;
justify-content: center;
text-align: center;
}
}

.link-pikto-text a { 
font-size: var(--font-size-18);
color: var(--darkblue);
font-weight: normal;
text-align: center;
}

@media (min-width: 992px) {
.link-pikto-text a { 
text-align: left;
}
}

.link-pikto-text a:before {
display: inline-block;
width: 80px;
height: 80px;
aspect-ratio: 1;
background-size: 100%;
background-repeat:no-repeat;
background-position: center center;
content:'';
margin-bottom: 10px;
}

@media (min-width: 992px) {
.link-pikto-text a:before {
display: table-cell;
margin-bottom: 0px;
}
}

.link-pikto-text a span.content { 
display: table-cell;
vertical-align: middle;
}

@media (min-width: 992px) {
.link-pikto-text a span.content { 
padding-left: 20px;
}
}

/* noicon */
.link-pikto-text.noicon a:before {
display: none;
width: 80px;
}

.link-pikto-text.noicon a span.content {
padding-left: 0px;
}

/* noicon ENDE */

.link-pikto-text a span.title { 
display: block;
font-size: var(--font-size-28);
line-height: 1.1;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 7px;
}

.link-pikto-text a:hover { 
color: var(--azur);
text-decoration: none;
}

.link-pikto-text a span.link { 
text-decoration: underline;
}

.link-pikto-text a:hover span.title,
.link-pikto-text a:hover span.link { 
text-decoration: none;
}

.link-pikto-text.tecnicum a:before { background-image: url(../img/schmersal/link-pikto-text/tecnicum.svg); transition: all .2s; }
.link-pikto-text.tecnicum a:hover:before { background-image: url(../img/schmersal/link-pikto-text/tecnicum_azur.svg); transition: all .2s; }

/*.link-pikto-text.cart a:before { background-image: url(../img/schmersal/link-pikto-text/cart.svg); }
.link-pikto-text.cart a:hover:before { background-image: url(../img/schmersal/link-pikto-text/cart_azur.svg); }*/
.link-pikto-text.cart a:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 33.81'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2300377b;fill-rule:evenodd;stroke-miterlimit:10;%7D.cls-1,.cls-2%7Bstroke:%2300377b;%7D.cls-2%7Bfill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg id='icons_cart'%3E%3Cg id='Group-13'%3E%3Cpolyline id='Stroke-1' class='cls-2' points='10.8 10.71 32.5 10.71 28.42 25.17 14.88 25.17'/%3E%3Cpath id='Fill-3' class='cls-1' d='m27.33,30.86c0-.86-.69-1.55-1.55-1.55s-1.55.69-1.55,1.55.69,1.55,1.55,1.55,1.55-.69,1.55-1.55'/%3E%3Cpath id='Stroke-5' class='cls-2' d='m27.33,30.86c0-.86-.69-1.55-1.55-1.55s-1.55.69-1.55,1.55.69,1.55,1.55,1.55,1.55-.69,1.55-1.55Z'/%3E%3Cpath id='Fill-7' class='cls-1' d='m18.03,30.86c0-.86-.69-1.55-1.55-1.55s-1.55.69-1.55,1.55.69,1.55,1.55,1.55,1.55-.69,1.55-1.55'/%3E%3Cpath id='Stroke-9' class='cls-2' d='m18.03,30.86c0-.86-.69-1.55-1.55-1.55s-1.55.69-1.55,1.55.69,1.55,1.55,1.55,1.55-.69,1.55-1.55Z'/%3E%3Cpath id='Stroke-11' class='cls-2' d='m1.5,1.41h4.69c1.14,0,2.32.9,2.62,1.99l6.07,21.78'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.link-pikto-text.cart a:hover:before {filter: invert(51%) sepia(99%) saturate(1933%) hue-rotate(159deg) brightness(97%) contrast(103%);}

/*.link-pikto-text.contact a:before { background-image: url(../img/schmersal/link-pikto-text/contact_person.svg); }
.link-pikto-text.contact a:hover:before { background-image: url(../img/schmersal/link-pikto-text/contact_person_azur.svg); }*/
.link-pikto-text.contact a:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 33.81'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:none;stroke:%2300377b;stroke-width:2px;%7D.cls-2%7Bstroke-linecap:round;stroke-linejoin:round;%7D%3C/style%3E%3C/defs%3E%3Cg id='icons_contact_person'%3E%3Cg id='Group-9'%3E%3Cpath id='Stroke-1' class='cls-1' d='m16.64,11.89c0,3.18-2.58,5.75-5.77,5.75s-5.77-2.58-5.77-5.75,2.58-5.75,5.77-5.75,5.77,2.58,5.77,5.75Z'/%3E%3Cpath id='Stroke-3' class='cls-2' d='m1.5,27c0-4.77,4.59-8.63,9.37-8.63s9.37,3.86,9.37,8.63v.72H1.5v-.72Z'/%3E%3Cpath id='Stroke-5' class='cls-1' d='m29.62,11.13c0,2.78-2.26,5.04-5.05,5.04s-5.05-2.26-5.05-5.04,2.26-5.04,5.05-5.04,5.05,2.25,5.05,5.04Z'/%3E%3Cpath id='Stroke-7' class='cls-2' d='m19.58,18.66c1.41-1.08,3.19-1.73,4.99-1.73,4.04,0,7.93,3.27,7.93,7.3v.61h-9.43'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.link-pikto-text.contact a:hover:before {filter: invert(51%) sepia(99%) saturate(1933%) hue-rotate(159deg) brightness(97%) contrast(103%);}

/*.link-pikto-text.mail a:before { background-image: url(../img/schmersal/link-pikto-text/mail.svg);}
.link-pikto-text.mail a:hover:before { background-image: url(../img/schmersal/link-pikto-text/mail_azur.svg); }*/
.link-pikto-text.mail a:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%2300377b;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg id='icons_mail'%3E%3Cg id='Group-5'%3E%3Cpath id='Stroke-1' class='cls-1' d='m30.43,6.67c1.14,0,2.07.93,2.07,2.07v16.53c0,1.14-.93,2.07-2.07,2.07H3.57c-1.14,0-2.07-.93-2.07-2.07V8.73c0-1.14.93-2.07,2.07-2.07h26.87Z'/%3E%3Cpolyline id='Stroke-3' class='cls-1' points='31.47 7.7 17 20.1 2.53 7.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.link-pikto-text.mail a:hover:before {filter: invert(51%) sepia(99%) saturate(1933%) hue-rotate(159deg) brightness(97%) contrast(103%);}

/*.link-pikto-text.application a:before { background-image: url(../img/schmersal/link-pikto-text/application.svg); }
.link-pikto-text.application a:hover:before { background-image: url(../img/schmersal/link-pikto-text/application_azur.svg); }*/
.link-pikto-text.application a:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 33.81'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%2300377b;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D.cls-2%7Bfill:%2300377b;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cg id='icons_application'%3E%3Cg id='Group-7'%3E%3Cpath id='Fill-1' class='cls-2' d='m27.12,28.61c-.23.07-.46.11-.69.11-1.02,0-1.96-.67-2.27-1.7-.38-1.26.32-2.6,1.58-2.98.23-.07.46-.1.69-.1,1.02,0,1.96.67,2.27,1.7.38,1.26-.32,2.6-1.58,2.98m5.02-2.37l-.89-.39c-.25-.11-.49-.41-.54-.66l-.07-.22c-.11-.37-.22-.58-.22-.58-.13-.24-.11-.63.04-.86l.36-.57c.15-.23.11-.58-.09-.76l-.88-.83c-.11-.1-.26-.16-.42-.16-.13,0-.25.04-.35.11l-.67.49c-.16.12-.41.19-.64.19-.08,0-.17,0-.24-.03l-.68-.12c-.27-.02-.6-.24-.72-.49l-.33-.63c-.1-.2-.33-.32-.55-.32-.05,0-.11,0-.16.02l-1.16.35c-.26.08-.45.37-.42.64l.09.83c.03.28-.11.65-.31.84l-.35.39c-.16.21-.5.38-.77.38,0,0-.02,0-.03,0l-.77-.03h-.02c-.26,0-.53.2-.59.47l-.27,1.18c-.06.27.09.58.34.69l.68.3c.25.11.49.42.53.7,0,0,.01.1.11.4.08.28.11.34.11.34.12.25.09.64-.06.87l-.39.62c-.15.23-.1.58.1.77l.88.83c.11.1.26.15.41.15.13,0,.25-.04.35-.11l.57-.42c.15-.11.38-.17.59-.17.1,0,.2.01.28.04l.7.17c.27.04.6.27.72.52l.48.92c.1.2.33.32.55.32.05,0,.11,0,.16-.02l1.15-.35c.26-.08.45-.37.42-.64l-.11-1.02c-.03-.27.11-.65.32-.83l.55-.61c.15-.22.49-.38.76-.38h.03l.87.04h.01c.27,0,.54-.2.6-.47l.27-1.18c.06-.27-.09-.58-.34-.69'/%3E%3Cpath id='Stroke-3' class='cls-1' d='m18.86,15.12c-.21.38-.1,1.04.23,1.48l.72.94c.33.44.29,1.11-.1,1.5l-.52.53c-.39.39-1.07.44-1.51.12l-.96-.71c-.44-.33-1.11-.44-1.48-.25-.37.19-1.47.97-1.54,1.51l-.15,1.17c-.07.55-.58.99-1.13,1h-.74c-.55,0-1.07-.44-1.15-.98l-.18-1.19c-.08-.54-.46-1.07-.84-1.18l-.34-.14-.36-.15c-.37-.2-.67-.37-.67-.37,0,0-.36.27-.8.6l-.95.72c-.44.33-1.12.28-1.51-.1l-.52-.52c-.39-.39-.44-1.07-.12-1.51l.71-.97c.33-.45.44-1.12.25-1.49-.19-.37-.97-1.48-1.51-1.55l-1.16-.14c-.55-.07-1-.57-1-1.12v-.74c0-.55.44-1.07.98-1.15l1.18-.18c.54-.08,1.08-.46,1.18-.84l.14-.34.15-.38c.22-.39.39-.7.39-.7s-.28-.36-.62-.79l-.72-.92c-.34-.43-.3-1.11.09-1.5l.52-.53c.39-.39,1.06-.44,1.5-.1l.94.71c.44.33,1.11.45,1.49.25.38-.2,1.51-.98,1.58-1.53l.15-1.17c.07-.55.58-.99,1.13-1h.74c.55,0,1.06.44,1.14.99l.17,1.18c.08.54.46,1.08.85,1.19l.35.14.37.15c.37.21,1.04.1,1.47-.23l.94-.72c.44-.33,1.12-.29,1.51.1l.53.52c.39.39.44,1.06.11,1.5l-.71.94c-.33.44-.44,1.11-.25,1.49.19.38.98,1.5,1.53,1.57l1.17.15c.55.07.99.58,1,1.13v.74c0,.55-.44,1.07-.98,1.15l-1.19.18c-.54.08-1.07.46-1.18.83l-.14.34-.15.37Z'/%3E%3Cpath id='Stroke-5' class='cls-1' d='m15.42,11.9c0,1.93-1.57,3.5-3.5,3.5s-3.5-1.57-3.5-3.5,1.57-3.5,3.5-3.5,3.5,1.57,3.5,3.5Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.link-pikto-text.application a:hover:before {filter: invert(51%) sepia(99%) saturate(1933%) hue-rotate(159deg) brightness(97%) contrast(103%);}

/*.link-pikto-text.employee a:before { background-image: url(../img/schmersal/link-pikto-text/employee.svg); }
.link-pikto-text.employee a:hover:before { background-image: url(../img/schmersal/link-pikto-text/employee_azur.svg); }*/
.link-pikto-text.employee a:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 33.81'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%2300377b;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg id='icons_mitarbeiter'%3E%3Cg id='Group-27'%3E%3Cpath id='Stroke-1' class='cls-1' d='m20.1,4.51c0,1.71-1.39,3.1-3.1,3.1s-3.1-1.39-3.1-3.1,1.39-3.1,3.1-3.1,3.1,1.39,3.1,3.1Z'/%3E%3Cpolyline id='Stroke-3' class='cls-1' points='20.1 22.07 19.07 32.41 14.93 32.41 13.9 22.07'/%3E%3Cpolyline id='Stroke-5' class='cls-1' points='10.8 15.94 10.8 22.07 13.9 22.07'/%3E%3Cpolyline id='Stroke-7' class='cls-1' points='23.2 15.94 23.2 22.07 20.1 22.07'/%3E%3Cpath id='Stroke-9' class='cls-1' d='m23.2,15.87c0-3.42-2.78-6.2-6.2-6.2s-6.2,2.78-6.2,6.2'/%3E%3Cpath id='Stroke-11' class='cls-1' d='m30.43,6.57c0,1.71-1.39,3.1-3.1,3.1s-3.1-1.39-3.1-3.1,1.39-3.1,3.1-3.1,3.1,1.39,3.1,3.1Z'/%3E%3Cpolyline id='Stroke-13' class='cls-1' points='24.23 26.21 25.27 30.34 29.4 30.34 30.43 22.07'/%3E%3Cpolyline id='Stroke-15' class='cls-1' points='32.5 18 32.5 22.07 30.43 22.07'/%3E%3Cpath id='Stroke-17' class='cls-1' d='m32.5,17.94c0-3.42-1.74-6.2-5.17-6.2'/%3E%3Cpath id='Stroke-19' class='cls-1' d='m3.57,6.57c0,1.71,1.39,3.1,3.1,3.1s3.1-1.39,3.1-3.1-1.39-3.1-3.1-3.1-3.1,1.39-3.1,3.1Z'/%3E%3Cpolyline id='Stroke-21' class='cls-1' points='3.57 22.07 4.6 30.34 8.73 30.34 9.77 26.21'/%3E%3Cpolyline id='Stroke-23' class='cls-1' points='1.5 18 1.5 22.07 3.57 22.07'/%3E%3Cpath id='Stroke-25' class='cls-1' d='m1.5,17.94c0-3.42,1.74-6.2,5.17-6.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.link-pikto-text.employee a:hover:before {filter: invert(51%) sepia(99%) saturate(1933%) hue-rotate(159deg) brightness(97%) contrast(103%);}

.link-pikto-text.search a:before { background-image: url(../img/schmersal/link-pikto-text/search.svg); }
.link-pikto-text.search a:hover:before { background-image: url(../img/schmersal/link-pikto-text/search_azur.svg); }

/*.link-pikto-text.broshure a:before { background-image: url(../img/schmersal/link-pikto-text/brochure.svg); }
.link-pikto-text.broshure a:hover:before { background-image: url(../img/schmersal/link-pikto-text/brochure_azur.svg); }*/
.link-pikto-text.broshure a:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D.cls-1,.cls-2%7Bfill:none;stroke:%2300377b;%7D.cls-2%7Bstroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cg id='icons_brochure'%3E%3Cg id='Group-49'%3E%3Cpath id='Stroke-1' class='cls-1' d='m17,32.41l14.49-2.9c.56-.11,1.01-.67,1.01-1.24V2.44c0-.57-.46-.94-1.01-.83l-14.49,2.9'/%3E%3Cg id='Group-6'%3E%3Cline id='Fill-3' class='cls-2' x1='17' y1='4.37' x2='17' y2='32.27'/%3E%3Cline id='Stroke-5' class='cls-1' x1='17' y1='4.37' x2='17' y2='32.27'/%3E%3C/g%3E%3Cg id='Group-10'%3E%3Cline id='Fill-7' class='cls-2' x1='28.37' y1='22.77' x2='21.13' y2='24.21'/%3E%3Cline id='Stroke-9' class='cls-1' x1='28.37' y1='22.77' x2='21.13' y2='24.21'/%3E%3C/g%3E%3Cg id='Group-14'%3E%3Cline id='Fill-11' class='cls-2' x1='21.13' y1='17.5' x2='28.37' y2='16.05'/%3E%3Cline id='Stroke-13' class='cls-1' x1='21.13' y1='17.5' x2='28.37' y2='16.05'/%3E%3C/g%3E%3Cg id='Group-18'%3E%3Cline id='Fill-15' class='cls-2' x1='28.37' y1='9.33' x2='21.13' y2='10.78'/%3E%3Cline id='Stroke-17' class='cls-1' x1='28.37' y1='9.33' x2='21.13' y2='10.78'/%3E%3C/g%3E%3Cg id='Group-22'%3E%3Cline id='Fill-19' class='cls-2' x1='21.13' y1='24.21' x2='28.37' y2='22.77'/%3E%3Cline id='Stroke-21' class='cls-1' x1='21.13' y1='24.21' x2='28.37' y2='22.77'/%3E%3C/g%3E%3Cg id='Group-26'%3E%3Cline id='Fill-23' class='cls-2' x1='28.37' y1='16.05' x2='21.13' y2='17.5'/%3E%3Cline id='Stroke-25' class='cls-1' x1='28.37' y1='16.05' x2='21.13' y2='17.5'/%3E%3C/g%3E%3Cpath id='Stroke-27' class='cls-1' d='m17,32.41l-14.49-2.9c-.56-.11-1.01-.67-1.01-1.24V2.44c0-.57.46-.94,1.01-.83l14.49,2.9'/%3E%3Cg id='Group-32'%3E%3Cline id='Fill-29' class='cls-2' x1='5.63' y1='22.77' x2='12.87' y2='24.21'/%3E%3Cline id='Stroke-31' class='cls-1' x1='5.63' y1='22.77' x2='12.87' y2='24.21'/%3E%3C/g%3E%3Cg id='Group-36'%3E%3Cline id='Fill-33' class='cls-2' x1='12.87' y1='17.5' x2='5.63' y2='16.05'/%3E%3Cline id='Stroke-35' class='cls-1' x1='12.87' y1='17.5' x2='5.63' y2='16.05'/%3E%3C/g%3E%3Cg id='Group-40'%3E%3Cline id='Fill-37' class='cls-2' x1='5.63' y1='9.33' x2='12.87' y2='10.78'/%3E%3Cline id='Stroke-39' class='cls-1' x1='5.63' y1='9.33' x2='12.87' y2='10.78'/%3E%3C/g%3E%3Cg id='Group-44'%3E%3Cline id='Fill-41' class='cls-2' x1='12.87' y1='24.21' x2='5.63' y2='22.77'/%3E%3Cline id='Stroke-43' class='cls-1' x1='12.87' y1='24.21' x2='5.63' y2='22.77'/%3E%3C/g%3E%3Cg id='Group-48'%3E%3Cline id='Fill-45' class='cls-2' x1='5.63' y1='16.05' x2='12.87' y2='17.5'/%3E%3Cline id='Stroke-47' class='cls-1' x1='5.63' y1='16.05' x2='12.87' y2='17.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.link-pikto-text.broshure a:hover:before {filter: invert(51%) sepia(99%) saturate(1933%) hue-rotate(159deg) brightness(97%) contrast(103%);}

/*.link-pikto-text.video a:before { background-image: url(../img/schmersal/link-pikto-text/video.svg); }
.link-pikto-text.video a:hover:before { background-image: url(../img/schmersal/link-pikto-text/video_azur.svg); }*/
.link-pikto-text.video a:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 34 33.8' style='enable-background:new 0 0 34 33.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2313357A;%7D%0A%3C/style%3E%3Cg%3E%3Cg id='Ebene_1_00000095338768126779462390000012237165837001740192_'%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M30.8,32.9H3.2c-0.9,0-1.7-0.8-1.7-1.7V2.5c0-0.9,0.8-1.7,1.7-1.7h27.7c0.9,0,1.7,0.8,1.7,1.7v28.7 C32.5,32.2,31.7,32.9,30.8,32.9z M3.2,2.2c-0.2,0-0.4,0.2-0.4,0.4v28.7c0,0.2,0.2,0.4,0.4,0.4h27.7c0.2,0,0.4-0.2,0.4-0.4V2.5 c0-0.2-0.2-0.4-0.4-0.4C30.8,2.2,3.2,2.2,3.2,2.2z'/%3E%3Cpath class='st0' d='M21.6,3.9h1c0.4,0,0.7,0.3,0.7,0.7v2c0,0.4-0.3,0.7-0.7,0.7h-1c-0.4,0-0.7-0.3-0.7-0.7v-2 C20.9,4.2,21.2,3.9,21.6,3.9z'/%3E%3Cpath class='st0' d='M26.8,3.9h1c0.4,0,0.7,0.3,0.7,0.7v2c0,0.4-0.3,0.7-0.7,0.7h-1c-0.4,0-0.7-0.3-0.7-0.7v-2 C26.1,4.2,26.4,3.9,26.8,3.9z'/%3E%3Cpath class='st0' d='M16.5,3.9h1c0.4,0,0.7,0.3,0.7,0.7v2c0,0.4-0.3,0.7-0.7,0.7h-1c-0.4,0-0.7-0.3-0.7-0.7v-2 C15.8,4.2,16.1,3.9,16.5,3.9z'/%3E%3Cpath class='st0' d='M11.4,3.9h1c0.4,0,0.7,0.3,0.7,0.7v2c0,0.4-0.3,0.7-0.7,0.7h-1c-0.4,0-0.7-0.3-0.7-0.7v-2 C10.7,4.2,11,3.9,11.4,3.9z'/%3E%3Cpath class='st0' d='M6.3,3.9h1c0.4,0,0.7,0.3,0.7,0.7v2c0,0.4-0.3,0.7-0.7,0.7h-1C5.9,7.3,5.6,7,5.6,6.6v-2 C5.6,4.2,5.9,3.9,6.3,3.9z'/%3E%3Cpath class='st0' d='M21.6,26.5h1c0.4,0,0.7,0.3,0.7,0.7v2c0,0.4-0.3,0.7-0.7,0.7h-1c-0.4,0-0.7-0.3-0.7-0.7v-2 C20.9,26.8,21.2,26.5,21.6,26.5z'/%3E%3Cpath class='st0' d='M26.8,26.5h1c0.4,0,0.7,0.3,0.7,0.7v2c0,0.4-0.3,0.7-0.7,0.7h-1c-0.4,0-0.7-0.3-0.7-0.7v-2 C26.1,26.8,26.4,26.5,26.8,26.5z'/%3E%3Cpath class='st0' d='M16.5,26.5h1c0.4,0,0.7,0.3,0.7,0.7v2c0,0.4-0.3,0.7-0.7,0.7h-1c-0.4,0-0.7-0.3-0.7-0.7v-2 C15.8,26.8,16.1,26.5,16.5,26.5z'/%3E%3Cpath class='st0' d='M11.4,26.5h1c0.4,0,0.7,0.3,0.7,0.7v2c0,0.4-0.3,0.7-0.7,0.7h-1c-0.4,0-0.7-0.3-0.7-0.7v-2 C10.7,26.8,11,26.5,11.4,26.5z'/%3E%3Cpath class='st0' d='M6.3,26.5h1c0.4,0,0.7,0.3,0.7,0.7v2c0,0.4-0.3,0.7-0.7,0.7h-1c-0.4,0-0.7-0.3-0.7-0.7v-2 C5.6,26.8,5.9,26.5,6.3,26.5z'/%3E%3C/g%3E%3Cpath class='st0' d='M13.4,21.7c-0.1,0-0.2,0-0.3-0.1c-0.2-0.1-0.3-0.3-0.3-0.6v-8.2c0-0.2,0.1-0.4,0.3-0.6 c0.2-0.1,0.4-0.1,0.6,0l8.2,4.2c0.2,0.1,0.3,0.3,0.3,0.6c0,0.2-0.2,0.4-0.4,0.6l-8.2,4C13.5,21.5,13.4,21.6,13.4,21.7L13.4,21.7z M14.1,13.8v6.1l6.1-3C20.2,16.9,14.1,13.8,14.1,13.8z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.link-pikto-text.video a:hover:before {filter: invert(51%) sepia(99%) saturate(1933%) hue-rotate(159deg) brightness(97%) contrast(103%);}

/*.link-pikto-text.safer-workplace a:before { background-image: url(../img/schmersal/link-pikto-text/safer-workplace.svg); }
.link-pikto-text.safer-workplace a:hover:before { background-image: url(../img/schmersal/link-pikto-text/safer-workplace_azur.svg); }*/
.link-pikto-text.safer-workplace a:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 62.4 62.4'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2313357a; %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709) --%3E%3Cg%3E%3Cg id='Ebene_1'%3E%3Cpath class='cls-1' d='M58.7,16.4c-14,0-17.5-2.6-17.5-2.6-.3-.3-.9-.3-1.2,0,0,0-1.2.9-4.8,1.6l1.5-2c.3-.4.3-.9,0-1.3l-3.3-3.3c-.3-.3-.9-.4-1.3,0l-3.4,2.6c-1-.6-2.1-1-3.2-1.3l-.5-4.2c0-.5-.5-.8-1-.8h-4.8c-.5,0-.9.4-1,.8l-.5,4.2c-1.1.3-2.2.8-3.3,1.4l-3.4-2.6c-.4-.3-.9-.3-1.3,0l-3.3,3.3c-.3.3-.4.9,0,1.3l2.6,3.3c-.6,1-1.1,2.1-1.4,3.3l-4.1.5c-.5,0-.8.5-.8,1v4.8c0,.5.4.9.8,1l4.1.5c.3,1.1.8,2.2,1.4,3.3l-2.5,3.4c-.3.4-.2.9,0,1.2l3.3,3.3c.3.3.9.4,1.3,0l3.3-2.5c1,.6,2.1,1,3.2,1.3l.5,4.1c0,.5.5.8,1,.8h2.4c1.7,10.4,18,14.3,18.7,14.5h.4c.8-.2,18.9-4.5,18.9-16.3v-23.7c0-.5-.2-.9-.8-.9ZM21.5,28.5c-2.4,0-4.4-2.1-4.4-4.5s2-4.5,4.4-4.5v9ZM21.3,17.6v.3c-3.4,0-6.2,2.8-6.2,6.2s2.8,6.2,6.2,6.2v10.8h-1.4l-.5-4c0-.4,0-.8-.5-.9-1.4-.3-2.7-.8-3.8-1.6-.3-.2-.8-.2-1.1,0l-3.2,2.4-2.2-2.1,2.4-3.2c.2-.3.2-.7,0-1.1-.8-1.2-1.3-2.5-1.6-3.9,0-.4-.4-.7-.8-.7l-3.9-.5v-3.1l3.9-.5c.4,0,.7-.3.8-.7.3-1.4.9-2.7,1.6-3.9.2-.3.2-.8,0-1.1l-2.5-3.1,2.1-2.1,3.2,2.4c.3.2.8.3,1.1,0,1.2-.8,2.5-1.3,3.9-1.6.4,0,.7-.4.7-.8l.5-4h3.1l.5,4c0,.4.3.7.7.8,1.3.3,2.6.8,3.8,1.6.3.2.8.2,1.1,0l3.2-2.5,2.1,2.1-2.2,3c-2.5.3-5.8.6-10,.6-.8,0-1,.4-1,1ZM57.8,41.1c0,9.6-15.2,13.8-17.2,14.3-2-.5-17.2-4.7-17.2-14.3v-22.7c11.2,0,15.7-1.8,17.2-2.6,1.5.8,6,2.5,17.2,2.6v22.7Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.link-pikto-text.safer-workplace a:hover:before {filter: invert(51%) sepia(99%) saturate(1933%) hue-rotate(159deg) brightness(97%) contrast(103%);}

/*.link-pikto-text.academy a:before { background-image: url(../img/schmersal/link-pikto-text/academy.svg); }
.link-pikto-text.academy a:hover:before { background-image: url(../img/schmersal/link-pikto-text/academy_azur.svg); }*/
.link-pikto-text.academy a:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 34 33.8' style='enable-background:new 0 0 34 33.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2313357A;%7D%0A%3C/style%3E%3Cg%3E%3Cg id='Ebene_1_00000124148122377929303160000005345073266421441204_'%3E%3Cg%3E%3Cpath class='st0' d='M32.3,27.4V22l0,0l0,0c0-0.2-0.1-0.4-0.3-0.5l-8.2-4.7c-0.2-0.1-0.4-0.1-0.7,0l-8.2,4.7 c-0.2,0.1-0.3,0.3-0.3,0.5c0,0.2,0.1,0.4,0.3,0.5l3.2,1.8l0,0v5.8c0,0,0,0,0,0.1v0.1c0,0,0,0.1,0,0.1c0,0,0,0.1,0.1,0.1 c0,0,0.1,0.1,0.1,0.1l0,0c0.1,0,2.1,1.3,5,1.3s4.9-1.2,5-1.3l0,0c0,0,0.1,0,0.1-0.1c0,0,0-0.1,0.1-0.1c0,0,0-0.1,0-0.1v-0.1 c0,0,0,0,0-0.1v-5.8l0,0l2.2-1.3v4.3c-0.3,0.2-0.6,0.6-0.6,1c0,0.7,0.5,1.2,1.2,1.2c0.7,0,1.2-0.5,1.2-1.2s-0.2-0.8-0.6-1 L32.3,27.4z M27.5,29.8c-0.6,0.3-2.1,0.9-4.1,0.9s-3.5-0.6-4.1-0.9v-4.7l3.7,2.1c0.1,0.1,0.2,0.1,0.3,0.1s0.2,0,0.3-0.1l3.7-2.1 C27.5,25.1,27.5,29.8,27.5,29.8z M23.4,26l-6.9-4l6.9-4l6.9,4L23.4,26z'/%3E%3Cpath class='st0' d='M14.2,1.9c-7,0-12.7,5.8-12.7,12.8s5.7,12.7,12.7,12.7s1.2,0,1.7-0.1c0.3,0,0.6-0.4,0.5-0.7 c0-0.3-0.4-0.6-0.7-0.5c-0.5,0.1-1,0.1-1.5,0.1c-0.5,0-0.5,0-0.8,0c-2-1.9-3.5-4.2-4.3-6.7h6.7c0.3,0,0.7-0.3,0.7-0.7 s-0.3-0.7-0.7-0.7h-1v-6.8h4.8c0.3,1.1,0.4,2.2,0.4,3.4s0,0.5,0,0.8c0,0.3,0.3,0.7,0.6,0.7l0,0c0.3,0,0.6-0.3,0.7-0.6 c0-0.3,0-0.5,0-0.8c0-1.2-0.1-2.3-0.3-3.4h4.2c0.3,1.1,0.5,2.2,0.5,3.4s0,0.5,0,0.8c0,0.3,0.2,0.7,0.6,0.7c0.3,0,0.7-0.2,0.7-0.6 c0-0.3,0-0.6,0-0.9C27,7.6,21.3,1.9,14.2,1.9L14.2,1.9z M13.5,3.2c0,0,0.1,0,0.1,0v6.7H9.2C10,7.4,11.5,5.1,13.5,3.2z M11.3,3.6 C9.7,5.4,8.5,7.6,7.8,10h-4C5.2,6.9,8,4.5,11.3,3.6L11.3,3.6z M2.8,14.7c0-1.2,0.2-2.3,0.5-3.4h4.2c-0.2,1.1-0.3,2.2-0.3,3.4 s0.1,2.3,0.3,3.4H3.3C3,17,2.8,15.9,2.8,14.7z M11.3,25.7c-3.3-0.9-6.1-3.3-7.5-6.4h4C8.5,21.7,9.7,23.9,11.3,25.7z M13.6,18.1 H8.9c-0.3-1.1-0.4-2.2-0.4-3.4s0.1-2.3,0.4-3.4h4.8C13.6,11.3,13.6,18.1,13.6,18.1z M14.9,9.9V3.2c0,0,0.1,0,0.1,0 c2,1.9,3.5,4.2,4.3,6.7C19.3,9.9,14.9,9.9,14.9,9.9z M20.7,9.9c-0.7-2.4-1.9-4.6-3.5-6.4c3.3,0.9,6.1,3.3,7.5,6.4H20.7z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.link-pikto-text.academy a:hover:before {filter: invert(51%) sepia(99%) saturate(1933%) hue-rotate(159deg) brightness(97%) contrast(103%);}

/* 10-link-pikto-text ENDE*/



/* 11-link-group ENDE */

.link-group SPAN {
display: block;
font-weight: bold;
}

@media (min-width: 768px) {
.link-group SPAN {
display: inline-block;
margin-left: 25px
}

.link-group SPAN:first-child {
margin-left: 0px
}
}

@media (min-width: 992px) {
.link-group SPAN {
margin-left: 50px
}
}

/* 11-link-group ENDE */


/* 12-header-link */

.header-link h2 {
font-weight: bold;
}

@media (min-width: 768px) {
.header-link {
display: table;
width: 100%;
}

.header-link DIV {
display: table-cell;
vertical-align: middle;
}

.header-link h2 {
margin: 0;
}

.header-link .link {
text-align: right;
}
}

/* 12-header-link ENDE */


/* 13-header-slider-container, 14 header-slider-element */

.header-slider {
position: relative;
}

.header-slider:before {
position: absolute;
z-index: -1;
left: 0px;
right: 50%;
top: 0px;
bottom: 0px;
content: '';
background: var(--darkblue);
}

.header-slider:after {
position: absolute;
z-index: -1;
left: 50%;
right: 0;
top: 0px;
bottom: 50px;
content: '';
background: var(--azur);
}

.header-slider .slick-slider {
background-color: var(--darkblue);
border-bottom-right-radius: 30px;
}

.header-slider .slick-list {
margin: 0px;
}

.header-slider .slick-slide > DIV {
width: 100%;
}

/*
@media (min-width: 992px) {
.header-slider .slick-track .slick-slide .image,
.header-slider .slick-track .slick-slide .text {
width: 50%;
}
}
*/

.header-slider .slick-track .slick-slide {
padding:0;
height: auto;
display: flex;
flex-wrap: wrap;
}

/*
.header-slider .slick-track .slick-slide .image,
.header-slider .slick-track .slick-slide .text {
width: 100%;
}
*/

.header-slider .slider {
width: 100%;
float: left;
padding-bottom: 50px;
background-color: var(--darkblue);
border-bottom-right-radius: 30px;
}

.header-slider .bilder {
background-repeat: no-repeat;
width: 50%;
height: 450px;
/*overflow: hidden;*/
float: left;
border-radius: 0 0 0 40px;
background:  var(--darkblue);
padding-bottom: 0;
}

.header-slider .text, .header-slider .bild {
transition-property: opacity;
transition-duration: .8s;   
opacity: 0;
}

.header-slider .slider .slick-current .text,
.header-slider .slider .slick-current .bild,
.header-slider .slider .slick-cloned .text,
.header-slider .slider .slick-cloned .bild {
opacity: 1;
transition-property: opacity;
transition-duration: .01s ; 
}

.header-slider .slider .texte {
width: 50%;
float: left;
background: linear-gradient(42deg, var(--darkblue) 0%, var(--azur) 60%);
}

.header-slider .slider .bilder .bild {
width: 50%;
overflow: hidden;
}

.header-slider .slider .bilder .slick-list {
overflow: hidden;
border-radius: 0 0 0 40px;
}

.header-slider .slider .texte .text {
/*position: relative;*/
width: 50%;
float: left;
padding: 50px;
color: white;
font-size: var(--font-size-18);
}

@media (max-width: 992px) {
.header-slider .slider .texte .text {
padding: 50px 50px 100px 50px;
}
}


@media (min-width: 992px) {
.header-slider .slider .texte .text {
height: 450px;
}
}

.header-slider .slider .texte .text .inner-text {
/*position: relative;*/
width: 100%;
}

.header-slider .slider .texte.slick-slider {
border-bottom-right-radius: 0px;
}

.header-slider .slider .bilder.slick-slider .slick-next,
.header-slider .slider .texte.slick-slider .slick-prev {
visibility: hidden;
opacity: 0;
display: none;
}

.header-slider .slick-prev::before, .header-slider .slick-next::before {
color: var(--white);
}

.header-slider .texte .slick-dots{
position: absolute;
transform: translate(-100%, 0);
left: 50%;
bottom: -32.5px;
}

.header-slider .slick-dots li button::before {
color: var(--azur);
background-color: var(--azur);
}

.header-slider .slick-dots li.slick-active button::before {
color: var(--white);
background-color: var(--white);
}

.header-slider .slick-dots li button:hover::before,
.header-slider .slick-dots li.slick-active button:hover::before {
color: var(--white);
background-color: var(--white);
}

@media (max-width: 991px) {

.header-slider .slider,
.header-slider .slider .texte,
.header-slider .slider .bilder {
width: 100%;
height: auto;
}

.header-slider .slider .bilder .slick-list {        
border-radius: 0;
}

.header-slider .texte.slick-initialized.slick-slider.slick-dotted .slick-dots {
transform: translate(-50%, 0);
left: 50%;
}

.header-slider .slider .slick-prev,
.header-slider .slider .slick-next {
visibility: hidden;
opacity: 0;
display: none;
}

}

.header-slider .slick-track .slick-slide .text * {
color: white;
}

.header-slider .bilder {
margin-bottom: -6px;
}

.header-slider .bilder .bild img {
width: 100%;
inline-size: 100%;
object-fit: cover;
height: 450px;
}


@media (max-width: 991px) {
.header-slider .bilder .bild img {
height: 35vh;
}
}

@media (min-width: 992px) {
.header-slider .bilder .bild img {
border-bottom-left-radius: 30px;
}
}

.header-slider .texte .text .inner-text {
height: 100%;
}

.header-slider .texte .text .title {
font-size: var(--font-size-36);
line-height: 1.1;
text-transform: uppercase;
}

@media (min-width: 1200px) {
.header-slider .texte .text .title {
font-size: var(--font-size-48);
}
}

.header-slider .texte .text .title strong {
display: block;
}

.header-slider .texte .text .copytext {
font-size: var(--font-size-18);
margin-top: 50px;
}

@media (max-width: 991px) {
.header-slider .texte .text .copytext {
margin-top: var(--space-sm);
}
}

.header-slider .texte .text .link {
position: absolute;
bottom: 50px;
}

@media (min-width: 1200px) {
.header-slider .texte .text a {
font-size: var(--font-size-24);
}
}

/* 13-header-slider-container, 14 header-slider-element ENDE */


/* 17-banner-benefits */

.banner-benefits {
padding: 25px 0px;
}

.banner-benefits.azur {
background-color: var(--azur);
}

.banner-benefits.lightblue {
background-color: var(--lightblue);
}

.banner-benefits.darkblue {
background-color: var(--darkblue);
}

/*
@media (max-width: 767px) {
.banner-benefits {
padding: 60px 0px;
} 
}

@media (max-width: 575px) {
.banner-benefits {
padding: 40px 0px;
} 
}
*/


.banner-benefits .abbildung {
margin: 0px;
padding: 5px 0px;
}


.banner-benefits .abbildung span {
display: block;
padding: 0px 35%;
}

.banner-benefits .abbildung span img {
width: 100%;
aspect-ratio: 1;
object-fit: cover;
border-radius: var(--border-radius-12);
}

.banner-benefits * {
color: var(--white) !important;
}

.banner-benefits.lightblue * {
color: var(--darkblue) !important;
}


.banner-benefits .image-caption {
font-weight: bold;
text-align: center;
font-size: var(--font-size-18);
margin-top: var(--space-xs);
}

/* Tooltip */

.tooltip {
--bs-tooltip-zindex: 1080;
--bs-tooltip-max-width: 200px;
--bs-tooltip-padding-x: 10px;
--bs-tooltip-padding-y: 10px;
--bs-tooltip-margin: ;
--bs-tooltip-font-size: var(--font-size-15);
--bs-tooltip-color: var(--white);
--bs-tooltip-bg: var(--darkblue);
--bs-tooltip-border-radius: var(--bs-border-radius);
--bs-tooltip-opacity: 1;
--bs-tooltip-arrow-width: 20px;
--bs-tooltip-arrow-height: 10px;
font-family: inherit;
font-weight: bold;
font-size: var(--bs-tooltip-font-size);
}

.tooltip.darkblue {
--bs-tooltip-color: var(--white);
--bs-tooltip-bg: var(--azur);
}

.tooltip {
}

.tooltip-arrow {
}

.tooltip-inner {
/*text-align: left;*/
}

/* Tooltip ENDE */

/* 17-banner-benefits ENDE */


/* 18-banner-employees-slider-container, 19-banner-employees-slider-element */

.banner-employees-slider {
position: relative;
padding: 0px 0px calc(0px + var(--space-sm)) 0px;
}

.banner-employees-slider:before {
position: absolute;
top: 0px;
right: 0;
bottom: calc(50px - var(--space-sm));
left: 0;
content: '';
}

.banner-employees-slider.lightblue:before {
background-color: var(--lightblue);
}

.banner-employees-slider.darkblue:before {
background-color: var(--darkblue);
}

.banner-employees-slider .slick-slide > DIV {
padding: 0px 15px;
height: 100%;
}

.banner-employees-slider .slick-slide .slide {
margin: 0px;
height: 100%;
}

.banner-employees-slider .slick-track {
display: flex !important;
}

.banner-employees-slider .slick-slide {
height: inherit !important;
}

.banner-employees-slider .slick-track {
margin-bottom: -6px;
overflow: hidden;
}

.banner-employees-slider .mitarbeiter {
height: 100%;
}

@media (min-width: 768px) {
.banner-employees-slider .mitarbeiter {
display: flex;
flex-wrap: wrap;
}
}

.banner-employees-slider .mitarbeiter .abbildung {
width: 100%;
padding: 0px;
}

@media (min-width: 768px) {
.banner-employees-slider .mitarbeiter .abbildung {
flex: 0 0 auto;
width: 50%;
}
}

@media (min-width: 992px) {
.banner-employees-slider .mitarbeiter .abbildung {
width: 33.33333333%;
}
}

.banner-employees-slider .mitarbeiter .abbildung img {
object-fit: cover;
aspect-ratio: 1;
width: 100%;
height: calc(100% - 6px);
border-radius: var(--border-radius-12);
}

.banner-employees-slider .mitarbeiter .text {
position: relative;
width: 100%;
padding: 70px 0px 85px 0px;
margin-top: 5px;
}

@media (min-width: 768px) {
.banner-employees-slider .mitarbeiter .text {
flex: 0 0 auto;
width: 50%;
padding: 30px 0px 30px 30px;
margin-top: 0px;
}
}

@media (min-width: 992px) {
.banner-employees-slider .mitarbeiter .text {
width: 66.66666666%;
}
}

.banner-employees-slider .slick-dots {
bottom: calc(-20px - var(--space-sm));
}

/* Farbanpassungen */

.banner-employees-slider.darkblue .mitarbeiter .text,
.banner-employees-slider.darkblue .mitarbeiter .text :is(h1, h2, h3, h4, h5, h6),
.banner-employees-slider.darkblue .mitarbeiter .text a {
color: var(--white);
}

.banner-employees-slider.darkblue .slick-prev::before,
.banner-employees-slider.darkblue .slick-next::before {
color: var(--white);
}

/* Farbanpassungen ENDE */

/* Quotes Testimonials */

.banner-employees-slider.testimonials .mitarbeiter .text:before,
.banner-employees-slider.testimonials .mitarbeiter .text:after {
position: absolute;
z-index: -1;
color: var(--white);
content: url('../img/schmersal/banner-employees-slider/quote.svg');
width: 60px;
}

@media (min-width: 768px) {
.banner-employees-slider.testimonials .mitarbeiter .text:before,
.banner-employees-slider.testimonials .mitarbeiter .text:after {
width: 100px;
}
}

.banner-employees-slider .mitarbeiter .text:before {
left: 0;
top: 5px;
transform: rotate(180deg);
}

@media (min-width: 768px) {
.banner-employees-slider .mitarbeiter .text:before {
left: 0;
top: initial;
bottom: 5px;
}
}

.banner-employees-slider .mitarbeiter .text:after {
right: 0;
bottom: 15px;
}

@media (min-width: 768px) {
.banner-employees-slider .mitarbeiter .text:after {
right: 0;
bottom: initial;
top: 0;
}
}

/* Quotes Testimonials ENDE */

/* 18-banner-employees-slider-container, 19-banner-employees-slider-element ENDE */


/* 20-header-narrow */

.header-narrow {
position: relative;
}

.header-narrow:before {
position: absolute;
z-index: -1;
left: 0px;
right: 50%;
top: 0px;
bottom: 0px;
content: '';
background: var(--darkblue);
}

.header-narrow:after {
position: absolute;
z-index: -1;
left: 50%;
right: 0;
top: 0px;
bottom: 50px;
content: '';
background: var(--azur);
}

.header-narrow .slider {
width: 100%;
float: left;
padding-bottom: 50px;
background-color: var(--darkblue);
border-bottom-right-radius: 30px;
}

.header-narrow .slider .texte {
width: 100%;
float: left;
background: linear-gradient(42deg, var(--darkblue) 0%, var(--azur) 60%);
border-bottom-left-radius: 30px;
}

.header-narrow .slider .texte .text {
/*position: relative;*/
width: 100%;
float: left;
padding: 30px;
color: white;
font-size: var(--font-size-36);
font-weight: bold;
}

@media (max-width: 992px) {
.header-narrow .slider .texte .text {
padding: 30px;
}
}

@media (min-width: 992px) {
.header-narrow .slider .texte .text {

}
}

.header-narrow .texte .text .inner-text {
height: 100%;
}

.header-narrow .texte .text .title {
font-size: var(--font-size-36);
line-height: 1.1;
text-transform: uppercase;
}

@media (min-width: 1200px) {
.header-narrow .texte .text .title {
font-size: var(--font-size-48);
}
}

/* 20-header-narrow ENDE */


/* 21-timeline-chronicle-container, 22-timeline-chronicle-element */

#timeline-chronicle {
color: var(--white) !important;
}

#timeline-chronicle :is(h1, h2, h3, h4, h5, a)  { color: var(--white) !important; }

.timeline-chronicle-container {
position: relative;
width: 100%;
overflow: hidden;
padding: 20px 0px;
background-attachment: fixed;
background-size: cover;
background-position: center;
transition: 0.8s ease 0s;
}

/* Hintergrundbild in kleiner Ansicht deaktivieren */

@media (max-width: 767px) {
  .timeline-chronicle-container {
  background-image: none !important;
  }
  
  .timeline-chronicle-container:before {
  /*background-color: var(--lightblue) !important;*/
  background-color: var(--darkblue) !important;
  }
}

/* Hintergrundbild in kleiner Ansicht deaktivieren ENDE */

/* Hintergrundbild in iOS deaktivieren */

@supports (-webkit-touch-callout: none) {
  .timeline-chronicle-container {
  background-image: none !important;
  }
  
  .timeline-chronicle-container:before {
  /*background-color: var(--lightblue) !important;*/
  background-color: var(--darkblue) !important;
  }
}

/* Hintergrundbild in iOS deaktivieren ENDE */

.timeline-chronicle-container:before {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
/*background: rgba(255,255,255, 0.85);*/
background: var(--overlay-2);
content: "";
}

.timeline-chronicle {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin: 0 auto;
}

.timeline-chronicle:before {
position: absolute;
width: 2px;
height: 100%;
left: 50%;
margin-left: -1px;
/*background: var(--overlay-3);*/
background: rgba(255,255,255,.3);
content: "";
}

@media (max-width: 767px) {
  .timeline-chronicle:before {
  position: absolute;
  left: 0;
  width: 0px;
  height: 0px;
  margin-left: 0px;
  content: "";
  background: none;
  }
}

.timeline-chronicle-list-group {
display: flex;
flex-direction: column;
}

.timeline-chronicle-item {
position: relative;
display: flex;
width: calc(50% - 40px);
padding: 20px 0;
filter: blur(2px);
opacity: 0.3;
transition: 0.5s;
}

@media (max-width: 767px) {
  .timeline-chronicle-item {
  width: 75%;
  }
}

.timeline-chronicle-item:before {
position: absolute;
width: 100%;
top: 50%;
right: calc(-100% - 39px);
padding-left: 15px;
/*color: var(--darkblue);*/
color: var(--white);
font-size: var(--font-size-32);
font-weight: bold;
letter-spacing: 3px;
/*border-left: 2px solid var(--darkblue);*/
border-left: 2px solid var(--white);
opacity: 0;
content: attr(data-text);
}

@media (max-width: 767px) {
  .timeline-chronicle-item:before {
  right: calc(-100% - 15px);
  font-size: var(--font-size-21);
  letter-spacing: inherit;
  }
}

.timeline-chronicle-item:nth-child(even) {
align-self: flex-end;
}

.timeline-chronicle-item:nth-child(even):before {
right: auto;
left: calc(-100% - 39px);
padding-left: 0;
padding-right: 15px;
text-align: right;
border-left: none;
/*border-right: 2px solid var(--darkblue);*/
border-right: 2px solid var(--white);
}

@media (max-width: 767px) {
  .timeline-chronicle-item:nth-child(even):before {
  left: calc(-100% - 15px);
  }
}

.timeline-chronicle-item--active {
opacity: 1;
filter: blur(0px);
}

.timeline-chronicle-item--active:before {
top: 40px;
opacity: 1;
transition: 0.3s all 0.2s;
}

.timeline-chronicle__content {
transform: translateY(-40px);
transition: 0.5s;
}

.timeline-chronicle-item--active .timeline-chronicle__content {
transform: translateY(0px);
}

.timeline-chronicle__img {
width: 75%;
aspect-ratio: 1;
object-fit: cover;
border-radius: var(--border-radius-12);
/*box-shadow: 0px 0px 5px 0px var(--lightgrey);*/
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

.timeline-chronicle__content-text {
margin-top: var(--space-sm);
margin-bottom: var(--space-sm);
}

.timeline-chronicle-item:last-child .timeline-chronicle__content-text {
margin-bottom: 0px;
}

.mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout {
transform: inherit;
}

/* 21-timeline-chronicle-container, 22-timeline-chronicle-element ENDE */


/* 00-container-modal */

.banner-modal {
position: relative;
padding: 40px 0px;
}

.banner-modal:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--darkblue);
z-index: -1;
content:'';
}

/*
.banner-modal:after {
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--white);
font-size: 5em;
content: '\F4F3';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
*/

.banner-modal .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 10rem;
}

.banner-modal .icon [class^="bi-"]::before,
.banner-modal .icon [class*=" bi-"]::before {
margin-right: 0;
}

.banner-modal .container {
position: relative;
min-height: 320px;
}

.banner-modal * {
color: var(--white) !important;
}

.banner-modal h2 {
margin-bottom: 0;
font-size: var(--font-size-32);
}

.banner-modal .link {
position: absolute;
left: 15px;
bottom: 0px;
}

/* Fix Slick Initialisierung im Modal */

.ce-modal {
display: block !important;
overflow: hidden !important;
height: 0px !important;
}

.ce-modal.fade.show {
opacity: 1 !important;
display: block !important;
height: 100% !important;
overflow-y: auto !important;
}

/* Fix Slick Initialisierung im Modal ENDE */

.ce-modal .slider {
margin: 0;
}

.ce-modal .slider.slick-dotted {
margin-bottom: 40px;
}

.ce-modal .slick-list {
margin: 0;
}

.ce-modal .modal-fullscreen .modal-body {
overflow-y: inherit;
}

.ce-modal * {
color: var(--white) !important;
}

.ce-modal .text {
}

.ce-modal .slick-prev::before, .ce-modal .slick-next::before {
color: var(--white);
}

.ce-modal .slick-dots {
bottom: -30px;
}

.ce-modal .slick-dots li button::before {
color: var(--white);
background-color: var(--white);
}

.ce-modal .slick-dots li.slick-active button::before {
opacity: 1;
color: var(--white);
background-color: var(--azur);
transition: all .2s;
width: 15px;
height: 15px;
border-radius: 15px;
}

.ce-modal .slick-dots li button:hover::before,
.ce-modal .slick-dots li.slick-active button:hover::before {
color: var(--azur);
background-color: var(--azur);
}

/* 00-container-modal ENDE */

/* DCE Ende */


/* File Download */

a.file:hover {
transform: scale(1.03);
transition: all .2s;
}

a.file {
position: relative;
display: inline-block;
width: 100%;
transition: all .2s;
overflow: hidden;
}

a.file:hover:before {
position: absolute;
content: '';
z-index:1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,55,123,.7);
border-radius: 0px;
}

a.file:hover:after {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\F30A';
font-size: 3em;
color: var(--white);
transform: translate(calc(-50%),calc(-50%));
}

/* File Download ENDE */


/* Formulare */

.tx-powermail > .container-fluid {
padding: 0px;
}

.frame-type-powermail_pi1 > header + .tx-powermail, fieldset + fieldset, h3 + fieldset {
margin-top: 15px;
}

fieldset legend {
font-size: inherit;
font-weight: bold;
margin-bottom: 15px;
}

.form-group + .form-group {
margin-top: 15px;
}

label, .form-label {
display: inline-block;
/*font-weight: bold;*/
margin-bottom: 5px;
}

/* Input Fields, Textarea */

input:not([type="checkbox"]):not([type="radio"]), textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
}

.form-control::placeholder {
color: var(--grey);
opacity: inherit;
}

textarea.form-control {
min-height: 200px;
}

.form-control {
display: block;
width: 100%;
padding: 10px;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: var(--font-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--white);
background-clip: padding-box;
border: 1px solid var(--grey);
border-radius: var(--border-radius-5);
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
outline: 0;
}

.form-control:focus {
color: var(--font-color);
background-color: var(--white);
border-color: var(--darkblue);
outline: 0;
box-shadow: none;
}

/* Checkbox */

.checkbox {
position: relative;
}

.checkbox label {
font-weight: normal;
}

input[type="checkbox"] {
position: absolute;
opacity: 0;
left: 0;
bottom: 0;
z-index: 1;
width: 0;
height: 0;
}

input[type="checkbox"] + label {
position: relative;
cursor: pointer;
padding-left: 1.5em;
}

input[type="checkbox"] + label:before {
display: inline-block;
position: absolute;
left: .1em;
top: 0;
width: 1em;
color: inherit;
text-align: left;
font-size: 1em;
line-height: inherit;
content: '\F584';
font-family: bootstrap-icons !important;
}

input[type="checkbox"]:checked + label:before {
content: '\F26C';
}

/* Checkbox Newslettermodul */

.responsiveRow input[type="checkbox"] { position: inherit; opacity: inherit; left: inherit; bottom: inherit; width: inherit; height: inherit; }

.marketingForm .consentBlock > DIV { position: relative; }
.marketingForm .consentBlock input[type="checkbox"] + label::before { top: .6em; }

/* Checkbox Newslettermodul ENDE */

/* Radio */

.radio {
position: relative;
}

.radio label {
font-weight: normal;
}

input[type="radio"] {
position: absolute;
opacity: 0;
left: 0;
bottom: 0;
z-index: 1;
width: 0;
height: 0;
}

input[type="radio"] + label {
position: relative;
cursor: pointer;
padding-left: 1.5em;
}

input[type="radio"] + label:before {
display: inline-block;
position: absolute;
top: 0px;
left: .1em;
width: 1em;
color: inherit;
text-align: left;
font-size: 1em;
line-height: inherit;
content: '\F28A';
/*content: '\F518';*/
font-family: bootstrap-icons !important;
margin-right: 5px;
}

input[type="radio"]:checked + label:before {
content: '\F517';
}

/* Buttons */

FORM .btn {
font-size: inherit;
margin: 0px 0px 0px 0%;
padding: 10px;
cursor: pointer;
font-weight: normal;
line-height: inherit;
outline: 0;
color: var(--white);
border: 1px solid var(--button-submit);
background: var(--button-submit);
border-radius: var(--border-radius-5);
transition: all .2s;
}

FORM .btn:hover,
FORM .btn:focus,
FORM .btn:active {
color: var(--white) !important;
border: 1px solid var(--button-submit--hover) !important;
background: var(--button-submit--hover) !important;
outline: 0;
box-shadow: none;
transition: all .2s;
}

.frame-frame-2 FORM .btn {
color: var(--white);
border: 1px solid var(--white);
background: var(--button-submit);
}

.frame-frame-2 FORM .btn:hover,
.frame-frame-2 FORM .btn:focus,
.frame-frame-2 FORM .btn:active {
color: var(--white) !important;
border: 1px solid var(--white) !important;
background: var(--button-submit-light--hover) !important;
}

/* Errors */

.powermail_field_error {
border-color: var(--form-error);
}

.powermail_field_error label:before {
color: var(--form-error) !important;
}

.powermail-errors-list {
margin-top: 5px !important;
color: var(--form-error);
}

.frame-frame-2 .powermail_field_error {
border-color: var(--form-error-light);
}

.frame-frame-2 .powermail_field_error label:before {
color: var(--form-error-light) !important;
}

.frame-frame-2 .powermail-errors-list {
color: var(--form-error-light);
}

/* Mandatory */

.frame-type-powermail_pi1 .mandatory {
margin-left: 5px;
}

/* Formulare ENDE */


/* Whatsapp-Button */

#whatsapp {
position: fixed;
right: 0;
top: 75%;
transform: translateY(-50%);
z-index: 2;
}

.whatsapp-btn {
--icon-width: 66px; /* img 36px + 2 × 15px padding */

display: flex;
flex-direction: row; /* Icon links, Text rechts davon */
align-items: center;
background: var(--darkblue);
color: var(--white);
text-decoration: none;
border-radius: 12px 0 0 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, .25);

/* Button so weit nach rechts schieben, dass nur das Icon sichtbar bleibt */
transform: translateX(calc(100% - var(--icon-width)));
transition: transform .3s ease;
}

.whatsapp-btn:hover {
background: var(--azur);
color: var(--white);
text-decoration: none;
}

.whatsapp-btn img {
display: block;
flex: 0 0 auto;
padding: 15px;
box-sizing: content-box;
}

.whatsapp-btn span {
white-space: nowrap;
font-weight: bold;
padding: 0 15px 0 0;
}

.whatsapp-btn:hover,
.whatsapp-btn:focus-visible {
transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-btn {
      transition: none;
  }
}

/* Whatsapp-Button ENDE */