/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root {
--font-size-default: 18px;
--line-height-default: 25px;
--font-size-small: 14px;
--line-height-small: 18px;
--font-size-smaller: 12px;
--line-height-smaller: 14px;
--font-size-big: 30vw;
--line-height-big: 30vw;
--font-size-h1: 9vw;
--line-height-h1: 10vw;
--font-size-h4: 25px;
--line-height-h4: 22px;
--font-size-h5: 22px;
--line-height-h5: 26px;
--font-size-h6: 18px;
--line-height-h6: 25px;
}

@media screen and (max-width:499px) {
:root {
	--font-size-default: 16px;
	--line-height-default: 22px;
	--font-size-h1: 8vw;
	--line-height-h1: 9vw;
}
}

@font-face {
font-family: 'icomoon';
src: url('../../../../themes/custom/icons/icomoon6d2f.html?bz90qe11');
src: url('../../../../themes/custom/icons/icomoon6d2f.html?bz90qe11#iefix') format('embedded-opentype'), url('../../../../themes/custom/icons/icomoon6d2f.woff2?bz90qe11') format('woff2'), url('../../../../themes/custom/icons/icomoon6d2f-2.html?bz90qe11') format('truetype'), url('../../../../themes/custom/icons/icomoon6d2f.woff?bz90qe11') format('woff'), url('../../../../themes/custom/icons/icomoon6d2f.svg?bz90qe11#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-file:before {
content: "\e900";
}

.icon-play:before {
content: "\e901";
}

.icon-upload:before {
content: "\e902";
}

.icon-url:before {
content: "\e903";
}

.icon-print:before {
content: "\e904";
}

.icon-share:before {
content: "\e905";
}

.icon-angle-down:before {
content: "\e906";
}

.icon-angle-up:before {
content: "\e907";
}

.icon-checkmark:before {
content: "\e908";
}

.icon-close:before {
content: "\e909";
}

.icon-linkedin:before {
content: "\e90a";
}

.icon-angle-left:before {
content: "\e90b";
}

.icon-down:before {
content: "\e90c";
}

.icon-filter:before {
content: "\e90d";
}

.icon-left:before {
content: "\e90e";
}

.icon-orbit:before {
content: "\e90f";
}

.icon-right:before {
content: "\e910";
}

.icon-up:before {
content: "\e911";
}

.icon-angle-right:before {
content: "\e912";
}

.icon-home:before {
content: "\e913";
}

@font-face {
font-family: "Faktum";
font-weight: 900;
src: url('../../../../themes/custom/fonts/FaktumBold/font.woff2') format('woff2'), url('../../../../themes/custom/fonts/FaktumBold/font.woff') format('woff');
font-display: swap;
}

@font-face {
font-family: "Faktum";
font-weight: 700;
src: url('../../../../themes/custom/fonts/FaktumMedium/font.woff2') format('woff2'), url('../../../../themes/custom/fonts/FaktumMedium/font.woff') format('woff');
font-display: swap;
}

@font-face {
font-family: "Faktum";
font-weight: 400;
src: url('../../../../themes/custom/fonts/FaktumRegular/font.woff2') format('woff2'), url('../../../../themes/custom/fonts/FaktumRegular/font.woff') format('woff');
font-display: swap;
}

.dialog-off-canvas-main-canvas {
position: relative;
overflow: hidden;
}

.section {
position: relative;
margin-left: 30px;
margin-right: 30px;
}

#main>.section {
margin-top: 210px;
margin-bottom: 100px;
}

#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
transition: transform 0.5s;
}

#header>.section {
margin: 30px 30px 0 30px;
height: 80px;
}

#header>.section:before {
content: "";
position: fixed;
top: 30px;
left: 30px;
width: calc(100% - 60px);
height: 80px;
background: #ffffff;
border-radius: 40px;
z-index: -1;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s, border-radius 0.5s;
}

#header #logo {
position: absolute;
left: 30px;
top: 34%;
width: 250px;
height: 43px;
transform: translateY(-50%);
z-index: 1;
}

#header #menu-icon {
display: block;
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 25px;
height: 19px;
z-index: 19;
}

#header #menu-icon .line {
width: 100%;
height: 3px;
position: absolute;
left: 0;
top: 0;
background-color: #000000;
transition: transform 0.5s, background-color 0.5s, opacity 0.5s, top 0.5s, bottom 0.5s;
border-radius: 2px;
}

#header #menu-icon .line.second {
top: 8px;
}

#header #menu-icon .line.third {
top: auto;
bottom: 0;
}

#header #menu-icon:hover .line {
background: #a100ff !important;
}

#header #menu-icon.is-active .line {
background: #a100ff;
}

