/*
Theme Name: Desitin
Theme URI: http://www.desitin.de/
Description: Desitin Theme
Author: nitschmahler&friends
Author URI: http://nitschmahler.de/
Text Domain: nmf
Domain Path: /languages
Version: 2.0
GitHub Theme URI: https://github.com/nitschmahler/Desitin-theme

Wheee and stuff

*/

html {
    overflow-x: hidden;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Mulish', sans-serif;
    font-size: 18px;
    color: #444444;
    letter-spacing: 0.4px;
    line-height: 1.7;
    font-weight: 300;
}

:root :where(.wp-element-button, .wp-block-button__link) {
    background-color: unset;
}

@media (max-width: 767px) {
    body {
        font-size: 16px;
    }
}

h1,
h1 > a,
h1 > a:hover {
    letter-spacing: 1.2px;
    line-height: 1.1;
}

h1,
h1 > a,
h1 > a:hover {
    font-weight: 900;
    font-size: 48px;
    text-transform: uppercase;
    text-decoration: none;
}

h2,
h2 > a,
h2 > a:hover {
    font-weight: 900;
    letter-spacing: 1.1px;
    line-height: 1.3;
    margin-bottom: 8px;
    font-size: 30px;
    text-decoration: none;
    color: inherit;
}

.page-sidebar h2,
.page-sidebar h2 > a,
.page-sidebar h2 > a:hover {
    font-size: 24px;
}


h3,
h3 > a,
h3 > a:hover,
h4,
h4 > a,
h4 > a:hover {
    font-size: 18px;
    line-height: 1.3;
}

h3,
h3 > a,
h3 > a:hover {
    font-weight: 900;
    letter-spacing: 0.6px;
    margin-bottom: 6px;
    text-decoration: none;
    color: inherit;
}

h4,
h4 > a,
h4 > a:hover {
    font-weight: 900;
    color: #763f8e;
    text-decoration: none;
}

@media (max-width: 1200px) {
    h1,
    h1 > a,
    h1 > a:hover {
        font-size: 38px;
    }
}


@media (max-width: 900px) {
    h1,
    h1 > a,
    h1 > a:hover {
        font-size: 28px;
    }

    h2,
    h2 > a,
    h2 > a:hover {
        font-size: 24px;
    }

    .page-sidebar h2,
    .page-sidebar h2 > a,
    .page-sidebar h2 > a:hover {
        font-size: 22px;
    }
}

@media (max-width: 500px) {
    h1,
    h1 > a,
    h1 > a:hover {
        font-size: 20px;
    }

    h2,
    h2 > a,
    h2 > a:hover {
        font-size: 18px;
    }

    .page-sidebar h2,
    .page-sidebar h2 > a,
    .page-sidebar h2 > a:hover {
        font-size: 22px;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 30px;
    hyphens: auto;
}

strong {
    hyphens: auto;
}

@media (max-width: 1199px) {
    body.admin-bar {
        padding-top: 46px;
    }

    body.admin-bar #top-nav.sticky {
        top: 46px;
    }

    html #wpadminbar {
        position: fixed;
    }
}


b,
strong {
    font-weight: 800;
}


strong a,
strong a:hover {
    text-decoration: inherit;
    color: inherit;
    font-weight: inherit;
}

strong a {
    color: #21b5ea;
    font-weight: 700;
    text-decoration: underline;
    word-break: break-word;
}

strong a:hover {
    color: #0056b3;
    font-weight: 700;
    text-decoration: underline;
    word-break: break-word;
}

p {
    margin-top: 30px;
    margin-bottom: 30px;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p,
div + h1,
div + h2,
div + h3,
div + h4,
div + h5,
div + h6,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child,
.title + p {
    margin-top: 0;
    hyphens: auto;
}

p:empty {
    display: none;
}

i {
    vertical-align: middle;
}

a {
    color: #21b5ea;
    font-weight: 700;
    text-decoration: underline;
    word-break: break-word;
}

.smallText {
    font-size: 14px;
}

.link-nodeco a,
a.link-nodeco {
    text-decoration: inherit;
    color: inherit;
}

a.go-to {
    color: inherit;;
    text-decoration: none;
    font-weight: 300;
}

.go-to i {
    color: #21B5EA;
    margin-right: 12px;
    font-size: 18px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

input[type=number][name=product-numb] {
    padding: 15px 0 !important;
    max-width: 60%;
    margin: 0 20% 0 20%;
    border-radius: 0px !important;
}

form .inactive {
    display: none;
}

.has-small-font-size {
    font-size: 13px;
}

@media (max-width: 575px) {
    .has-larger-font-size {
        font-size: 11px;
    }
}

.has-regular-font-size {
    font-size: 18px;
}

@media (max-width: 575px) {
    .has-regular-font-size {
        font-size: 16px;
    }
}

.has-large-font-size {
    font-size: 24px;
    line-height: 1.6;
    letter-spacing: 0.8px;
}

@media (max-width: 575px) {
    .has-large-font-size {
        font-size: 18px;
    }
}

.has-larger-font-size {
    font-size: 30px;
    line-height: 1.2;
}

@media (max-width: 575px) {
    .has-larger-font-size {
        font-size: 22px;
    }
}

.has-extralarger-font-size {
    font-size: 48px;
    line-height: 1.2;
}

@media (max-width: 575px) {
    .has-extralarger-font-size {
        font-size: 30px !important;
    }
}

figcaption {
    margin: 0;
    text-align: center;
    font-weight: 400;
    color: #22b4ea;
}

figure img {
    max-width: 100%;
}

figure.aligncenter img {
    margin: 0 auto;
    display: block;
}

button:focus, input:focus, optgroup:focus, select:focus, textarea:focus, a:focus {
    outline: none;
}

label {
    font-weight: bold;
    padding-left: 15px;
    line-height: 1.7;
    margin-bottom: 10px;
    margin-top: 20px;
    position: relative;
}

.wpcf7-acceptance label {
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: inherit;
    line-height: 1.7;
    padding-left: 0;
    position: relative;
    display: flex;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 2px solid #e0d30e;
    background: #e0d30e;
    font-weight: 400;
    padding: 15px 20px;
    margin-right: 0;
    margin-left: 0;
    line-height: 1.5;
}

.wpcf7-validation-errors {
    position: relative;
    padding-left: 80px !important;
}

.wpcf7-validation-errors::before {
    display: inline-block;
    position: absolute;
    left: 20px;
    content: "\f06a";
    font-size: 35px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 100;
}

.wpcf7-form.sent .wpcf7-response-output {
    display: none !important;
}

input:not(.btn):not([type="checkbox"]):not(.wp-block-button__link):not([type="radio"]):not([type="button"]),
optgroup,
select,
textarea {
    width: 100%;
}

button:not(.gm-control-active):not([type="reset"]),
input:not(.btn):not(.wp-block-button__link):not([type="checkbox"]):not([type="search"]):not([type="button"]):not([type="radio"]),
optgroup,
select,
textarea {
    border: 0;
    border-radius: 30px;
    height: auto !important;
    padding: 15px 20px;
    margin-bottom: 0;
    color: #444444;
    background: #fff;
    font-weight: normal;
}

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0 10px 0 0;
    display: inline;
    width: 30px;
}

/* label input[type=checkbox] {
	position: absolute;
	left: 4px;
	top: -2px;
} */

.select-wrap {
    position: relative;
}

.select-wrap select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

.select-wrap::after {
    content: "\f175";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    font-size: 24px;
    right: 0;
    top: 0;
    background: #21b5ea;
    border-radius: 30px;
    position: absolute;
    pointer-events: none;
    display: block;
    color: #fff;
    padding: 10px 39px;
}

@media (max-width: 767px) {
    .select-wrap::after {
        padding: 8.5px 39px;
    }
}

input[type="checkbox"]::before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    width: 16px;
    color: #21b5ea;
    font-size: 16px;
    font-weight: 100;
    position: static;
}

input[type="checkbox"]:checked::before {
    content: "\f14a";
}

.wpcf7-checkbox .wpcf7-list-item {
    display: inline-block;
    margin-bottom: 4px;
    width: 100%;
    display: flex;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
    display: none;
}

span.wpcf7-not-valid-tip {
    padding-left: 1em;
    font-size: 16px;
}

.wpcf7-submit.btn {
    margin-top: 0px;
}

.message-after-send b {
    font-size: 24px;
    line-height: 1.3;
    display: block;
    margin: 0 auto;
}

ul {
    list-style: none;
    padding-left: 42px;
    margin-bottom: 28px;
}

li {
    position: relative;
    margin-bottom: 0;
    font-weight: 300;
}

ul li::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f178";
    position: absolute;
    color: #21b5ea;
    left: -24px;
}

ul ul {
    padding-left: 20px;
}

li li {
    font-weight: 300;
}

li li::before {
    content: "\f054";
    font-size: 14px;
    margin-top: 3px;
    font-weight: 500;
    left: -16px;
}

ol li::marker {
    color: #21b5ea;
    font-weight: 700;
}

@media (min-width: 1270px) {
    .container {
        max-width: 1230px;
    }
}

@media (max-width: 575px) {
    .container {
        padding-right: 0;
        padding-left: 0;
    }

    .page-sidebar {
        margin-top: -50px;
    }
}

.blue {
    color: #21B5EA;
}

.red {
    color: #df0000;
}

hr.transparent {
    border: 0;
    margin-top: 2.5rem;
    margin-bottom: 0;
}

.font-weight-light-popup {
    font-weight: 100;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-70 {
    margin-bottom: 70px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}


.white-content * {
    color: #fff !important;
}

.white-content .btn,
.white-content .is-style-outline .wp-block-button__link {
    border: 2px solid #fff !important;
}

.complet-height-widht {
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}

.shortcode-icon {
    font-size: 36px;
    color: #21b5ea;
    margin-bottom: 12px;
    margin-top: 12px;
}

i.fal.fa-file-pdf {
    color: #c80000;
}

button:focus,
input:focus {
    outline: 0;
}

/* Gutenberg */
.alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    width: 100vw;
}

@media (min-width: 1271px) {
    .page-sidebar .alignfull {
        margin-left: calc(-100vw / 2 + 600px);
        width: 100vw;
    }
}

.alignwide {
    margin-left: 10vw;
    margin-right: 10vw;
    max-width: 80vw;
    width: 80vw;
}

.wp-block-group.alignfull > *:not(.alignwide):not(.alignfull):not(hr) {
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}