#header #menu-icon.is-active .line.first {
transform: rotate(45deg);
top: 8px;
}

#header #menu-icon.is-active .line.second {
opacity: 0;
}

#header #menu-icon.is-active .line.third {
transform: rotate(-45deg);
bottom: 8px;
}

#header .region-header {
display: none;
}

#header #navigation {
position: fixed;
top: -100%;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
padding: 0 30px;
overflow: hidden;
overflow-y: auto;
opacity: 0;
transition: top 0s 1s, opacity 0.5s;
}

#header #navigation .table .table-cell {
padding-bottom: 40px;
}

#header #navigation .block-title {
margin-bottom: 20px;
}

#header #navigation ul {
margin: 0;
padding: 0;
}

#header #navigation ul li {
margin: 0;
padding: 0;
list-style: none;
}

#header #navigation ul li a {
font-weight: 700;
}

#header #navigation ul li a.is-active {
color: #a100ff;
}

#header #navigation #block-custom-sprachumschalter {
position: absolute;
top: 70px;
left: 30px;
transform: translateY(-50%);
opacity: 0;
transition: opacity 0.5s 0.5s;
}

#header #navigation #block-custom-sprachumschalter a.dropdown {
color: #ffffff;
text-transform: uppercase;
}

#header #navigation #block-custom-sprachumschalter a.dropdown i {
font-size: 10px;
margin-left: 3px;
vertical-align: middle;
position: relative;
top: -2px;
}

#header #navigation #block-custom-sprachumschalter a.dropdown:hover {
color: #a100ff;
}

#header #navigation #block-custom-sprachumschalter .dropdown-content {
left: 0;
right: auto;
transform: none;
font-size: var(--font-size-small);
line-height: var(--line-height-default);
margin-top: 10px;
margin-right: 0;
}

#header #navigation #block-custom-sprachumschalter .dropdown-content:before {
right: auto;
left: 15px;
}

#header #navigation #block-custom-sprachumschalter .dropdown-content a.is-active {
color: #a100ff;
}

/*.right{
float: right;
}*/

#header #navigation #block-custom-views-block-menue-loesungen {
background: #000;
padding: 160px 30px 60px 30px;
margin: 0 -30px;
color: #ffffff;
opacity: 0;
transition: opacity 0.5s;
/*float: left;*/
}

#header #navigation #block-custom-views-block-menue-loesungen .block-title {
margin-bottom: 10px;
opacity: 0;
transition: opacity 0.5s 0.5s;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li {
opacity: 0;
transition: opacity 1s 0.7s;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li:nth-child(2) {
transition-delay: 0.9s;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li:nth-child(3) {
transition-delay: 1.1s;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li:nth-child(4) {
transition-delay: 1.3s;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li:nth-child(5) {
transition-delay: 1.5s;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li:nth-child(6) {
transition-delay: 1.7s;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu>a.link {
color: #ffffff;
font-size: var(--font-size-h4);
line-height: var(--line-height-h4);
padding: 20px 30px 20px 0;
display: block;
position: relative;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu>a.link span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu>a.link .icon {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
color: #a100ff;
font-weight: 400;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu>a.link .icon i {
font-style: normal;
transition: transform 0.5s;
position: relative;
display: block;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu>a.link .icon span {
display: none;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu>a.link:hover {
color: #a100ff;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu .submenu {
display: none;
padding: 0 0 20px 0;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu .submenu a.overview {
margin-bottom: 20px;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu .submenu ul.menu li a {
color: #ffffff;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu .submenu ul.menu li a:hover,
#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu .submenu ul.menu li a.is-active {
color: #a100ff;
}

#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu.is-open a.link .icon i {
transform: rotate(45deg);
}

#header #navigation #block-custom-views-block-menue-loesungen.submenu-open ul.menu li.has-submenu:not(.is-open)>a.link {
opacity: 0.3;
}

#header #navigation #block-custom-views-block-menue-loesungen.submenu-open ul.menu li.has-submenu:not(.is-open)>a.link .icon {
color: #ffffff;
}

#header #navigation #block-custom-views-block-menue-loesungen.submenu-open ul.menu li.has-submenu:not(.is-open)>a.link:hover {
opacity: 1;
}

#header #navigation #block-custom-views-block-menue-loesungen.submenu-open ul.menu li.has-submenu:not(.is-open)>a.link:hover .icon {
color: #a100ff;
}

#header #navigation #block-custom-orbit-2 {
margin-top: 40px;
opacity: 0;
transition: opacity 1s 1s;
}

#header #navigation #block-custom-ressourcen-2 {
margin-top: 40px;
opacity: 0;
transition: opacity 1s 1.2s;
}

#header #navigation #block-custom-views-block-menue-partnerschaften {
margin-top: 40px;
opacity: 0;
transition: opacity 1s 1.4s;
}

#header #navigation #block-custom-views-block-menue-partnerschaften .logos {
display: flex;
align-items: center;
}

#header #navigation #block-custom-views-block-menue-partnerschaften .logos a.logo {
display: block;
border-right: 1px solid #dddddd;
margin-right: 30px;
padding-right: 30px;
}

#header #navigation #block-custom-views-block-menue-partnerschaften .logos a.logo img {
width: auto;
height: auto;
max-width: 60px;
max-height: 35px;
}

#header #navigation #block-custom-views-block-menue-partnerschaften .logos a.logo:last-child {
border-right: 0 !important;
padding-right: 0 !important;
margin-right: 0 !important;
}

#header #navigation #block-custom-views-block-menue-partnerschaften .logos a.logo:hover {
filter: grayscale(1);
}

#header.hide {
transform: translateY(-150%);
}

html.menu-open #header {
transform: none !important;
}

html.menu-open #header>.section:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0;
}

html.menu-open #header #navigation {
top: 0;
opacity: 1;
transition: top 0s 0s, opacity 0.5s;
}

html.menu-open #header #navigation #block-custom-sprachumschalter {
opacity: 1;
}

html.menu-open #header #navigation #block-custom-views-block-menue-loesungen {
opacity: 1;
}

html.menu-open #header #navigation #block-custom-views-block-menue-loesungen .block-title,
html.menu-open #header #navigation #block-custom-views-block-menue-loesungen ul.menu li {
opacity: 1;
}

html.menu-open #header #navigation #block-custom-orbit-2,
html.menu-open #header #navigation #block-custom-ressourcen-2,
html.menu-open #header #navigation #block-custom-views-block-menue-partnerschaften {
opacity: 1;
}

#footer {
background: #000;
z-index: 999;
position: relative;
padding: 60px 0;
color: #ffffff;
}

#footer a {
color: #ffffff;
}

#footer a:hover {
color: #a100ff;
}

#footer #block-node-kontakt a.linkedin {
margin-top: 20px;
display: inline-block;
background: linear-gradient(-90deg, #a100ff 0%, #a100ff 100%);
font-size: var(--font-size-small);
width: var(--line-height-default);
height: var(--line-height-default);
border-radius: 5px;
text-align: center;
color: #ffffff;
}

#footer #block-node-kontakt a.linkedin:before {
line-height: var(--line-height-default);
}

#footer #block-node-kontakt a.linkedin:hover {
background: linear-gradient(-90deg, #a100ff 0%, #a100ff 100%);
}

#footer #block-custom-orbit {
display: none;
}

#footer #block-custom-views-block-fusszeile-loesungen {
display: none;
}

#footer #block-custom-ressourcen {
display: none;
}

#footer_bottom {
background: #233037;
padding: 30px 0;
color: #ffffff;
}

#footer_bottom a {
color: #ffffff;
}

#footer_bottom a:hover {
color: #a100ff;
}

#footer_bottom ul.menu {
margin: 0;
padding: 0;
}

#footer_bottom ul.menu li {
margin: 0;
padding: 0;
list-style: none;
}

#footer_bottom ul.menu li a.is-active {
color: #a100ff;
}

#footer_bottom ul.menu li a[data-drupal-link-system-path='<front>'] {
color: #ffffff;
}

#footer_bottom ul.menu li a[data-drupal-link-system-path='<front>']:hover {
color: #a100ff;
}

#footer_bottom .copyright {
margin-top: 20px;
font-size: var(--font-size-small);
line-height: var(--line-height-small);
}

*,
*::after,
*::before {
box-sizing: border-box;
}

::-moz-selection {
background: #babcbd;
color: #ffffff;
-webkit-text-fill-color: #ffffff;
}

::selection {
background: #babcbd;
color: #ffffff;
-webkit-text-fill-color: #ffffff;
}

[tabindex="-1"]:focus {
outline: 0 !important;
}

.clearfix:after {
display: table;
clear: both;
content: "";
}

.visually-hidden {
display: none;
}

html.menu-open,
html.noscrolling {
overflow: hidden;
}

html {
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
padding: 0 !important;
margin: 0 !important;
font-family: "Faktum", sans-serif;
font-size: var(--font-size-default);
line-height: var(--line-height-default);
font-weight: 400;
color: #000000;
text-align: left;
position: relative;
}

b,
strong {
font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-size: var(--font-size-default);
line-height: var(--line-height-default);
font-weight: 400;
display: block;
}