@media (min-width: 576px) {
    .wp-block-group.alignfull > *:not(.alignwide):not(.alignfull):not(hr) {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .wp-block-group.alignfull > *:not(.alignwide):not(.alignfull):not(hr) {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .wp-block-group.alignfull > *:not(.alignwide):not(.alignfull):not(hr) {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .wp-block-group.alignfull > *:not(.alignwide):not(.alignfull):not(hr) {
        max-width: 1140px;
    }
}

@media (min-width: 1270px) {
    .wp-block-group.alignfull > *:not(.alignwide):not(.alignfull):not(hr) {
        max-width: 1230px;
    }
}

@media (max-width: 575px) {
    .wp-block-group.alignfull > *:not(.alignwide):not(.alignfull):not(hr) {
        padding: 0;
    }
}

.page-sidebar .wp-block-columns {
    margin-bottom: 0;
}

.wp-block-columns.gap-0 {
    gap: 0;
}

.page-nosidebar .wp-block-columns {
    margin-bottom: 85px;
    margin-top: 85px;
}

@media (max-width: 575px) {
    .page-nosidebar .wp-block-columns {
        margin-bottom: 0;
        margin-top: 0;
    }

    .wp-block-columns {
        margin-bottom: 0;
    }
}

.wp-block-column {
    margin-bottom: 0;
    flex-basis: 50%;
}

.wp-block-group__inner-container > *:last-child,
.wp-block-column > *:last-child,
td > *:last-child,
.sidebar-item > *:last-child,
.is-style-internal-information > *:last-child {
    margin-bottom: 0;
}

@media (min-width: 600px) and (max-width: 991px) {
    .page-nosidebar .wp-block-columns {
        flex-wrap: wrap;
    }

    .wp-block-column,
    .wp-block-column:not(:only-child) {
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .wp-block-columns {
        flex-wrap: wrap;
    }
}

@media (max-width: 991px) {
    .wp-block-column {
        margin-bottom: 10px;
    }
}

.columns-no-margins > .wp-block-column {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.has-background {
    padding: 30px 40px 30px;
}

.has-background.has-hellblau-background-color {
    background-color: #eef3f5 !important;
}

.has-background.has-tuerkisblau-background-color {
    background-color: #4b869f !important;
}

.has-background.has-blau-background-color {
    background-color: #21b5ea !important;
}

.has-background.has-hellgrau-background-color {
    background-color: #f6f6f6 !important;
}

.has-background.has-dunkelgrau-background-color {
    background-color: #707070 !important;
}

.has-background.has-lila-background-color {
    background-color: #8B559D !important;
}

.has-background.has-gruen-background-color {
    background-color: #59923C !important;
}

.has-background.has-white-background-color {
    background-color: #FFFFFF !important;
}

.has-text-color.has-hellblau-color,
.has-inline-color.has-hellblau-color,
.has-text-color.has-hellblau-color a,
.has-text-color.has-hellblau-color strong a,
.has-text-color.has-hellblau-color ul li::before {
    color: #eef3f5;
}

.has-text-color.has-tuerkisblau-color,
.has-inline-color.has-tuerkisblau-color,
.has-text-color.has-tuerkisblau-color a,
.has-text-color.has-tuerkisblau-color strong a,
.has-text-color.has-tuerkisblau-color ul li::before {
    color: #4b869f;
}

.has-text-color.has-blau-color,
.has-inline-color.has-blau-color,
.has-text-color.has-blau-color a,
.has-text-color.has-blau-color strong a,
.has-text-color.has-blau-color ul li::before {
    color: #21b5ea;
}

.has-text-color.has-dunkelgrau-color,
.has-inline-color.has-dunkelgrau-color,
.has-text-color.has-dunkelgrau-color a,
.has-text-color.has-dunkelgrau-color strong a,
.has-text-color.has-dunkelgrau-color ul li::before {
    color: #707070;
}

.has-text-color.has-grau-color,
.has-inline-color.has-grau-color,
.has-text-color.has-grau-color a,
.has-text-color.has-grau-color strong a,
.has-text-color.has-grau-color ul li::before {
    color: #444444;
}

.has-text-color.has-hellgrau-color,
.has-inline-color.has-hellgrau-color,
.has-text-color.has-hellgrau-color a,
.has-text-color.has-hellgrau-color strong a,
.has-text-color.has-hellgrau-color ul li::before {
    color: #f6f6f6;
}

.has-text-color.has-lila-color,
.has-inline-color.has-lila-color,
.has-text-color.has-lila-color a,
.has-text-color.has-lila-color strong a,
.has-text-color.has-lila-color ul li::before {
    color: #8B559D;
}

.has-text-color.has-gruen-color,
.has-inline-color.has-gruen-color,
.has-text-color.has-gruen-color a,
.has-text-color.has-gruen-color strong a,
.has-text-color.has-gruen-color ul li::before {
    color: #59923C;
}

.has-text-color.has-white-color,
.has-inline-color.has-white-color,
.has-text-color.has-white-color a,
.has-text-color.has-white-color strong a,
.has-text-color.has-white-color ul li::before {
    color: #FFFFFF;
}

.wp-block-group.has-background {
    margin-bottom: 20px;
}

body:not(.produkt-template):not(.page-template-noslider-withsidebar-template) .wp-block-column .wp-block-group,
body:not(.produkt-template):not(.page-template-noslider-withsidebar-template) .wp-block-column .wp-block-group__inner-container {
    height: 100%;
}

body.page-template-slider-nosearch-withsidebar-template:not(.produkt-template) .wp-block-column .wp-block-group,
body.page-template-slider-nosearch-withsidebar-template:not(.produkt-template) .wp-block-column .wp-block-group__inner-container,
body.fachbereich-template-slider-nosearch-withsidebar-template:not(.produkt-template) .wp-block-column .wp-block-group,
body.fachbereich-template-slider-nosearch-withsidebar-template:not(.produkt-template) .wp-block-column .wp-block-group__inner-container {
    height: auto;
}

body:not(.single-produkt) .page-sidebar .wp-block-group.has-background:first-child,
#produkt-descript.wp-block-group.has-background {
    padding-top: 20px;
    background: #eef3f5;
}

.wp-block-group.alignfull {
    padding-top: 90px;
    padding-bottom: 90px;
    margin-top: 85px;
    margin-bottom: 85px;
}

@media (max-width: 575px) {
    .wp-block-group.alignfull {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

.wp-block-image {
    margin-bottom: 20px;
}

.wp-block-group .wp-block-image {
    margin-bottom: 30px;
}

.wp-block-image.img-zoom {
    display: block;

}

.wp-block-image img {
    height: auto;
}

.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized,
.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.is-resized > figcaption {
    display: block;
}


@media (max-width: 575px) {
    .wp-block-image {
        margin-bottom: 0;
    }

    .wp-block-image .alignright,
    .wp-block-image .alignleft {
        float: none;
    }

}

.wp-block-image figure:not(.img-cover),
figure.wp-block-image:not(.img-cover) {
    position: relative;
}

.image-bigger {
    background: rgba(33, 181, 234, 0.8);
    color: #fff;
    position: absolute;
    font-size: 18px;
    padding: 4px 12px 6px;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 9;
}

@media (min-width: 992px) {
    .wp-block-image.img-cover {
        width: 100%;
        height: 100%;
        margin: 0;
        position: relative;
        overflow: hidden;
    }

    .wp-block-image.img-cover img {
        max-width: 100%;
        min-height: 100%;
        min-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (max-width: 991px) {
    .wp-block-image.img-cover img {
        width: 100%;
    }
}

body .wp-block-column > .wp-block-columns {
    margin-top: 0;
    margin-bottom: 0;
}

body.produkt-template #content-post > .wp-block-columns > .wp-block-column:not(:first-child) {
    /*margin-left: 20px;*/
}

.wp-block-image.hover-caption {
    position: relative;
    margin-bottom: 0;
}

.wp-block-image.hover-caption > a::after {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    content: "\f178";
    color: #fff;
    bottom: 18px;
    right: 40px;
    font-size: 47px;
    font-weight: 300;
}

@media (max-width: 575px) {
    .wp-block-image.hover-caption > a::after {
        font-size: 23px;
        bottom: 22px;
    }
}

.wp-block-image.hover-caption figcaption {
    position: absolute;
    color: #fff;
    bottom: 32px;
    left: 40px;
    line-height: 1;
    font-size: 48px;
    letter-spacing: 1.3px;
    max-width: calc(100% - 122px);
    text-align: left;
    cursor: pointer;
    pointer-events: none;
}


@media (max-width: 575px) {
    .wp-block-image.hover-caption figcaption {
        font-size: 30px;
        max-width: calc(100% - 122px);
    }
}

.wp-block-image figcaption {
    font-size: 13px;
    color: inherit;
    line-height: 1.3;
    margin-top: 10px;
}

/* Btn */
.wp-block-button__link:hover,
.chained-quiz-action input[type=button]:hover {
    text-decoration: none;
}

.wp-block-button__link,
.chained-quiz-action input[type=button],
.btn,
#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-dp-noflict-modal-body .btn-timeout,
#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-dp-noflict-modal-body .btn-timeout:focus,
#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-dp-noflict-modal-body .ina_stay_logged_in,
#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-dp-noflict-modal-body .ina_stay_logged_in:focus,
.wp-block-button__link:focus,
.btn:focus,
.buddypress .buddypress-wrap button {
    letter-spacing: 0.8px;
    border-radius: 28px;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: none !important;
    line-height: 1 !important;
    word-break: normal;
}

.buddypress .buddypress-wrap button,
.buddypress .buddypress-wrap button:hover {
    background-color: transparent;
    border: 2px solid;
    padding: 14px 20px;
}

/* @media (max-width: 767px) {
	.wp-block-button__link.has-text-color {
		font-size: 14px;
		padding: 11px 26px;
		border: 2px solid;
		letter-spacing: 0.8px;
	}
} */

.wp-block-button__link.has-hellblau-background-color {
    border: 2px solid #eef3f5;
}

.wp-block-button__link.has-tuerkisblau-background-color {
    border: 2px solid #4b869f;
}

.wp-block-button__link.has-blau-background-color {
    border: 2px solid #21b5ea;
}

.wp-block-button__link.has-hellgrau-background-color {
    border: 2px solid #f6f6f6;
}

.wp-block-button__link.has-dunkelgrau-background-color {
    border: 2px solid #707070;
}

.wp-block-button__link.has-lila-background-color {
    border: 2px solid #8B559D;
}

.wp-block-button__link.has-gruen-background-color {
    border: 2px solid #59923C;
}

.wp-block-button__link.has-white-background-color {
    border: 2px solid #FFFFFF;
}

.btn,
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default,
.chained-quiz-action input[type="button"] {
    background-color: transparent;
    border: 2px solid #444444;
}

.btn.blue {
    border: 2px solid #4B869F;
    color: #4B869F;
}

.btn.white {
    border: 2px solid #FFF;
    color: #FFF;
}

.btn.gray,
.btn.gray:hover,
.btn.gray.selected {
    border: 2px solid #EDEDED;
}

input[type="button"].btn-block,
input[type="password"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
    width: auto;
}

/* @media (max-width: 575px) {
	.wp-block-button__link,
	.wp-block-button__link.has-text-color,
	.btn,
	.wp-block-button__link:focus,
	.btn:focus {
		font-size: 11px;
		padding: 7px 12px;
	}
} */

.btn:hover,
.chained-quiz-action input[type="button"]:hover {
    border-color: inherit;
    color: inherit;
}

button:focus,
a:focus,
.btn:focus,
.chained-quiz-action input[type="button"]:focus {
    outline: 0;
    box-shadow: none;
}

/*Search*/
.title-search,
.subtitle-search {
    text-align: center;
}

.title-search {
    line-height: 1;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.7px;
    color: #444444;
}

@media (max-width: 575px) {
    #search.container {
        padding-right: 40px;
        padding-left: 40px;
    }

    .title-search {
        font-size: 28px;
        max-width: 250px;
        margin: 0 auto;
    }

    .subtitle-search {
        display: none;
    }
}

form#searchform {
    text-align: center;
    margin: 25px 84px 100px;
    position: relative;
}

@media (max-width: 575px) {
    form#searchform {
        margin: 25px 0 50px;
    }

}

input.search-field {
    border: 0;
    background: #F6F6F6;
    padding: 14px 150px 14px 38px;
    border-radius: 50px;
    width: 100%;
    max-height: 50px;
    color: #444444;
    font-family: inherit;
    font-size: 18px !important;
    line-height: 1;
}

@media (max-width: 767px) {
    input.search-field {
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    input.search-field {
        padding: 9px 126px 9px 20px;
        max-height: 40px;
    }
}

input.search-submit.btn {
    position: absolute;
    right: 0;
    top: -30px;
    border: 0;
    border-radius: 50px;
    padding: 16px 26px;
    text-transform: uppercase;
    color: #fff;
    background: #21B5E9;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.45;
    font-family: inherit;
    font-weight: 300;
    margin-top: 30px;
}

@-moz-document url-prefix() {
    input.search-submit.btn {
        top: -30px;
    }
}

@media (max-width: 575px) {
    input.search-submit.btn {
        font-size: 16px;
        padding: 12px 26px;
    }
}

#searchform-produkt input.search-field,
#search-produkt-shortcode input.search-field {
    padding: 16px 56px 16px 20px;
    background: #fff;
    position: relative;
}

#searchform-produkt,
#search-produkt-shortcode {
    position: relative;
    margin-top: 32px;
}

#searchform-produkt::after,
#search-produkt-shortcode:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 20px;
    content: "\f002";
    position: absolute;
    color: #4b869f;
    right: 19px;
    top: 9px;
}

#search-produkt-shortcode {
    margin-bottom: 32px;
}

body.search #search.container {
    margin-top: 220px;
}

@media (max-width: 1199px) {
    body.search #search.container {
        margin-top: 140px;
    }
}

/* Pages */
#bradcrumbs {
    margin: -46px 0 40px 0;
}

#bradcrumbs i {
    color: #8B559D !important;
    font-size: 18px !important;
}

#bradcrumbs ul {
    padding: 0;
    margin-bottom: 0;
}

#bradcrumbs ul li {
    display: inline;
}

#bradcrumbs ul li::before {
    content: '';
}

#bradcrumbs ul li a,
#bradcrumbs ul li:last-child {
    background: #EDF3F5;
    padding: 14px 72px 14px 25px;
    color: #444444;
    border: 2px solid #fff;
    border-radius: 42px;
    margin-left: -46px;
    text-decoration: none;
    font-weight: 300;
    display: inline-block;
}

#bradcrumbs ul li:first-child a {
    margin-left: 0;
}

#bradcrumbs ul li:last-child {
    padding: 14px 28px 14px 28px;
    background: #95c7ed;
    color: #fff;
}

#siderbar-nav a.active,
#siderbar-toc-mobile-nav a.active {
    font-weight: 700
}

#siderbar-nav ul,
#siderbar-toc-mobile-nav ul,
#content-link ul {
    margin-bottom: 0;
    padding-left: 24px;
}

#siderbar-nav li,
#siderbar-toc-mobile-nav li {
    line-height: 1.3;
    margin-bottom: 6px;
}

#bradcrumbs ul li a:hover,
#siderbar-nav a:hover,
#siderbar-toc-mobile-nav a:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    #bradcrumbs {
        /*display: none;*/
    }
}

#siderbar-nav,
#siderbar-toc-mobile-nav {
    background: #ededed;
}

#siderbar-toc-mobile-nav {
    display: none;
}

.page-template-scrolling-toc-mobile-template .page-sidebar #sidebar-post.fixed-bottom-toc #content-link .content-link-items {
    transition: max-height .3s;
    padding: 0;
}

@media (min-width: 1271px) {
    #wrapper.page-sidebar {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        overflow: visible;
    }

    body:not(.produkt-template) .page-sidebar #content-post {
        width: 75%;
        padding-right: 20px;
    }

    .produkt-template .page-sidebar #content-post {
        width: 100%;
        padding-right: 0;
    }

    body:not(.produkt-template) .page-sidebar #sidebar-post {
        width: 25%;
    }

    .page-sidebar #sidebar-post {
        position: -webkit-sticky;
        position: sticky;
        top: 130px;
    }
}

@media (max-width: 1271px) {
    #wrapper.page-sidebar {
        display: flex;
        flex-direction: column;
    }

    .page-sidebar #content-post {
        /*order: 2;*/
        order: 1;
    }

    .page-sidebar #sidebar-post {
        margin-bottom: 0 !important;
        /*order: 1;*/
        order: 2;
    }

    .page-template-scrolling-toc-mobile-template .page-sidebar #sidebar-post {
        position: -webkit-sticky;
        position: sticky;
        top: 126px;
        z-index: 100;
    }

    .page-template-scrolling-toc-mobile-template .page-sidebar #sidebar-post.fixed-bottom-toc {
        position: fixed;
        top: auto;
        bottom: 28px;
        left: 34px;
        width: 100%;
        max-width: calc(100% - 130px);
        margin-top: 0;
    }

    .page-template-scrolling-toc-mobile-template .page-sidebar #sidebar-post.fixed-bottom-toc #content-link {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 9px 20px;
        margin-bottom: 0;
        max-height: 44px;
        min-height: 44px;
        width: 100%;
    }

    .page-template-scrolling-toc-mobile-template .page-sidebar #sidebar-post.fixed-bottom-toc #content-link.open {
        max-height: 100vh;
    }

    .page-template-scrolling-toc-mobile-template .page-sidebar #sidebar-post.fixed-bottom-toc #content-link .title {
        display: flex;
        margin-bottom: 0;
        cursor: pointer;
        width: 100%;
    }

    .page-template-scrolling-toc-mobile-template .page-sidebar #sidebar-post.fixed-bottom-toc #content-link.open .title {
        margin-bottom: 13px;
    }

    .page-template-scrolling-toc-mobile-template .page-sidebar #sidebar-post.fixed-bottom-toc #content-link .title::after {
        position: absolute;
        right: 20px;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f067";
    }

    .page-template-scrolling-toc-mobile-template .page-sidebar #sidebar-post.fixed-bottom-toc #content-link.open .title::after {
        content: "\f068";
    }

    .page-template-scrolling-toc-mobile-template .page-sidebar #sidebar-post.fixed-bottom-toc .content-link-items {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-height: 0;
        overflow: hidden;
    }

    .page-template-scrolling-toc-mobile-template .page-sidebar #sidebar-post.fixed-bottom-toc #content-link.open .content-link-items {
        max-height: 100vh;
    }

    .page-template-scrolling-toc-mobile-template #siderbar-nav {
        display: none;
    }

    #siderbar-toc-mobile-nav {
        display: block;
    }
}

@media (min-width: 576px) {
    .page-sidebar #sidebar-post > div {
        margin-bottom: 18px;
    }
}

.sticky #content-post {
    margin-right: 25%;
}

.sticky #sidebar-post {
    position: fixed;
    width: 300px;
}

@media (max-width: 1270px) {
    #content-post,
    #sidebar-post {
        width: 100%;
        float: none;
        padding-right: 0;
        margin-top: 20px;
    }
}

#page-title {
    background: #eef3f5;
    padding: 37px 40px 10px 40px;
}

h1,
h1 > a,
h1 > a:hover {
    font-size: 30px;
    color: #164194;
    text-transform: none;
    margin: 0;
}

h1 {
    margin-bottom: 30px;
}

#page-title > h1 {
    margin: 0;
}

@media (max-width: 900px) {
    #page-title h1 {
        font-size: 24px;
    }
}

@media (max-width: 500px) {
    #page-title h1 {
        font-size: 20px;
    }
}


/* Sidebar */
#sidebar-post {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

#sidebar-post > .wp-block-group__inner-container > div,
#sidebar-post > .wp-block-group__inner-container > .internal-section-switch > .internal-section-block > div,
#sidebar-post > .wp-block-group__inner-container > .internal-section-switch > .open-section-block > div {
    margin-bottom: 18px;
}

#sidebar-post > .wp-block-group__inner-container > div:last-child,
#sidebar-post > .wp-block-group__inner-container > div:last-child > .internal-section-switch > .internal-section-block > div:last-child,
#sidebar-post > .wp-block-group__inner-container > div:last-child > .internal-section-switch > .open-section-block > div:last-child {
    margin-bottom: 0;
}

.sidebar-item,
.is-style-internal-information,
.is-style-package-information {
    padding: 38px;
}

.is-style-internal-information ul,
.is-style-package-information ul {
    padding: 0;
}

.colored-sidebar {
    color: white;
}

.colored-sidebar li:before {
    color: white;
}

.sidebar-item:nth-child(1) {
    order: 2;
}

.sidebar-item:nth-child(2) {
    order: 3;
}

.sidebar-item:nth-child(3) {
    order: 4;
}

.sidebar-item:nth-child(4) {
    order: 5;
}

.sidebar-item:nth-child(5) {
    order: 6;
}

.sidebar-item:nth-child(6) {
    order: 7;
}

.sidebar-item:nth-child(7) {
    order: 8;
}

.sidebar-item:nth-child(8) {
    order: 9;
}

.sidebar-item .title,
.sidebar-item .title > a,
.sidebar-item .title > a:hover,
.is-style-title,
.is-style-title > a,
.is-style-title > a:hover {
    line-height: 1.3;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 13px;
    text-decoration: none;
    color: inherit;
}

@media (max-width: 900px) {
    .sidebar-item .title,
    .is-style-title {
        font-size: 20px;
    }
}

@media (max-width: 500px) {
    .sidebar-item .title,
    .is-style-title {
        font-size: 18px;
    }
}

#content-link {
    background: #4b869f;
}

#content-link li::before {
    color: #fff;
}

#siderbar-nav a,
#siderbar-toc-mobile-nav a,
#content-link a {
    text-decoration: none;
}

.search-sidebar {
    background: #707070;
}

#login-link-produkt,
#produkte-additional-info {
    background: #763f8e;
}

#content-link .title,
.search-sidebar .title,
.search-sidebar p {
    color: #fff;
}

#search-produkt {
    background: #444444;
}

#content-link a,
#search-produkt,
#login-link-produkt,
#produkte-additional-info {
    color: #fff;
    font-weight: 300;
}

#siderbar-nav a,
#siderbar-toc-mobile-nav a {
    color: inherit;
    font-weight: 300;
}

#siderbar-nav a.wp-element-button,
#siderbar-toc-mobile-nav a.wp-element-button {
    color: inherit;
    border: 2px solid #444445;
}

#siderbar-nav a.wp-element-button:hover,
#siderbar-toc-mobile-nav a.wp-element-button:hover {
    color: #21b5ea;
    border: 2px solid #21b5ea;
}

.page-template-gallery-template .content-link-item.anchor-title a {
    font-weight: 700 !important;
}

#siderbar-nav a:hover,
#siderbar-toc-mobile-nav a:hover {
    color: #21b5ea;
}

.content-link-item {
    padding-left: 25px;
    position: relative;
    line-height: 1.4;
    margin-bottom: 5px;
}

#content-link .content-link-item a {
    /*display: inline-flex;
    flex-direction: column;*/
    width: auto;
    word-break: break-word;
    display: inline;
}

#content-link .content-link-item.focused a {
    font-weight: 700;
}

.content-link-item::before {
    position: absolute;
    left: 0;
    color: #fff;
    font-family: "Font Awesome 5 Pro";
}

.content-link-item.anchor-title::before {
    content: "\f178";
}

.content-link-item.anchor-pdf::before {
    content: "\f1c1";
}

.content-link-item.anchor-link::before {
    content: "\f0c1";
}


@media (min-width: 1271px) {
    .anchor-sublink {
        display: none;
    }
}