.h1,
.h2,
.h3,
.body h3 {
font-family: "Faktum", sans-serif;
font-size: var(--font-size-h1);
line-height: var(--line-height-h1);
font-weight: 700;
margin-bottom: 40px;
}

.h4,
.body h4 {
font-family: "Faktum", sans-serif;
font-size: var(--font-size-h4);
line-height: var(--line-height-h4);
font-weight: 700;
margin-bottom: 15px;
display: block;
text-transform: none;
}

.h5,
.body h5 {
font-family: "Faktum", sans-serif;
font-size: var(--font-size-h5);
line-height: var(--line-height-h5);
font-weight: 700;
margin-bottom: 15px;
text-transform: none;
display: block;
}

.h6,
.body h6 {
font-family: "Faktum", sans-serif;
font-size: var(--font-size-h6);
line-height: var(--line-height-h6);
font-weight: 700;
margin-bottom: 0px;
text-transform: none;
display: block;
}

.color-grey {
color: #babcbd;
}

.color-primary {
color: #a100ff;
}

.color-secondary {
color: #a100ff;
}

.color-white {
color: #ffffff;
}

p {
margin: 0 0 20px 0;
}

p:last-child {
margin-bottom: 0;
}

hr {
border: 0;
height: 1px;
background: #dddddd;
margin: 15px 0;
}

.text *:last-child {
margin-bottom: 0;
}

span.small {
font-size: var(--font-size-small);
line-height: var(--line-height-small);
}

article ul,
.ui-dialog ul {
margin: 0 0 20px;
padding: 0;
}

article ul li,
.ui-dialog ul li {
list-style: none;
padding: 0 0 10px 25px;
position: relative;
}

article ul li:last-child,
.ui-dialog ul li:last-child {
padding-bottom: 0 !important;
}

article ul li>*:last-child,
.ui-dialog ul li>*:last-child {
margin-bottom: 0 !important;
}

article ul li:before,
.ui-dialog ul li:before {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: var(--line-height-default);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e908";
color: #a100ff;
display: block;
font-size: 14px;
position: absolute;
top: 0;
left: 0;
z-index: 19;
width: auto;
height: auto;
background: none;
}

img {
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: 100%;
width: 100%;
height: auto;
border: 0;
display: block;
}

img.resizetoparent {
object-fit: cover;
}

img.lazyload {
opacity: 0;
}

img.lazyload.lazyloaded,
img.lazyload.swiper-lazy-loaded {
opacity: 1;
}

picture {
display: block;
}

table {
width: 100%;
border-spacing: 0;
}

table tr th,
table tr td {
padding: 10px 0;
border-bottom: 1px solid #dddddd;
vertical-align: top;
}

table thead tr th {
font-size: var(--font-size-small);
line-height: var(--line-height-small);
color: #babcbd;
font-weight: 700;
}

table tbody tr th {
color: #a100ff;
font-weight: 700;
}

a,
a:link,
a:visited {
color: #000;
text-decoration: none;
background-color: transparent;
transition: color 0.5s, opacity 0.5s, background-color 0.5s;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
outline: 0 !important;
display: inline;
}

a:hover,
a:link:hover,
a:visited:hover {
color: #a100ff;
}

.body a {
text-decoration: underline;
}

a.button,
a.button:active,
a.button:focus,
a.button:link,
a.button:visited,
button.button,
button.button:active,
button.button:link,
button.button:visited,
input.form-submit,
input.form-submit:focus {
font-family: "Faktum", sans-serif;
font-weight: 700;
font-style: inherit;
font-size: var(--font-size-default);
line-height: var(--line-height-default);
color: #ffffff;
background: #a100ff;
cursor: pointer;
text-align: center;
padding: 15px 30px;
border: 0 !important;
border-radius: 20px;
text-decoration: none;
display: inline-block;
-webkit-transition: background-color 0.5s, color 0.5s;
-o-transition: background-color 0.5s, color 0.5s;
transition: background-color 0.5s, color 0.5s;
-webkit-appearance: none;
opacity: 1 !important;
margin: 0;
text-transform: none;
outline: none;
letter-spacing: 0;
position: relative;
overflow: hidden;
z-index: 19;
-webkit-tap-highlight-color: transparent;
}

a.button:hover,
a.button:active:hover,
a.button:focus:hover,
a.button:link:hover,
a.button:visited:hover,
button.button:hover,
button.button:active:hover,
button.button:link:hover,
button.button:visited:hover,
input.form-submit:hover,
input.form-submit:focus:hover,
a.button:active,
a.button:active:active,
a.button:focus:active,
a.button:link:active,
a.button:visited:active,
button.button:active,
button.button:active:active,
button.button:link:active,
button.button:visited:active,
input.form-submit:active,
input.form-submit:focus:active {
color: #ffffff !important;
background: #a100ff;
}