@media (max-width: 1270px) {
    .anchor-sublink {
        display: block !important;
    }
}

.content-link-item.anchor-sublink::before {
    content: "\f105";
    left: 9px;
}

.content-link-item.anchor-video::before, .content-link-item.anchor-youtube::before {
    content: "\f008";
}

.content-link-item i {
    display: none;
}

/* Footer */
footer {
    font-size: 14px;
    padding-bottom: 44px;
    padding-top: 44px;
}

footer li::before {
    display: none;
}

@media (max-width: 575px) {
    footer {
        padding-top: 0;
        padding-bottom: 0;
    }
}

#img-footer {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 125px;
    margin-bottom: 34px;
}

img.deco-img {
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 125px;
    min-height: 125px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    object-position: right;
    right: 0;
    pointer-events: none;
}

#logo-footer {
    position: absolute;
    bottom: 46px;
    max-width: 140px;
    max-height: 71px;
}

@media (max-width: 575px) {
    #logo-footer {
        margin-left: 40px;
    }
}

@media (max-width: 991px) {
    img.deco-img {
        max-height: 80px;
        min-height: 80px;
    }
}

@media (max-width: 679px) {
    img.deco-img {
        max-height: 50px;
        min-height: 50px;
        position: absolute;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        bottom: 0;
        right: 0;
    }
}

@media (min-width: 576px) {
    #copyright #deco-footer {
        display: none;
    }
}

@media (max-width: 575px) {
    #img-footer {
        height: auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #logo-footer {
        position: static;
        margin: 0 auto;
        display: block;
    }

    #copyright {
        padding-top: 80px;
    }

    #copyright #deco-footer {
        top: 0;
        bottom: auto;
    }

    #img-footer #deco-footer {
        display: none;
    }
}

#copyright p {
    margin: 0;
}

#footer-menu ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

@media (max-width: 991px) {
    #footer-menu ul {
        margin-bottom: 10px;
    }
}

#footer-menu li {
    position: relative;
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 45px;
}

@media (max-width: 991px) {
    #footer-menu li {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 575px) {
    #footer-menu ul {
        display: block;
    }

    #footer-menu li {
        display: block;
        margin: 0;
        text-align: left;
    }
}


#footer-menu li a {
    text-transform: uppercase;
    font-weight: 800;
    color: #444444;
    letter-spacing: 0.5px;
    text-decoration: none;
}

/*404*/
body.error404 #error-page {
    margin-top: 220px;
    margin-bottom: 70px;
}

#error-title {
    font-weight: 700;
    margin-bottom: 15px;
}

#error-number {
    font-size: 109px;
    font-weight: 400;
    color: #2ba8e6;
    vertical-align: top;
    line-height: 72px;
    margin-bottom: 10px;
}

#error-number i {
    font-size: 80px;
    vertical-align: top;
}


@media (max-width: 575px) {
    body.error404 #error-page {
        margin-top: 120px;
        margin-bottom: 60px;
    }

    #error-page .container {
        padding-right: 40px;
        padding-left: 40px;
    }
}

#back-to-top {
    position: fixed;
    right: 34px;
    bottom: 28px;
    z-index: 999;
    padding: 9px 11px;
    background: #ededed;
    line-height: 0;
    cursor: pointer;
    display: none;
}

#back-to-top i {
    font-size: 24px;
    color: #1651a1;
    font-weight: 400;
}

/* Produkt Pages */
#wrapper .descript-text li {
    font-weight: 300;
}

.background-img {
    text-align: center;
    background: #f2f2f2;
    margin-bottom: 20px;
    padding: 50px;
}

.product-carousel-img img {
    height: 240px;
    width: auto;
}

@media (max-width: 574px) {
    .product-carousel-img img {
        height: 160px;
    }
}

table {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0;
}

table tr:not(:last-child) {
    border-bottom: 5px solid #fff;
}

.wp-block-group.has-background table tr {
    border-bottom: 5px solid #eef3f5;
}

table th {
    background: #4B869F;
    color: #fff;
    font-weight: 300;
    line-height: 1.65;
}

table td {
    background: #ededed;
}

.wp-block-group.has-background table td {
    background: #fff;
}

table th,
table td {
    border-right: 5px solid #fff;
    border-left: 5px solid #fff;
    padding: 10px 20px;
}

.wp-block-group.has-background table th,
.wp-block-group.has-background table td {
    border-right: 5px solid #eef3f5;
    border-left: 5px solid #eef3f5;
    padding: 10px 20px;
}

table th:first-child,
table td:first-child {
    border-left: 0px !important;
}

table th:last-child,
table td:last-child {
    border-right: 0px !important;
}

.wp-block-table td,
.wp-block-table th {
    border: initial;
}

table td {
    border-left: 0px !important;
}

#dosierung-tabelle,
.is-style-dosage-table table {
    margin-bottom: 0;
}

#dosierung-tabelle th:nth-child(2),
#dosierung-tabelle td:nth-child(2),
.is-style-dosage-table table td:nth-child(2),
.is-style-dosage-table table th:nth-child(2) {
    text-align: center;
}

:where(.is-layout-flex),
:where(.wp-block-columns.is-layout-flex) {
    gap: 1em;
}

@media (max-width: 992px) {
    #content-post table td {
        display: block;
    }

    table tr {
        margin-bottom: 5px;
        height: auto;
        padding: 0;
    }

    #content-post table thead tr:first-child,
    .order-form .header-download {
        display: none;
    }

    #content-post .order-form table td[data-available="false"] {
        display: none;
    }

    #dosierung-tabelle td:nth-child(2)::before,
    .is-style-dosage-table table td:nth-child(2)::before {
        margin-bottom: 10px;
    }

    table td {
        border-right: 0;
        border-left: 0;
        border-bottom: 1px solid #fff;
        padding: 20px;
        text-align: center;
    }

    .wp-block-group.has-background table th,
    .wp-block-group.has-background table td {
        border-right: 0;
        border-left: 0;
    }

    table td::before {
        content: attr(data-label);
        display: block;
        width: 100%;
        font-weight: 600;
        font-size: inherit;
        margin-right: 10px;
    }

    table td::after {
        content: attr(data-content);
        font-size: 13.5px;
    }
}


@media (max-width: 575px) {
    table {
        border: 10px solid #fff;
    }

    .wp-block-group.has-background table {
        border: 0;
    }
}


@media (min-width: 992px) {
    .table-order th[class="Größe"],
    .table-order td[data-label="Größe"] {
        width: 115px;
    }

    .table-order th[class="Link"],
    .table-order td[data-label="Link"] {
        width: 140px;
    }

    .table-order th[class="product-numb"],
    .table-order td[data-label="product-numb"] {
        width: 145px;
    }
}

@media (max-width: 992px) {
    [name="product-numb"] {
        text-align: center;
    }
}

td[data-label="product-numb"] select {
    border-radius: 0;
    max-width: 117px;
}

#dosierung-tabelle,
.is-style-dosage-table table {
    margin-bottom: 0;
}

#dosierung-tabelle img,
.is-style-dosage-table table img {
    height: 50px;
    width: auto;
}

.table-order select {
    padding: 0;
    margin: 0;
}

input.order-btn {
    margin-top: 0;
    margin-bottom: 30px;
    width: 180px;
}

/* Produkte loop */
#loop-produkte {
    margin-top: 20px;
}

.produkte-loop-item {
    margin-top: 40px;
}

@media (max-width: 1270px) {
    .search #loop-produkte {
        margin-bottom: 60px;
    }
}

@media (max-width: 575px) {
    .produkte-loop-item {
        margin-right: 10px;
        margin-left: 10px;
    }
}

.produkt-item {
    background: #EDEDED;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    min-height: 200px;
}

@media (min-width: 992px) {
    .produkt-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: top;
    }
}

.produkt-item-title {
    margin-top: 10px;
}

.produkt-item-title a {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.4;
    text-decoration: none;
    color: inherit;
}

@media (min-width: 992px) {
    .produkt-item-text {
        width: 51%;
        float: left;
        padding-right: 10px;
    }

    .produkt-item-text a.go-to {
        position: absolute;
        bottom: 30px;
    }

    .produkt-item-img img {
        height: 136px;
        width: auto;
    }

    .produkt-item-img {
        width: 49%;
        float: left;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
    }
}

@media (max-width: 991px) {
    .produkt-item-img {
        margin-top: 20px;
    }

    .produkt-item-img img {
        height: 90px;
        width: auto;
    }
}

.produkte-loop-item {
    margin-top: 20px;
}

.letter-filter:first-child {
    margin-top: 30px;
}

.letter-filter {
    text-transform: uppercase;
    color: #fff;
    background: #4B869F;
    font-weight: 800;
    font-size: 24px;
    display: inline-block;
    padding: 15px 20px;
    margin-top: 40px;
}

@media (min-width: 992px) {
    .slider-produkt #slider-content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }

    .slider-produkt .slider-title, .slider-produkt .slider-produkt-img {
        width: 50%;
        float: left;
    }

    .slider-produkt .slider-title {
        margin-bottom: 60px;
    }

    .slider-produkt .slider-produkt-img {
        text-align: center;
    }

    .slider-produkt .slider-produkt-img img {
        height: 390px;
        width: auto;
    }
}

@media (max-width: 992px) {
    .slider-produkt .slider-title {
        text-align: center;
        margin-bottom: 50px;
        padding-right: 0;
    }
}


/* Sidebar 'Produkte: A bis Z' */
#anchor-atoz {
    background: #4b869f;
}

#anchor-atoz > .title {
    white-space: nowrap;
}

#anchor-atoz a {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    background: transparent;
    padding: 0;
    margin: 0;
    width: auto;
    text-decoration: none;
}

#anchor-atoz a.active {
    font-weight: 700;
}

#anchor-atoz,
#anchor-atoz a,
#anchor-atoz li::before {
    color: #fff;
}

#anchor-atoz ul {
    padding-left: 30px;
}

#anchor-atoz li::before {
    left: -30px;
}


/*Produkte Gebrauchsinfo (sidebar)*/
#produkte-gebrauchsinfo,
.is-style-package-information {
    background: #EDEDED;
}

#produkte-fachinfo,
.is-style-internal-information {
    background: #4b869f;
}

.info-item,
.is-style-internal-information li,
.is-style-package-information li {
    padding-left: 25px;
    position: relative;
    line-height: 1.4;
    margin-bottom: 10px;
}

.info-item::before,
.is-style-internal-information li:before,
.is-style-package-information li:before {
    color: #21B5EA;
    content: "\f1c1";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 0;
    top: -1px;
}

.info-item a,
.is-style-internal-information li a,
.is-style-package-information li a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}

#produkte-fachinfo *,
#produkte-fachinfo .info-item::before,
.is-style-internal-information *,
.is-style-internal-information li::before {
    color: #fff;
}

#produkte-fachinfo .info-item--external-link::before,
#produkte-additional-info .info-item--external-link::before,
.is-style-internal-information li::before {
    content: "\f0c1";
}

#produkte-additional-info .info-item::before {
    color: #fff;
}

#sidebar-links {
    background: #eef3f5;
}

#sidebar-links h2,
#sidebar-links h2 > a,
#sidebar-links h2 > a:hover {
    line-height: 1.3;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 13px;
}

@media (max-width: 900px) {
    #sidebar-links h2,
    #sidebar-links h2 > a,
    #sidebar-links h2 > a:hover {
        font-size: 20px;
    }
}

@media (max-width: 500px) {
    #sidebar-links h2,
    #sidebar-links h2 > a,
    #sidebar-links h2 > a:hover {
        font-size: 18px;
    }
}

/* Pagination */
.page-numbers {
    padding: 0;
    margin: 20px 0 0;
    text-align: center;
    font-size: 20px;
}

.page-numbers li {
    display: inline;
    padding: 0 5px;
}

.page-numbers li::before {
    display: none;
}

.page-numbers a {
    text-decoration: none;
}

.page-numbers i {
    font-size: 17px;
    margin-bottom: 2px;
}

/* Search */
#search-loop {
    margin-top: 20px;
    margin-bottom: 60px;
}

.search #page-title {
    padding: 37px 40px 37px 40px;
}

.search-item {
    padding: 30px 37px;
    margin-bottom: 5px;
    background: #EDEDED;
    overflow: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: end;
}

.search-item-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.4;
    display: inline;
    width: calc(100% - 105px);
}

.search-item-title,
.search-item .go-to {
    float: left;
}

.search-item .go-to {
    white-space: nowrap;
}

.nowrap {
    white-space: nowrap;
}

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 80px);
    padding-top: 40px;
    padding-bottom: 40px;
}


/*Video popup*/
.light-popup {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1002;
    overflow-y: scroll;
    overflow-x: hidden;
}

.light-popup video,
.light-popup img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.light-popup video {
    width: 85%;
    max-width: 1000px;
}

.light-popup img {
    max-width: 80%;
    max-height: 80%;
    background: #fff;
    padding: 40px;
}

.light-popup .send-order-form,
.light-popup .container {
    width: 90%;
    max-width: 800px;
    margin: 90px auto;
    background: #eef3f5;
    padding: 30px 30px 40px;
    text-align: left;
}

.wpcf7-display-none,
.order-numbers {
    display: none;
}


@media (max-width: 570px) {
    .send-order-form {
        padding: 15px;
    }
}

.light-popup.send-order-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1002;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
}


.boxclose {
    cursor: pointer;
    font-size: 31px;
    display: inline-block;
    position: absolute;
    right: 5vw;
    top: 3vw;
    z-index: 1002;
}

.boxclose:before {
    content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    color: #fff;
}


/* Blockquote */
blockquote, .wp-block-quote.is-large, .wp-block-quote.is-style-large {
    position: relative;
    margin-left: 42px;
    padding: 0;
}

blockquote::before {
    position: absolute;
    left: -42px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f10d";
    font-size: 28px;
    font-weight: 900;
    color: #dae3e6;
    top: 0px;
}

blockquote p {
    margin-bottom: 10px;
}

cite {
    font-style: inherit;
    font-size: 13px;
}

.no-slider-page {
    margin-top: 177px;
}

@media (max-width: 1199px) {
    .no-slider-page {
        margin-top: 100px;
    }
}

/* Cookies */
#cookie-notice {
    background-color: rgba(0, 0, 0, 0.75) !important;
    font-size: 16px !important;
    padding: 30px;
}

#cookie-notice.cookie-notice-hidden {
    display: none;
}


.cookie-notice-container {
    max-width: 1500px;
    margin: 0 auto;
}

.cookie-notice-container #cn-notice-text {
    display: block;
    margin-bottom: 20px;
    text-align: left;
}

#cookie-notice .cn-button {
    letter-spacing: 0.8px;
    background: transparent;
    border-radius: 28px;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin: 0 0 0 25px;
    padding: 12px 26px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    text-transform: uppercase;
    font-weight: 500;
    font-family: inherit;
    border: 2px solid #fff;
}

@media (min-width: 801px) {
    #cn-notice-text {
        width: calc(100% - 203px);
    }

    #cn-notice-text, #cn-accept-cookie {
        float: left;
    }
}


/* Store location */
#wpsl-wrap {
    height: 550px !important;
}

.wpsl-search {
    display: flex;
    align-items: center;
    width: calc(33% - 10px);
    height: 154px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    background: #eef3f5;
}

.wpsl-dropdown,
#wpsl-search-btn, #wpsl-search-wrap input {
    border: none;
}

.wpsl-dropdown:hover {
    box-shadow: none;
}

.wpsl-search-btn-wrap {
    display: flex;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    justify-content: center;
}

#wpsl-search-btn {
    width: auto;
    color: #444444 !important;
    background-color: transparent;
    border: 2px solid #444444 !important;
    border-radius: 28px !important;
    letter-spacing: 0.8px;
    box-shadow: none;
    display: inline-block !important;
    font-size: 16px;
    margin: 0;
    padding: 12px 24px !important;
    text-align: center;
    overflow-wrap: break-word;
    text-transform: uppercase !important;
    font-weight: 800;
    text-decoration: none !important;
    line-height: 1 !important;
    word-break: normal;
}

.wpsl-input,
#plz_input {
    position: relative;
}

#wpsl-search-wrap .wpsl-input label {
    display: none;
}

#wpsl-result-list {
    margin-top: 160px;
    width: calc(33% - 10px);
}

.wpsl-info-actions {
    display: none !important;
}


#wpsl-search-input,
.wpsl-input {
    width: 100% !important;
    margin: 0;
    font-size: 16px;
    line-height: 1.9;
}

#wpsl-gmap {
    float: right;
    width: calc(66.5% - 5px);
}

#wpsl-gmap * {
    font-size: inherit;
}

#wpsl-search-btn,
#wpsl-search-wrap input,
#plz_input input {
    border-radius: 50px;
    padding: 10px 10px 10px 47px;
    margin-top: 10px;
}

.wpsl-store-location strong {
    display: block;
    color: #444444;
}

.wpsl-country, .wpsl-street {
    display: inline-block;
}

.wpsl-street::after {
    content: ', ';
}

#wpsl-wrap #wpsl-result-list li[data-store-id],
.wpsl-no-results-msg {
    border: 0 !important;
    background: #f6f6f6;
    padding: 20px !important;
    margin-right: 0;
    margin-bottom: 5px;
}

#wpsl-result-list li p,
.gm-style-iw li p {
    margin: 0;
}

#wpsl-stores li::before {
    display: none;
}

div#wpsl-stores {
    height: 415px !important;
}

#wpsl-stores::-webkit-scrollbar {
    background-color: #c5c5c5;
    width: 7px;
    max-height: 20px;
    border-left: 3px solid #ffff;
}

#wpsl-stores::-webkit-scrollbar-thumb {
    background-color: #707070;
    width: 7px;
    border-left: 3px solid #ffff;
}

.wpsl-input::before,
#plz_input::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f002";
    position: absolute;
    left: 18px;
    top: 18px;
    color: #444444;
    font-size: 18px;
}

.gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 14px;
    overflow: hidden;
    line-height: 1.5;
}

.gm-style .gm-style-iw li {
    list-style: none;
}

.gm-style .gm-style-iw-c {
    padding: 20px 18px 20px 18px !important;
    max-width: 250px !important;
}

button.gm-ui-hover-effect {
    top: -3px !important;
    right: -3px !important;
}

#wpsl-wrap #wpsl-result-list ul li {
    line-height: 1.5;
}

.placeDiv {
    position: absolute;
    z-index: 1;
}

.placecard__container {
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    max-width: 330px;
    width: 100%;
    background: white none repeat scroll 0% 0%/auto padding-box border-box;
    border-radius: 2px 2px 2px 2px;
    font: normal normal normal normal 11px / normal Roboto, Arial, sans-serif;
    margin: 10px;
    padding: 15px 5px 15px 15px;
    overflow: hidden;
}

.placecard__left {
    float: left;
    width: 75%;
}

.placecard__right {
    text-align: center;
    float: left;
    width: 25%;
}

.placecard__business-name {
    cursor: default;
    height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
    -webkit-perspective-origin: 100px 9.5px;
    perspective-origin: 100px 9.5px;
    -webkit-transform-origin: 100px 9.5px;
    transform-origin: 100px 9.5px;
    font: normal normal 500 normal 14px / normal Roboto, Arial;
    overflow: hidden;
    margin: 0;
}

.placecard__info {
    cursor: default;
    height: 32px;
    width: 200px;
    -webkit-column-rule-color: #5b5b5b;
    column-rule-color: #5b5b5b;
    -webkit-perspective-origin: 100px 16px;
    perspective-origin: 100px 16px;
    -webkit-transform-origin: 100px 16px;
    transform-origin: 100px 16px;
    border: 0px none #5b5b5b;
    font: normal normal normal normal 12px / normal Roboto, Arial;
    margin: 6px 0px 0px;
    outline: #5b5b5b none 0px;
}

.placecard__view-large {
    display: block;
    margin-top: 10px;
    text-decoration: none;
}

.hover-deko-map {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 550px;
}

.hover-deko-map #wpsl-map-controls,
.hover-deko-map .gm-style-mtc {
    display: none !important;
}

.hover-content {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.hover-deko-map .acf-map {
    height: 550px;
    margin: 0;
}

.form-control:focus {
    box-shadow: none;
    border: none;
}

.form-plz {
    width: 30%;
    min-width: 450px;
    right: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #4b869f;
    padding: 50px;
}

.form-plz p {
    font-weight: 900;
    letter-spacing: 1.1px;
    line-height: 1.3;
    color: #fff;
    font-size: 23px;
    margin-bottom: 22px;
}

#wpsl-gmap .wpsl-info-window span strong {
    font-weight: inherit;
    color: inherit;
}


#wpsl-wrap #wpsl-gmap .wpsl-info-window {
    max-width: 270px !important;
}

.wpsl-store-location span {
    display: block;
}

.wpsl-store-location > p:not(:last-child) {
    margin: 0 0 15px 0 !important;
}

#product-categories a {
    text-decoration: none;
    line-height: 1.2;
    display: block;
    margin-bottom: 12px;
}

.product-categories-item {
    margin-bottom: 25px;
}

.product-categories-item-post {
    column-count: 2;
}

/*Profilepres plugin css*/
.profilepress-login-status {
    background-color: #c03;
    padding: 25px 39px 25px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
}


#slider-carousel {
    padding-bottom: 45px
}

#slider-carousel .carousel-indicators {
    margin-bottom: 0px;
}

.login-form {
    border-radius: 0px;
    background: #eef3f5;
}

/* Shopping */
#shopping-sidebar {
    background: #763f8e;
    text-align: center;
}

#shopping-sidebar > *:not(.light-popup) {
    color: #fff;
}

#shopping-sidebar .title {
    text-align: left;
}

#shopping-sidebar .order-btn {
    border-color: #fff;
    margin: 10px 0 15px 0;
}

#shopping-sidebar .clear_shopping_cart {
    font-size: 14px;
}

#order-list,
#order-list tr,
#order-list td {
    border: 0;
    font-size: 13px;
    line-height: 1.3;
}

@media (max-width: 767px) {
    table#order-list tr:first-child {
        display: block;
    }
}

#order-list tr {
    margin-bottom: 10px;
}

#order-list td {
    background: transparent;
    color: #fff;
    padding: 4px 0;
    vertical-align: bottom;
    text-align: left;
}

td.article-shopping-value {
    text-align: right;
}

.article-shopping-name {
    padding-right: 15px !important;
}

.article-shopping-value {
    white-space: nowrap;
}

#ina__dp_logout_message_box .ina-dp-noflict-modal-content {
    max-width: calc(100% - 38px);
    width: 600px;
}

#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-modal-header {
    padding: 38px 38px 8px 38px;
}