a.button.outline,
a.button:active.outline,
a.button:focus.outline,
a.button:link.outline,
a.button:visited.outline,
button.button.outline,
button.button:active.outline,
button.button:link.outline,
button.button:visited.outline,
input.form-submit.outline,
input.form-submit:focus.outline {
background: none;
border: 1px solid #a100ff !important;
color: #a100ff;
transition: background-color 0.5s, color 0.5s, border-color 0.5s !important;
color: #a100ff !important;
}

a.button.outline:hover,
a.button:active.outline:hover,
a.button:focus.outline:hover,
a.button:link.outline:hover,
a.button:visited.outline:hover,
button.button.outline:hover,
button.button:active.outline:hover,
button.button:link.outline:hover,
button.button:visited.outline:hover,
input.form-submit.outline:hover,
input.form-submit:focus.outline:hover {
background: #a100ff;
border-color: #a100ff !important;
color: #ffffff !important;
}

a.button.dark,
a.button:active.dark,
a.button:focus.dark,
a.button:link.dark,
a.button:visited.dark,
button.button.dark,
button.button:active.dark,
button.button:link.dark,
button.button:visited.dark,
input.form-submit.dark,
input.form-submit:focus.dark {
background: #000;
}

a.button.dark:hover,
a.button:active.dark:hover,
a.button:focus.dark:hover,
a.button:link.dark:hover,
a.button:visited.dark:hover,
button.button.dark:hover,
button.button:active.dark:hover,
button.button:link.dark:hover,
button.button:visited.dark:hover,
input.form-submit.dark:hover,
input.form-submit:focus.dark:hover,
a.button.dark:active,
a.button:active.dark:active,
a.button:focus.dark:active,
a.button:link.dark:active,
a.button:visited.dark:active,
button.button.dark:active,
button.button:active.dark:active,
button.button:link.dark:active,
button.button:visited.dark:active,
input.form-submit.dark:active,
input.form-submit:focus.dark:active {
background: #233037;
}

a.button.dark.outline,
a.button:active.dark.outline,
a.button:focus.dark.outline,
a.button:link.dark.outline,
a.button:visited.dark.outline,
button.button.dark.outline,
button.button:active.dark.outline,
button.button:link.dark.outline,
button.button:visited.dark.outline,
input.form-submit.dark.outline,
input.form-submit:focus.dark.outline {
background: none;
border: 1px solid #000 !important;
color: #000;
transition: background-color 0.5s, color 0.5s, border-color 0.5s !important;
color: #000 !important;
}

a.button.dark.outline:hover,
a.button:active.dark.outline:hover,
a.button:focus.dark.outline:hover,
a.button:link.dark.outline:hover,
a.button:visited.dark.outline:hover,
button.button.dark.outline:hover,
button.button:active.dark.outline:hover,
button.button:link.dark.outline:hover,
button.button:visited.dark.outline:hover,
input.form-submit.dark.outline:hover,
input.form-submit:focus.dark.outline:hover {
background: #233037;
border-color: #233037 !important;
color: #ffffff !important;
}

a.edit-link {
font-family: inherit;
font-weight: inherit;
background: #333333;
color: #fff !important;
padding: 3px 8px;
height: auto;
font-size: 12px;
line-height: 20px;
border: none;
border-radius: 0;
position: absolute;
top: 3px;
left: 3px;
z-index: 199;
display: none;
}

a.edit-link.small {
font-size: 10px;
padding: 0 5px;
}

a.edit-link:hover {
text-decoration: none;
background: #000000;
}

article>a.edit-link {
position: fixed;
top: 28px;
z-index: 9999;
}

#messages {
padding: 0;
margin: 0 0 50px 0;
z-index: 99;
}

#messages .messages {
margin: 0 0 50px;
padding: 20px 30px;
text-align: left;
position: relative;
background: none;
border: 1px solid #4e8132;
border-radius: 3px;
color: #4e8132;
}

#messages .messages.warning {
border-color: #eec100;
color: #eec100;
}

#messages .messages.error {
border-color: #d43f3f;
color: #d43f3f;
}

#messages .messages p {
margin: 0;
}

#messages .messages a {
text-decoration: underline;
}

#messages .messages a.link {
text-decoration: none;
}

#messages .messages ul {
margin: 0 !important;
padding: 0 !important;
}

#messages .messages ul li {
padding: 5px 0 5px 20px !important;
list-style: none;
position: relative;
}