#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-modal-header h3,
#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-modal-header h3 > a,
#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-modal-header h3 > a:hover {
    padding: 0;
    border-bottom-width: 0;
}

#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-dp-noflict-modal-body {
    padding: 0px 38px 38px 38px;
}

#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-dp-noflict-modal-body p {

}

#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-dp-noflict-modal-body .ina-dp-noflict-btn-container {
    margin-bottom: 0;
    padding-bottom: 0;
}

#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-dp-noflict-modal-body .ina_stay_logged_in,
#ina__dp_logout_message_box .ina-dp-noflict-modal-content .ina-dp-noflict-modal-body .btn-timeout {
    background-color: transparent;
    border: 2px solid #21b5ea;
    color: #21b5ea;
}

/* Hidden recaptcha */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* Contact Form 7 cookies sended */
.form-desitin-hide.form-sended > *,
.form-desitin-hide.sent > *,
.form-desitin-hide > .message-sended {
    display: none;
}

.form-desitin-hide.form-sended > .message-sended,
.form-desitin-hide.sent > .message-sended {
    display: block;
}

input[name="checkuser"] {
    display: none;
}

.captchac-img {
    background: #21b5ea;
    padding: 15px 15px 15px 25px;
    position: absolute;
    z-index: 99;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

@media (max-width: 767px) {
    .captchac-img {
        padding: 14px 15px 14px 18px;
    }
}


.captcha-118 input {
    padding-left: 134px;
}

.wp-block-video {
    margin-bottom: 20px;
}

/* Sidebar */
.sidebar-item.custom-sidebar {
    padding-bottom: 8px;
}

.custom-sidebar * {
    color: inherit;
    border-color: inherit;
}

video::-webkit-media-controls-panel {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    opacity: 1 !important;
}

video {
    max-height: calc(100vh - 200px);
}

@media (min-width: 1201px) {
    video {
        max-height: calc(100vh - 250px);
    }
}

/* CSS Plugin */
table.chained-quiz-answers tr > td:nth-child(3),
table.chained-quiz-answers tr > th:nth-child(3),
table.chained-quiz-answers tr > td:nth-child(4),
table.chained-quiz-answers tr > th:nth-child(4) {
    display: none;
}

.thumbnail img {
    max-width: 100%;
    height: auto;
}

.nmf-slideshow {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    overflow: hidden;
    background-color: #f2f2f2;
    height: 383px;
    position: relative;
}

.nmf-slideshow .nmf-slideshow-slide {
    position: absolute;
    justify-content: center;
    display: flex;
    background-color: transparent;
    width: 100%;
    right: -100%;
    animation: slide-out 1.5s;
}

.wp-block-media-text__media img {
    height: auto;
}

.nmf-slideshow .nmf-slideshow-slide.active {
    right: 0;
    animation: slide-in 1.5s;
}

@keyframes slide-in {
    from {
        right: -100%;
    }
    to {
        right: 0;
    }
}

@keyframes slide-out {
    from {
        right: 0;
    }
    to {
        right: 100%;
    }
}

.nmf-slideshow .nmf-slideshow-pagination {
    position: absolute;
    order: 2;
    padding: 0;
    justify-content: center;
    left: 0;
    bottom: 30px;
    z-index: 105;
    width: 100%;
}

.nmf-slideshow .nmf-slideshow-pagination li {
    margin: 0 !important;
}

.nmf-slideshow .nmf-slideshow-pagination li a {
    background: #164194;
    height: 3px;
    display: block;
    visibility: visible;
    width: 40px;
    position: relative;
    top: 10px;
    opacity: .5;
    cursor: pointer;
    border-radius: 0;
    padding: 20px 5px;
    box-sizing: content-box;
    background-clip: content-box;
}

.nmf-slideshow .nmf-slideshow-pagination li a.selected {
    background: #164194;
    opacity: 1;
    box-sizing: content-box;
    background-clip: content-box;
}

.nmf-slideshow .nmf-slideshow-slide .nmf-slideshow-content {
    position: absolute;
    background-color: #f2f2f2;
    padding: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.nmf-slideshow .nmf-slideshow-slide > img {
    position: relative;
    height: 240px;
    width: auto;
    object-fit: contain;
    padding: 50px;
    box-sizing: content-box;
    order: 1;
}

.wp-block-table figcaption {
    font-size: 13px;
    color: inherit;
    line-height: 1.3;
    margin-top: 10px;
}

.nmf-tooltip-target {
    color: #21b5ea;
    text-decoration: underline;
}

#nmf-tooltip-container {
    padding: 20px;
    background: #763f8e;
    color: white;
    display: none;
}

.nmf_post_cluster .nmf_post_cluster__item span.date {
    display: inline;
}

.table-order td[data-label="Bild"], .table-order th.bild {
    text-align: center;
}

.table-order td[data-label="Bild"] img {
    height: 100px;
    width: auto;
    transition: all 0.3s;
}

.table-order td[data-label="Bild"] img:hover {
    transform: scale(2.5);
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
}

.wp-block-embed iframe[src*="youtube"] {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}

.nmf-cross-promotion {
    background-image: url(/wp-content/themes/Desitin-theme/img/crosspromotion_lightbulb.png);
    background-position: top 18px right 18px;
    background-size: 50px auto;
    background-repeat: no-repeat;
}

.nmf-cross-promotion .thumbnail {
    grid-area: 1 / 1 / 5 / 2;
}

.nmf-cross-promotion .title a {
    text-decoration: none;
}

.nmf-cross-promotion .title a strong {
    font-weight: 900;
}

.nmf-cross-promotion .content {
    color: #707070;
    line-height: 1.6;
}

.nmf-cross-promotion .button_link {
    order: 5;
    margin-top: 10px;
    margin-bottom: 50px;
}

.nmf-cross-promotion .button_link a {
    display: block;
    color: #164194;
    border: 2px solid #164194;
    border-radius: 26px;
    text-decoration: none;
    text-align: center;
    font-weight: 800;
    padding: 8px;
    text-transform: uppercase;
}

.carousel-item {
    justify-content: center;
}

.carousel-item .text_bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFFFFF;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.carousel-item.slidertext_with_bg .text_bg {
    display: block;
}

.carousel-item.slidertext_with_bg #slider-content {
    text-shadow: none !important;
    color: #164194 !important;
}

#guest-message {
    display: none !important;
}

.has-lila-background-color ul li::before {
    color: #FFF;
}

form.wp-block-search {
    text-align: center;
    margin: 25px 0;
    position: relative;
    width: 80%;
}

form.aligncenter {
    margin: auto;
}

form.wp-block-search .wp-block-search__label {
    display: none;
}

form.wp-block-search input[type="search"] {
    width: 100%;
    border: 0;
    background: #F6F6F6;
    padding: 14px 150px 14px 38px;
    border-radius: 50px;
    width: 100%;
    max-height: 50px;
    color: #444444;
    font-family: inherit;
    font-size: 18px !important;
    line-height: 1;
}

form.wp-block-search button[type="submit"] {
    outline: none;
    position: absolute;
    right: 0;
    top: -30px;
    border: 0;
    border-radius: 50px;
    padding: 16px 26px;
    text-transform: uppercase;
    color: #fff;
    background: #21B5E9;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1;
    font-family: inherit;
    font-weight: 300;
    margin-top: 30px;
}

@media (min-width: 1200px) {
    #interactive-nav input.search-field {
        max-height: none !important;
    }
}

@media (max-width: 781px) {
    .wp-block-columns.is-style-mobile-reverse {
        flex-direction: column-reverse;
    }
}

@media (min-width: 992px) {
    .nmf-cross-promotion h4,
    .nmf-cross-promotion h4 > a,
    .nmf-cross-promotion h4 > a:hover {
        padding-top: 57px;
    }

    .nmf-cross-promotion .button_link {
        grid-area: 4 / 2 / 4 / 3;
    }
}

#btn-navbar-collapse {
    top: 0;
}

.searchform-mobile {
    display: none;
    margin: 25px 0;
}

.searchform-mobile input.search-field {
    background: #fff;
    padding: 19px 38px !important;
}

@media (max-width: 1199px) {
    #user-btn.container {
        max-width: 930px;
        margin: auto;
        padding-right: 0;
        padding-left: 0;
    }

    #btn-navbar-collapse {
        top: 70px;
    }

    .searchform-mobile {
        display: flex;
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 991px) {
    #user-btn.container {
        max-width: 690px;
    }
}

@media (max-width: 767px) {
    #user-btn.container {
        max-width: 510px;
    }
}

@media (max-width: 575px) {
    #user-btn.container {
        max-width: 100%;
        padding-right: 40px;
        padding-left: 40px;
    }
}

.wp-block-buttons-is-layout-flex {
    gap: .5em;
}

.wp-block-buttons > .wp-block-button.is-style-arrow {
    display: flex;
    width: 100%;
}

.wp-block-buttons > .wp-block-button.is-style-arrow .wp-block-button__link {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-weight: 600;
    text-transform: none;
    border-radius: 0;
    color: #444444;
    padding: 15px 50px 15px 30px;
    transition: padding .3s linear;
}

.wp-block-buttons > .wp-block-button.is-style-arrow:hover .wp-block-button__link {
    padding: 15px 30px 15px 30px;
}

.wp-block-buttons > .wp-block-button.is-style-arrow .wp-block-button__link::after {
    display: inline-flex;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: xx-large;
    content: "\f178";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #444444;
}

.has-gruen-background-color {
    background: #59923C;
}

.has-lila-background-color {
    background: #8B559D;
}

.has-hellblau-background-color {
    background: #eef3f5;
}

.has-tuerkisblau-background-color {
    background: #4b869f;
}

.has-blau-background-color {
    background: #21b5ea;
}

.has-hellgrau-background-color {
    background: #f6f6f6;
}

.has-dunkelgrau-background-color {
    background: #707070;
}

.has-dunkelgrau-background-color {
    background: #707070;
}

.has-white-background-color {
    background: #FFFFFF;
}

.desitin_jobs_filter_container {
    display: flex;
    gap: 20px;
    margin: 0 0 10px 0;
    padding: 0;
}

/*
.desitin_jobs_filter_container .sub-btn {
    display: flex;
    flex-direction: column;
}
*/

.desitin_jobs_filter_container .btn.gray {
    display: inline-flex;
    align-items: center;
}

.desitin_jobs_filter_container .btn.gray.dropdown .sub-btn {
    position: absolute;
    padding: 20px 30px;
    /*border-radius: 20px;*/
    top: 52px;
    left: 0;
    background-color: #F6F6F6;
    opacity: 0;
    z-index: -1;
    /*max-width: 100%;*/
    min-width: 100%;
    text-align: left;
}

.desitin_jobs_filter_container .btn.gray.dropdown:hover .sub-btn {
    opacity: 1;
    z-index: 2;
}

.desitin_jobs_filter_container .btn.gray,
.desitin_jobs_filter_container .btn.gray:hover,
.desitin_jobs_filter_container .btn.gray.selected {
    color: inherit;
    background: #F6F6F6;
    border: 0;
}

.desitin_jobs_filter_container .btn.gray.selected {
    color: #fff;
    background: #4B869F;
}

.desitin_jobs_filter_container .btn.gray.dropdown::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    font-size: 30px;
    color: #4B869F;
    font-weight: 300;
    padding-top: 2px;
    margin-left: 20px;
}