#messages .messages ul li:before {
content: "-";
line-height: inherit;
font-family: inherit;
color: inherit;
font-size: inherit;
position: absolute;
top: 0;
left: 0;
}

.kint {
overflow: visible !important;
}

#toolbar-administration {
position: relative;
z-index: 999999;
display: none;
}

#toolbar-administration a {
display: block;
}

#toolbar-administration #admin-toolbar-search-tab {
display: none !important;
}

.ajax-progress,
.ui-dialog .ajax-progress-throbber {
background: none;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
margin: 0;
z-index: 999999;
text-indent: -999999px;
opacity: 1 !important;
}

.ajax-progress:before {
content: "";
background: #000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.9;
}

.ajax-progress:after {
content: "";
background: url("../../../../themes/custom/images/ajax-loader.svg") center center no-repeat transparent;
height: 100px;
width: 100px;
border-radius: 12px;
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px;
z-index: 2;
padding: 0 !important;
opacity: 1 !important;
}

.ajax-progress .message,
.ajax-progress .throbber {
display: none !important;
}

a.moremedia {
width: 5px;
height: 50px;
padding: 6px;
position: fixed;
right: 2px;
bottom: 2px;
z-index: 99;
opacity: 0.5;
box-sizing: content-box !important;
}

body.loaded a.moremedia {
display: block !important;
}

a.moremedia:hover {
opacity: 1;
}

#sliding-popup {
display: none !important;
opacity: 1 !important;
box-sizing: border-box !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: auto !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: rgba(0, 0, 0, 0.8) !important;
z-index: 999999999 !important;
text-align: left !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
}

#sliding-popup .eu-cookie-compliance-banner {
box-sizing: border-box !important;
position: relative !important;
height: 100% !important;
display: table !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content {
box-sizing: border-box !important;
position: relative !important;
display: table-cell !important;
vertical-align: middle !important;
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
text-align: left !important;
width: 100% !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner {
box-sizing: border-box !important;
width: 100% !important;
max-width: 1080px !important;
margin: 0 auto !important;
background: #ffffff !important;
color: #000000;
padding: 50px !important;
position: relative;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-text {
float: none !important;
max-width: 100% !important;
margin: 0 0 30px 0 !important;
font-size: 14px !important;
line-height: 18px !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-text *:last-child {
margin-bottom: 0 !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-text a {
text-decoration: underline !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-text .title {
font-weight: 500 !important;
font-size: 22px !important;
line-height: 26px !important;
margin: 0 0 10px 0 !important;
padding-right: 50px !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-text button {
border: 0 !important;
padding: 0 !important;
background: none !important;
text-decoration: underline !important;
font-weight: 700 !important;
transition: opacity 0.5s !important;
font-size: inherit !important;
line-height: inherit !important;
cursor: pointer !important;
color: #000000 !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-text button:hover {
opacity: 0.5 !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories {
display: none;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ddd;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category {
margin: 0 0 10px 0 !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category:last-child {
margin-right: 0 !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item {
margin: 0 !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item input {
display: none;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item label {
position: relative !important;
top: auto !important;
left: auto !important;
padding: 0 0 0 27px !important;
cursor: pointer !important;
font-weight: 700 !important;
margin: 0 !important;
font-size: 16px !important;
color: #000000 !important;
line-height: 24px !important;
transform: none !important;
transition: color 0.5s;
display: block;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item label:before {
content: "" !important;
position: absolute !important;
top: 2px !important;
left: 0 !important;
display: block !important;
width: 18px !important;
height: 18px !important;
border: 2px solid #aaaaaa !important;
border-radius: 0 !important;
box-shadow: none !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item label:after {
content: "" !important;
position: absolute !important;
top: 6px !important;
left: 7px !important;
display: block !important;
background: none !important;
transition: border-color 0.5s !important;
opacity: 0 !important;
width: 5px !important;
height: 9px !important;
border-right: 2px solid #aaaaaa !important;
border-bottom: 2px solid #aaaaaa !important;
transform: rotate(45deg) !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item label:hover:before {
border-color: #aaaaaa !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item label:hover:after {
opacity: 1 !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item input:checked+label:before {
border-color: #000000 !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item input:checked+label:after {
opacity: 1 !important;
border-color: #000000 !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item.disabled label,
#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item.disabled input:checked+label {
color: #aaaaaa !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item.disabled label:before,
#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item.disabled input:checked+label:before {
border-color: #aaaaaa !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item.disabled label:after,
#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .form-item.disabled input:checked+label:after {
opacity: 1 !important;
border-color: #aaaaaa !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories .eu-cookie-compliance-category .eu-cookie-compliance-category-description {
font-size: 12px !important;
line-height: 16px !important;
color: #aaaaaa !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #eu-cookie-compliance-categories button {
margin: 0 5px 5px 0;
padding: 5px 15px;
border-radius: 5px;
font-size: 14px;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-buttons {
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-buttons .buttons-container button {
margin: 0 5px 5px 0;
padding: 5px 15px;
border-radius: 5px;
font-size: 14px;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-buttons .buttons-container a.settings {
text-decoration: underline;
margin-top: 10px;
font-size: 14px !important;
line-height: 18px !important;
display: block;
cursor: pointer;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-language-switcher {
position: absolute;
top: 50px;
right: 50px;
font-size: 14px;
line-height: 18px;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-language-switcher a.dropdown {
text-transform: uppercase;
font-weight: 700;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-language-switcher a.dropdown i {
font-size: 8px;
position: relative;
top: -2px;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-language-switcher .dropdown-content {
margin-top: 10px;
padding: 5px 10px;
font-size: 14px;
line-height: 18px;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-language-switcher .dropdown-content a.is-active {
color: #a100ff;
}

#sliding-popup.eu-cookie-withdraw-wrapper {
display: none !important;
}

body.eu-cookie-compliance-popup-open #sliding-popup {
display: block !important;
}

body.eu-cookie-compliance-popup-open #sliding-popup.eu-cookie-withdraw-wrapper {
display: none !important;
}

@media all and (max-width:1200px) {
#sliding-popup .eu-cookie-compliance-banner .popup-content {
	padding: 5% 0 !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner {
	max-width: 90% !important;
}
}

@media all and (max-width:812px) {
#sliding-popup .eu-cookie-compliance-banner .popup-content {
	padding: 5% 0 !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner {
	max-width: 90% !important;
	padding: 30px !important;
}

#sliding-popup .eu-cookie-compliance-banner .popup-content .popup-content-inner #popup-language-switcher {
	top: 30px;
	right: 30px;
}
}

.tooltip {
position: relative;
}

span.tooltip-content {
display: none;
}

.tooltip span.tooltip-content {
background: #ffffff;
color: #000000;
font-size: var(--font-size-smaller);
line-height: var(--line-height-smaller);
font-weight: 300;
padding: 5px 10px;
border-radius: 6px;
white-space: nowrap;
max-width: 300px;
position: absolute;
top: 100%;
left: 50%;
margin: 15px 0 0 0;
display: none;
text-transform: none;
transform: translateX(-50%);
text-align: center;
z-index: 99;
vertical-align: middle;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.tooltip span.tooltip-content:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 6px;
margin-left: -6px;
}

.tooltip span.tooltip-content.left {
left: 50%;
margin-left: -20px;
transform: none;
}

.tooltip span.tooltip-content.left:after {
left: 20px;
}

.tooltip span.tooltip-content.right {
left: auto !important;
right: 50%;
transform: none;
margin-right: -20px;
}

.tooltip span.tooltip-content.right:after {
left: auto;
right: 20px;
margin-left: 0;
margin-right: -6px;
}

.no-touchevents .tooltip:hover span.tooltip-content {
display: block;
}

.tooltip.active span.tooltip-content {
display: none !important;
}

.dropdown-container {
position: relative;
}

.dropdown-container a.dropdown {
display: inline-block;
}

.dropdown-container .dropdown-content {
z-index: 50;
position: absolute;
right: 50%;
margin-right: -20px;
top: 100%;
background: #ffffff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
padding: 12px 20px;
margin-top: 15px;
display: none;
font-size: var(--font-size-small);
line-height: var(--line-height-small);
border-radius: 6px;
}

.dropdown-container .dropdown-content>a {
position: relative;
color: #000000;
display: block;
white-space: nowrap;
border-bottom: 1px solid #dddddd;
padding: 5px 0;
opacity: 1 !important;
}

.dropdown-container .dropdown-content>a:hover {
color: #a100ff;
}

.dropdown-container .dropdown-content>a:last-child {
border-bottom: none;
}

.dropdown-container .dropdown-content::before {
content: "";
width: 10px;
height: 10px;
background: #ffffff;
position: absolute;
right: 15px;
top: -5px;
transform: rotate(45deg);
}

.share-container a.copy-url {
padding-right: 10px;
}

.share-container a.copy-url.success:after {
content: '✔';
position: absolute;
top: 5px;
right: 0;
}

nav.pager {
text-align: center;
margin-top: 0;
padding-top: 60px;
}

nav.pager ul.pager__items {
margin: 0 !important;
padding: 0 !important;
text-align: center;
}

nav.pager ul.pager__items li {
margin: 0 5px !important;
padding: 0 !important;
list-style: none;
display: inline-block;
vertical-align: middle;
font-size: var(--font-size-smaller);
line-height: var(--line-height-smaller);
}

nav.pager ul.pager__items li:before {
display: none !important;
}

nav.pager ul.pager__items li.pager__item.is-active a {
color: #a100ff;
font-weight: 700;
}

nav.pager ul.pager__items li.pager__item--previous {
margin-right: 40px !important;
}

nav.pager ul.pager__items li.pager__item--previous a i {
font-size: 36px;
margin-top: -18px;
position: relative;
padding-left: 5px;
}

nav.pager ul.pager__items li.pager__item--previous a i:before {
position: relative;
animation: linkArrowPulseLeft 2s 0s ease-out infinite;
}

@keyframes linkArrowPulseLeft {
0% {
	left: 0px;
}

50% {
	left: 3px;
}

100% {
	left: 0px;
}
}

nav.pager ul.pager__items li.pager__item--previous a i:after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 30px;
height: 30px;
background: #a100ff;
border-radius: 50%;
z-index: -1;
margin-top: -15px;
}

nav.pager ul.pager__items li.pager__item--previous a:hover {
color: #a100ff;
}

nav.pager ul.pager__items li.pager__item--previous.disable a {
opacity: 0.3 !important;
}

nav.pager ul.pager__items li.pager__item--previous.disable a i:after {
display: none;
}

nav.pager ul.pager__items li.pager__item--next {
margin-left: 40px !important;
}

nav.pager ul.pager__items li.pager__item--next a i {
font-size: 36px;
margin-top: -18px;
position: relative;
padding-right: 5px;
}

nav.pager ul.pager__items li.pager__item--next a i:before {
position: relative;
animation: linkArrowPulse 2s 0s ease-out infinite;
}

@keyframes linkArrowPulse {
0% {
	left: 0px;
}

50% {
	left: -3px;
}

100% {
	left: 0px;
}
}

nav.pager ul.pager__items li.pager__item--next a i:after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 30px;
height: 30px;
background: #a100ff;
border-radius: 50%;
z-index: -1;
margin-top: -15px;
}

nav.pager ul.pager__items li.pager__item--next a:hover {
color: #a100ff;
}

nav.pager ul.pager__items li.pager__item--next.disable a {
opacity: 0.3 !important;
}

nav.pager ul.pager__items li.pager__item--next.disable a i:after {
display: none;
}

.slidein {
opacity: 0;
transform: translateY(50px);
transition: opacity 0s, transform 0s;
}

.slidein.inview {
opacity: 1;
transform: translateY(0);
transition: opacity 1s, transform 1s;
}

.slidein.inview.delay-100 {
transition-delay: 0.1s;
}

.slidein.inview.delay-200 {
transition-delay: 0.2s;
}

.slidein.inview.delay-300 {
transition-delay: 0.3s;
}

.slidein.inview.delay-400 {
transition-delay: 0.4s;
}

.slidein.inview.delay-500 {
transition-delay: 0.5s;
}

.slidein.to-left {
transform: translateX(50px);
}

.slidein.to-left.inview {
transform: translate(0, 0);
}

.slidein.to-right {
transform: translateX(-50px);
}

.slidein.to-right.inview {
transform: translate(0, 0);
}

.swiper-move .swiper-container .swiper-wrapper {
animation: bilderSliderMove 1s 0s ease-out;
}

@keyframes bilderSliderMove {
0% {
	left: 0;
}

50% {
	left: 100px;
}

100% {
	left: 0;
}
}

a.play {
position: absolute;
top: 50%;
left: 50%;
margin: -60px 0 0 -60px;
width: 120px;
height: 120px;
border-radius: 50%;
background: none;
display: block;
text-align: center;
color: #ffffff !important;
text-transform: uppercase;
font-size: var(--font-size-small);
line-height: var(--line-height-smaller);
font-weight: 700;
font-size: 40px;
padding-top: 40px;
z-index: 99;
}

a.play i {
margin-left: 5px;
}

a.play:before {
content: "";
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
border-radius: 50%;
opacity: 1;
background: #a100ff;
z-index: -1;
transition: opacity 0.5s, background-color 0.5s;
}

a.play:after {
content: "";
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
border-radius: 50%;
opacity: 0.8;
background: #a100ff;
z-index: -2;
animation: playButtonPulse 1s 0s ease-out infinite;
}

@keyframes playButtonPulse {
0% {
	transform: scale(1);
	opacity: 0.8;
}

100% {
	transform: scale(1.3);
	opacity: 0;
}
}

a.play:hover:before {
background: #a100ff;
opacity: 1;
}