.desitin_jobs_filter_container .btn.gray.selected::after {
    color: #fff;
}

/*
.desitin_jobs_filter_container .btn.gray.dropdown.selected::after {
    content: "\f057";
    color: #fff;
}
*/

.desitin_jobs_filter_container .btn.gray.selected .sub-btn .sub-btn-item:not(.selected) {
    color: #444444;
}

.desitin_jobs_filter_container .sub-btn-item:hover,
.desitin_jobs_filter_container .sub-btn-item.selected,
.desitin_jobs_filter_container .btn.gray.selected .sub-btn .sub-btn-item:hover {
    color: #4B869F;
}

.desitin_jobs_filter_container .btn {
    position: relative;
    text-transform: none;
    font-size: 18px;
    font-weight: 900;
    padding: 20px 30px;
    margin-left: 0;
    margin-bottom: 5px;
    margin-top: 5px;
    background: #F6F6F6;
    border-radius: 0;
}

.desitin_jobs_filter_container .btn .active-filter {
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: -35px;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    padding: 5px 20px;
    background: #F6F6F6;
    border-radius: 10px;
}

.desitin_jobs_filter_container .btn .active-filter i {
    color: #4B869F;
}

.desitin_jobs_filter_container .btn#filter_all {
    background: transparent;
    color: #B90000;
    font-weight: 400;
}

@media (max-width: 575px) {
    .desitin_jobs_filter_container .btn#filter_all {
        width: 240px;
        margin: 0 auto;
    }
}

.desitin_jobs_filter_container .btn#filter_all::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f1f8";
    font-size: 30px;
    color: #B90000;
    font-weight: 300;
    padding-top: 2px;
    margin-left: 10px;
}

.desitin_jobs_filter_container .sub-btn-item {
    font-weight: normal;
    margin: 10px 0;
    padding: 3px 0;
}

.desitin_jobs_filter_container .jobfilter-settings {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    width: 200px;
    max-width: 100%;
    max-height: 72px;
    background: #F6F6F6;
    padding: 0 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.desitin_jobs_filter_container .jobfilter-settings.opacity-1 {
    opacity: 1;
}

.desitin_jobs_filter_container .jobfilter-settings .filtersetting {
    font-weight: 900;
}

.desitin_jobs_filter_container .jobfilter-settings .filter-name {
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

.desitinjobs-container .load-gif {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

.desitinjobs-container .load-gif.invisible {
    opacity: 0;
}

.desitinjobs-container .load-gif > img {
    position: relative;
    width: 30px;
    height: auto;
    right: auto;
    top: auto;
}

.desitinjobs-container {
    margin-bottom: 100px;
}

table#jobs-loop {
    margin-bottom: 60px;
}

@media (max-width: 991px) {
    .desitinjobs-container {
        margin-bottom: 70px;
    }

    table#jobs-loop tr:after {
        content: ' ';
        height: 1px;
        width: 100vw;
        background: #707070;
        display: block;
        position: absolute;
        left: 0px;
    }
}

@media (min-width: 992px) {
    table#jobs-loop tr:nth-child(odd) {
        background: #EDEDED;
    }

    table#jobs-loop tr:nth-child(even) {
        background: #F6F6F6;
    }
}

table#jobs-loop tr.hidden {
    display: none;
}

table#jobs-loop.show-hidden tr.hidden {
    display: table-row;
}

table#jobs-loop td {
    font-weight: 400;
    border: 0;
    background: transparent;
    padding: 20px 30px;
}

table#jobs-loop tr td:first-child {
    width: 600px;
    max-width: 100%;
}

table#jobs-loop tr td:nth-child(2) {
    width: 240px;
    max-width: 100%;
}

table#jobs-loop tr td:nth-child(3) {
    width: 180px;
    max-width: 100%;
}

@media (max-width: 991px) {
    table#jobs-loop tr td:first-child {
        width: 100%;
        padding-top: 30px;
    }

    table#jobs-loop tr td:nth-child(2) {
        width: 100%;
    }

    table#jobs-loop tr td:nth-child(3) {
        width: 100%;
    }
}

.wp-block-button__link#jobs-show-all {
    line-height: 1.4 !important;
    text-transform: uppercase;
    background: #4B869F;
    color: #fff;
    border: 2px solid #4B869F;
    border-radius: 25px;
    transition: all .3s ease-in-out;
}

.wp-block-button__link#jobs-show-all:hover {
    background: #fff;
    color: #4B869F;
}

.wp-block-button__link.hidden#jobs-show-all {
    display: none;
}

@media (max-width: 991px) {
    table#jobs-loop td {
        text-align: left;
        padding: 5px 0;
    }

    table#jobs-loop td:first-child {
        padding-top: 30px;
    }

    table#jobs-loop td:last-child {
        padding-bottom: 30px;
    }

    table#jobs-loop td::after,
    table#jobs-loop td::before,
    table#jobs-loop td:empty {
        display: none;
    }
}

table#jobs-loop td a {
    color: #444444;
    text-decoration: none;
    font-weight: 900;
}

.wp-block-columns.hr-three-steps {
    gap: 0;
    justify-content: center;
}

.wp-block-columns.hr-three-steps > .wp-block-column {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.wp-block-columns.hr-three-steps > .wp-block-column .fal {
    margin-bottom: 40px;
}

.wp-block-columns.hr-three-steps > .wp-block-column::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f061";
    position: absolute;
    top: 5px;
    right: 0;
    color: #4B869F;
    font-size: 42px;
    font-weight: 100;
    padding-top: 2px;
    margin-left: 0;
}

.wp-block-columns.hr-three-steps > .wp-block-column .wp-block-columns {
    width: 19vw;
    max-width: 280px;
    gap: 20px;
}


.wp-block-columns.hr-three-steps .wp-block-column .wp-block-columns > .wp-block-column::after {
    content: none;
}

.wp-block-columns.hr-three-steps .wp-block-column:last-child::after {
    content: none;
}

.wp-block-columns.maxwidth-930 {
    max-width: 930px;
    margin: auto;
}

.wp-block-columns.hr-region-hamburg {
    width: auto;
    margin: auto;
}

.wp-block-columns.hr-region-hamburg .wp-block-column {
    text-align: center;
}

body.human-resources .wp-block-media-text > .wp-block-media-text__content h2 {
    font-size: 30px;
}

body.human-resources .wp-block-media-text.alignfull.has-background {
    padding: 0;
    margin-bottom: 60px;
    margin-top: 60px;
    overflow: hidden;
}

body.human-resources .wp-block-media-text.alignfull.has-background > .wp-block-media-text__content {
    padding: 50px;
}

@media (min-width: 600px) {
    body.human-resources .wp-block-media-text.alignfull.has-background > .wp-block-media-text__content {
        padding-left: calc((100vw - 510px) / 2);
        margin-right: 0;
        margin-left: auto;
        padding: 50px;
        width: 100%;
    }
}

@media (min-width: 768px) {
    body.human-resources .wp-block-media-text.alignfull.has-background > .wp-block-media-text__content {
        padding-left: calc((100vw - 670px) / 2);
    }
}

@media (min-width: 992px) {
    body.human-resources .wp-block-media-text.alignfull.has-background > .wp-block-media-text__content {
        padding-left: calc((100vw - 910px) / 2);
    }
}

@media (min-width: 1200px) {
    body.human-resources .wp-block-media-text.alignfull.has-background > .wp-block-media-text__content {
        padding-left: calc((100vw - 1090px) / 2);
    }
}

@media (min-width: 1270px) {
    body.human-resources .wp-block-media-text.alignfull.has-background > .wp-block-media-text__content {
        padding-left: calc((100vw - 1190px) / 2);
    }
}


body.human-resources ..wp-block-media-text.alignfull.has-background > .wp-block-media-text__content p {
    font-size: 21px;
    margin-bottom: 0;
    hyphens: none;
}

@media (max-width: 600px) {
    body.human-resources .wp-block-media-text.alignfull.has-background > .wp-block-media-text__media {
        margin-right: -32px;
        margin-left: -32px;
        margin-top: -32px;
    }
}

.block-carousel.horizontal-carousel.hr-benefits .wp-block-column {
    text-align: center;
}

.block-carousel.horizontal-carousel.hr-benefits .wp-block-columns > br {
    display: none;
}

.block-carousel.horizontal-carousel.hr-benefits .wp-block-columns p strong {
    font-weight: 900;
}

.block-carousel.horizontal-carousel.hr-benefits
.carousel-indicators {
    width: 100%;
}

.hr-no-padding .block-carousel.horizontal-carousel
.carousel-indicators {
    width: 100%;
    margin: auto;
    margin-right: auto !important;
}

.block-accordion.hr-workculture {
    background: #f6f6f6;
}

.block-accordion.hr-workculture .card .card-header {
    padding: 30px 50px 30px 30px;
}

.wp-block-group.alignfull.hr-no-padding .wp-block-columns {
    gap: 30px;
}

.block-accordion.hr-workculture .card-body p {
    margin-top: 0;
}


.block-accordion.hr-workculture .card-body > p:first-child {
    display: none;
}

.block-accordion.hr-workculture .card .card-header a {
    font-weight: 900;
}

.block-accordion.hr-workculture .card .card-header a::after {
    top: 30px;
    left: auto;
    right: 30px;
    content: '\f078';
    color: #4B869F;
    font-size: 30px;
    line-height: 1;
    font-weight: 100;
}

.block-accordion.hr-workculture .card .card-header a[aria-expanded='true']::after {
    content: '\f077';
}

.block-accordion.hr-workculture .card .card-body {
    padding-right: 70px;
}

.wp-block-group.hr-no-padding .block-carousel .wp-block-quote::before {
    position: absolute;
    content: '\f10d';
    left: -50px;
    top: -20px;
    color: #444444;
    font-weight: 100;
}

.wp-block-group.hr-no-padding .block-carousel .wp-block-quote::after {
    position: absolute;
    right: -50px;
    bottom: -20px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    font-size: 28px;
    content: '\f10e';
    color: #444444;
}

.wp-block-group.hr-no-padding .block-carousel .wp-block-quote {
    margin: 0 50px;
}

.wp-block-group.hr-no-padding .block-carousel .wp-block-quote > br {
    display: none;
}

.wp-block-group.hr-no-padding .block-carousel .wp-block-quote > p {
    font-size: 27px;
    line-height: 1.4;
    margin: 0 auto 30px auto;
}

@media (max-width: 767px) {
    .wp-block-group.hr-no-padding .block-carousel .wp-block-quote > p {
        font-size: 16px;
    }
}

.wp-block-group.hr-no-padding .block-carousel .wp-block-quote > p strong {
    font-weight: 900;
}

.wp-block-group.hr-no-padding .block-carousel .wp-block-separator {
    max-width: 170px;
    margin: auto;
    border-top: 1px solid;
}

.wp-block-group.hr-no-padding .block-carousel .carousel-inhalt {
    padding: 0;
}

.wp-block-group.hr-no-padding .block-carousel p.hr-persons-name {
    font-size: 18px;
    line-height: 1.4;
}

@media (max-width: 575px) {
    .wp-block-group.hr-no-padding .block-carousel p.hr-persons-name {
        font-size: 16px;
    }
}

.wp-block-group.hr-no-padding .block-carousel p.hr-persons-name strong {
    color: #4B869F;
}

.hr-no-padding .block-carousel.horizontal-carousel.hr-persons {
    padding-bottom: 90px;
    max-width: 100%;
    margin: auto !important;
}

.hr-no-padding .block-carousel.horizontal-carousel.hr-persons .carousel-inner {
    background: #F6F6F6;
}

.hr-no-padding .block-carousel.horizontal-carousel.hr-persons .carousel-item .carousel-img {
    flex: 0 0 400px;
}

.hr-no-padding .block-carousel.horizontal-carousel.hr-persons .carousel-indicators {
    bottom: 30px;
}

body.human-resources #slider {
    height: 750px;
    border-bottom: 10px solid #4B869F;
}

@media (max-width: 991px) {
    body.human-resources #slider .carousel-inner img {
        object-position: 75% center;
    }
}

@media (max-width: 991px) {
    body.human-resources #slider {
        height: 500px;
    }
}

@media (max-width: 575px) {
    body.human-resources #slider {
        height: 395px;
    }
}

body.human-resources #slider #slider-content {
    max-width: 100%;
    height: 100%;
    background: linear-gradient(to left, transparent, 63%, #ffffff);
}

@media (min-width: 991px) {
    body.human-resources #slider #slider-content > * {
        width: 60%;
        margin-left: calc((100vw - 900px) / 2);
    }
}

@media (min-width: 1200px) {
    body.human-resources #slider #slider-content > * {
        width: 590px;
        max-width: 52%;
        margin-left: calc((100vw - 1050px) / 2);
    }
}

@media (max-width: 991px) {
    body.human-resources #slider #slider-content {
        bottom: 0;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        background: linear-gradient(transparent, 63%, #ffffff);
        max-width: 100%;
        padding-right: 30px;
        padding-left: 30px;
    }

    body.human-resources #slider #slider-content .slider-content {
        max-width: 100%;
        position: absolute;
        bottom: 31px;
    }

    body.human-resources #slider #slider-content .slider-content p {
        display: none;
    }
}

body.human-resources #slider #deco-slider {
    opacity: 0;
    pointer-events: none;
}

body.human-resources #slider #slider-content h1 {
    font-size: 47px;
    font-weight: 300;
    margin-top: 180px;
    margin-bottom: 20px;
    text-shadow: none;
}

@media (min-width: 767px) and (max-width: 1199px) {
    body.human-resources #slider #slider-content h1 {
        margin-top: 80px;
        margin-bottom: 80px;
        margin-right: 30px;
        margin-left: 30px;
    }
}

@media (max-width: 575px) {
    body.human-resources #slider #slider-content h1 {
        font-size: 30px;
    }
}

body.human-resources #slider #slider-content h1 strong {
    font-weight: 900;
}

@media (max-width: 991px) {
    body.human-resources #slider #slider-content h1 strong {
        display: block;
    }
}

body.human-resources h2 {
    margin-bottom: 20px;
}

body.human-resources #slider #slider-content
p {
    font-size: 25px;
    text-shadow: none;
}

body.human-resources .wp-block-group p.has-larger-font-size {
    line-height: 1.4;
    margin-bottom: 50px;
}

body.human-resources .wp-block-group p.has-larger-font-size strong {
    font-weight: 900;
}

@media (max-width: 781px) {
    .human-resources .carousel.hr-benefits .carousel-inhalt {
        text-align: center;
    }
}

.number-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    height: 80px;
    width: 80px;
    border-radius: 50px;
    margin-left: -45px;
}

@media (max-width: 992px) {
    .wp-block-columns.hr-three-steps {
        gap: 50px;
        flex-direction: column;
    }

    .wp-block-columns.hr-three-steps > .wp-block-column::after {
        position: relative;
        content: '\f063';
        margin-top: 30px;
    }

    .wp-block-columns.hr-three-steps > .wp-block-column .wp-block-columns {
        max-width: 320px;
        width: 100%;
    }

    .wp-block-columns.hr-three-steps > .wp-block-column .wp-block-columns > .wp-block-column:first-child {
        flex-basis: 40px !important;
    }

    .wp-block-columns.hr-three-steps > .wp-block-column .wp-block-columns p {

    }

    .desitin_jobs_filter_container .btn.gray.dropdown.selected .sub-btn {
        display: none;
    }


    .human-resources .wp-block-group.mobile-padding {
        padding-right: 30px;
        padding-left: 30px;
    }

    .human-resources .wp-block-columns.mobile-nogap {
        gap: 8px;
    }

    .desitin_jobs_filter_container {
        flex-direction: column;
        gap: 0;
    }

    .desitin_jobs_filter_container .btn {
        width: 100%;
        justify-content: space-between;
    }

    .wp-block-group.alignfull.hr-no-padding .wp-block-media-text .wp-block-media-text__content {
        padding: 50px 0;
    }
}

.wp-block-columns.gogreen-milestone {
    position: relative;
    padding-bottom: 60px;
}

.wp-block-columns.gogreen-milestone::after {
    content: " ";
    position: absolute;
    top: 117px;
    left: 53px;
    bottom: 10px;
    border-radius: 5px;
    max-width: 2px;
    min-height: 40px;
    border-left: 2px solid #195A05;
    /*border-right: 2px solid #195A05;*/
}

.wp-block-columns.gogreen-milestone:last-child::after {
    content: none;
}

.wp-block-columns.gogreen-milestone .wp-block-column:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    white-space: nowrap;
    font-size: 24px;
    color: #fff;
    background: #195A05;
    width: 108px;
    max-width: 108px;
    height: 108px;
}

.wp-block-columns.gogreen-milestone .wp-block-column:nth-child(2) {
    padding-top: 30px;
}

#slider-content .wp-block-button__link {
    text-shadow: none;
}

.content-box.lila,
.info-box-lila .content-message {
    background: green !important;
}

#message-remail,
.profilepress-reset-status a {
    border-color: #444444 !important;
    color: #444444 !important;
}

.nav-item label,
span.language-switch-text,
.social-media-item .social-media-item-name {
    display: inline-block;
    max-width: 0;
    max-height: 0;
    overflow: hidden;
}

.label-search-input {
    margin: 0;
    padding: 0;
}

.nmf_post_cluster__item:has(.btn.btn-primary) {
    padding-bottom: 80px;
}

.nmf_post_cluster__item .btn.btn-primary {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: transparent !important;
    border: 2px solid #444444 !important;
}

video.playing::-webkit-media-controls-panel {
    background-image: linear-gradient(transparent, transparent);
}

#version-identifier {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: auto;
}

#version-identifier p {
    display: flex;
    font-size: 14px;
    width: 155px;
    margin-bottom: -50px;
}

.login-container h3 {
    margin-bottom: 1rem;
}

.doccheck-login-form {
    padding: 24px 23px 20px;
}

@media (min-width: 1200px) {
    .doccheck-login-form {
        padding: 40px 40px 30px;
    }
}

.dc-info {
    display: flex;
    border-radius: 5px;
    background: #fff;
    padding: 15px;
    font-size: 15px;
    max-width: 100%;
}

.dc-info::before {
    content: "\f05a";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-size: inherit;
    font-weight: 300;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #21b5ea;
    margin-right: 15px;
}

.dc-info a {
    display: inline;
    font-size: inherit;
    white-space: nowrap;
}

.dc-info > p {
    font-size: inherit;
    margin-bottom: 0;
    color: #444444;
}

@media (max-width: 991px) {
    #version-identifier p {
        width: auto;
    }
}

@media (max-width: 575px) {
    #version-identifier {
        justify-content: center;
    }
}

@media (max-width: 1300px) {
    #bradcrumbs {
        margin: 0 0 20px 0;
    }

    #bradcrumbs ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    #bradcrumbs ul li:first-child a {
        padding: 0;
        max-width: 45px;
        width: 100%;
        background: transparent;
        line-height: 1.3;
    }

    #bradcrumbs ul li:not(:first-child),
    #bradcrumbs ul li:not(:first-child) a {
        display: inline-flex;
        margin: 0;
        padding: 0;
        background: transparent;
    }

    #bradcrumbs ul li:not(:first-child) a {
        width: 100%;
    }

    #bradcrumbs ul li {
        display: inline-flex;
    }

    #bradcrumbs ul li a,
    #bradcrumbs ul li:last-child {
        padding: 3px;
        font-size: 14px;
        font-weight: 700;
        color: #444444;
        word-break: keep-all;
        border-radius: 0;
    }

    #bradcrumbs ul li a:hover {
        text-decoration: underline;
    }

    #bradcrumbs i {
        font-size: 14px !important;
        line-height: 1;
    }

    #bradcrumbs ul li::after {
        content: '\f061';
        font-family: 'Font Awesome 5 Pro';
        font-size: 11px;
        line-height: 2.5;
        -webkit-font-smoothing: antialiased;
        padding: 0 3px;
        color: #8B559D !important;
    }

    #bradcrumbs ul li:last-child::after {
        content: none;
    }
}

@media (max-width: 1199px) {
    #searchform-mobile label {
        display: none;
    }

    #user-btn .nav-link.btn.dark-blue {
        display: inline-block;
        padding: 10px;
    }

    .block-carousel-images-text .carousel-indicators {
        left: -50%;
        transform: translateX(50%);
    }
}

@media (max-width: 575px) {
    #bradcrumbs {
        padding: 0 30px;
        margin-bottom: 60px;
    }
}

#login > h1 {
    display: none !important;
}

#loginform .input.authcode {
    margin-bottom: 20px;
}

#login {
    padding: 5% 0 5% !important;
}

.wp-block-post-template {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.wp-block-post-template > .wp-block-post::before {
    content: none !important;
}

.wp-block-post-template > .wp-block-post {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding-bottom: 80px;
}

@media (min-width: 800px) {
    .wp-block-post-template > .wp-block-post {
        max-width: 47%;
    }
}

@media (min-width: 1270px) {
    .wp-block-post-template > .wp-block-post {
        max-width: 385px;
    }
}

.wp-block-post-excerpt__more-text {
    position: absolute;
    bottom: 10px;
    letter-spacing: 0.8px;
    border-radius: 28px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 12px 24px;
    text-align: center;
    overflow-wrap: break-word;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: none !important;
    line-height: 1 !important;
    word-break: normal;
    background-color: transparent;
    border: 2px solid #444444;
}

.wp-block-post-excerpt__more-text > .wp-block-post-excerpt__more-link {
    color: #444444;
    text-decoration: none !important;
}

.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    max-width: 100%;
    padding: 50px;
    min-height: 455px;
    text-align: center;
}

.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-featured-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    background-color: #444444;
    margin: 0;
    overflow: hidden;
}

.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-featured-image img {
    object-fit: cover;
    height: calc(100% + 10px);
    filter: blur(4px);
    opacity: .6;
    margin: -5px;
}

.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-title,
.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-excerpt,
.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-excerpt__more-text {
    position: relative;
    z-index: 1;
}

.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-title,
.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-excerpt > p:not(.wp-block-post-excerpt__more-text) {
    color: #fff;
    font-size: 24px;
}

.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-title,
.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-title a,
.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-title a:hover {
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 0.8px;
    hyphens: auto;
}

.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-excerpt > p:not(.wp-block-post-excerpt__more-text) {
    text-align: center;
    padding-bottom: 30px;
}

.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-excerpt > .wp-block-post-excerpt__more-text {
    margin-top: 10px;
    border: 2px solid #fff;
}

.wp-block-post-template.is-style-feature-first > .wp-block-post:first-child .wp-block-post-excerpt > .wp-block-post-excerpt__more-text > .wp-block-post-excerpt__more-link {
    color: #fff;
}