/* 
Theme Name:		 Limitis Child Theme
Theme URI:		 
Description:	 Limitis Theme Child
Author:			
Author URI:		
Template:		 limitis-theme
Version:		 1.0.0
Text Domain:	 limitis-theme-child
*/

/*
    Add your custom styles here
*/

/* VARIABLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

:root {
    --color-1: #cd1719;
    --color-2: #ededed;
    --color-3: #d3d3d3;
    --color-4: #444242;
}

/* Framework override
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.fw-mw-xlarge {
    max-width: 1400px;
}

/* Variables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
    /* from 1px to 0.9px */
    --clamp-scale-1: clamp(0.05625rem, 0.05178571428571429rem + 0.014285714285714282vw, 0.0625rem);
    /* from 1px to 0.8px */
    --clamp-scale-2: clamp(0.05rem, 0.04107142857142858rem + 0.028571428571428564vw, 0.0625rem);
    /* from 1px to 0.7px */
    --clamp-scale-3: clamp(0.04375rem, 0.030357142857142853rem + 0.042857142857142864vw, 0.0625rem);
    /* from 1px to 0.6px */
    --clamp-scale-4: clamp(0.0375rem, 0.01964285714285714rem + 0.05714285714285715vw, 0.0625rem);
    /* from 1px to 0.5px */
    --clamp-scale-5: clamp(0.03125rem, 0.008928571428571428rem + 0.07142857142857142vw, 0.0625rem);
    /* from 1px to 0.4px */
    --clamp-scale-6: clamp(0.025rem, -0.0017857142857142828rem + 0.08571428571428572vw, 0.0625rem);
    /* from 1px to 0.3px */
    --clamp-scale-7: clamp(0.01875rem, -0.0125rem + 0.1vw, 0.0625rem);
    /* from 1px to 0.2px */
    --clamp-scale-8: clamp(0.0125rem, -0.02321428571428572rem + 0.1142857142857143vw, 0.0625rem);
    /* from 1px to 0.1px */
    --clamp-scale-9: clamp(0.00625rem, -0.033928571428571426rem + 0.12857142857142856vw, 0.0625rem);
}

/* Typographie
–––––––––––––––––––––––––––––––––––––––––––––––––– */

html {
    view-transition-name: page;
}

@view-transition {
    navigation: auto;
}

body .color-white p,
body .color-white * {
    color: white !important;
}

input[type="submit"]:hover,
form.search-form input[type="submit"]:hover,
.button:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

textarea,
select,
input {
    border: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    padding: 12px 15px;
    min-height: unset;
    color: inherit;
}

input[type="submit"],
input[type="search"],
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    padding: 12px 15px;
    background-color: var(--color-2);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
}

input::-webkit-input-placeholder {
    opacity: 0.7;
    font-style: normal;
}

input::-moz-placeholder {
    opacity: 0.7;
    font-style: normal;
}

input:-ms-input-placeholder {
    opacity: 0.7;
    font-style: normal;
}

input::-ms-input-placeholder {
    opacity: 0.7;
    font-style: normal;
}

input::placeholder {
    opacity: 0.7;
    font-style: normal;
}

.comment-respond textarea,
.comment-respond input[type="email"],
.comment-respond input[type="text"] {
    background-color: white;
}

#commentform input[type="submit"] {
    border-radius: 15px;
    border-top-left-radius: 0;
}

.comment-reply-link,
input[type="submit"],
.button {
    border-radius: 0;
    background-color: var(--color-1);
    padding: 12px 30px;
    position: relative;
    font-weight: 600;
}

.supportbutton {
    cursor: pointer;
    font-weight: 600;
}

.supportbutton i:first-child,
.button > i:first-child {
    display: inline-block;
    margin-right: 10px;
    position: relative;

    margin-left: 0;
}

.supportbutton i:last-child,
.button > i:last-child {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -3px;
    margin-right: 0;
}

.buttons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: wrap;
    -ms-flex: wrap;
    flex: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
}

.buttons-wrapper .button {
    margin: 5px;
}

.button {
    -webkit-transition: -webkit-transform 0.4s !important;
    transition: -webkit-transform 0.4s !important;
    -o-transition: transform 0.4s !important;
    transition: transform 0.4s !important;
    transition: transform 0.4s, -webkit-transform 0.4s !important;
}

.button.bg-color-white {
    border: 1px solid;
}

.button.bg-color-transparent {
    background-color: transparent;
    border: 1px solid;
    color: var(--color-4);
}

body {
    font-family: "Montserrat", "Open Sans", "Nunito", Helvetica, Arial, sans-serif;
}

body,
body.page-template-page-noheader {
    padding-top: 121px;
}

.style-text-teaser-1,
h1 {
    font-family: "Source Sans Pro", "Nunito", "Montserrat", "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-weight: 600;
    font-size: 40px;
    font-size: calc(var(--clamp-scale-3) * 40);
}

body .style-text-highlight {
    font-family: "Source Sans Pro", "Nunito", "Montserrat", "Open Sans", Helvetica, Arial, sans-serif;
    color: var(--color-4);
    font-weight: bold;
    text-transform: none;

    font-size: 50px;
    font-size: calc(var(--clamp-scale-3) * 50);
}

.style-text-teaser-2,
h2 {
    font-family: "Source Sans Pro", "Nunito", "Montserrat", "Open Sans", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-transform: none;
    color: var(--color-1);

    font-size: 23px;
    font-size: calc(var(--clamp-scale-2) * 30);
}

.style-text-teaser-3,
h3 {
    font-family: "Source Sans Pro", "Nunito", "Montserrat", "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-weight: 600;

    font-size: 25px;
    font-size: calc(var(--clamp-scale-2) * 25);
}

.style-text-teaser-4,
h4 {
    font-family: "Source Sans Pro", "Nunito", "Montserrat", "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-weight: 600;

    font-size: 20px;
    font-size: calc(var(--clamp-scale-3) * 20);
}

.text-content > h1 ~ p:nth-child(2),
h1:not(:first-child),
h2:not(:first-child),
h3:not(:first-child),
h4:not(:first-child),
h5:not(:first-child),
h6:not(:first-child) {
    margin-top: 30px;
}

main a {
    color: var(--color-1);
}

.button.bg-color-white {
    color: inherit;
}

.color-white .style-text-teaser-2,
.color-white h2,
main .color-white a {
    color: white;
}

main .color-white a {
    text-decoration: underline;
}

strong,
b {
    font-weight: 600;
}

body,
body.page-template-page-noheader {
    padding-top: 125px;
}

/* Browser
–––––––––––––––––––––––––––––––––––––––––––––––––– */

::-moz-selection {
    /* Code for Firefox */
    color: white;
    background: var(--color-1);
}

::selection {
    color: white;
    background: var(--color-1);
}

/* SCROLLBARS */

::-webkit-scrollbar {
    width: 12px;
    background-color: white;
}

/* body::-webkit-scrollbar {
  display: none;
} */

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px gray;
    box-shadow: inset 0 0 5px gray;
}

::-webkit-scrollbar-thumb {
    background: var(--color-1);
    border: 1px solid white;
    border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-1);
}

#Navigation::-webkit-scrollbar {
    width: 12px;
    background-color: white;
    display: block;
}

#Navigation::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px gray;
    box-shadow: inset 0 0 5px gray;
}

#Navigation::-webkit-scrollbar-thumb {
    background: var(--color-4);
    border: 1px solid white;
    border-radius: 2px;
}

#Navigation::-webkit-scrollbar-thumb:hover {
    background: var(--color-4);
}

/* OTHER 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#Header .picture-inner.style-is-header .swiper-pagination.swiper-pagination-bullets {
    bottom: 100px;
}

.swiper-pagination-bullet {
    border: 2px solid var(--color-1);
    border-radius: 50%;
    width: 26px;
    height: 26px;
    background: transparent;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--color-1);

    border: 0;
}

.swiper-button-next,
.swiper-button-prev {
    border-radius: 50%;
}

.swiper-pagination.swiper-pagination-bullets {
    position: relative;
    /*  flex-wrap: wrap;
    row-gap: 4px; */
    width: 100%;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    width: 100% !important;
}

.swiper-pagination-bullet {
    left: auto !important;
    -webkit-transition: all 0.8s !important;
    -o-transition: all 0.8s !important;
    transition: all 0.8s !important;
}

.swiper-pagination-bullet:not(
        :is(
                .swiper-pagination-bullet-active,
                .swiper-pagination-bullet-active-next,
                .swiper-pagination-bullet-active-prev,
                .swiper-pagination-bullet-active-next-next,
                .swiper-pagination-bullet-active-prev-prev
            )
    ) {
    display: none !important;
}

/* 
html,
body *,
body {
    cursor: url(/wp-content/themes/limitis-theme-child/images/icons/cursor.png), auto !important;
} 

.table-trenner *,
.table-trenner,
.pagination .page-numbers,
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination-bullet:hover,
body #Toggler,
body #Toggler *,
body a:hover *,
body .button:hover *,
body .button:hover,
body input:hover,
body a:hover {
    cursor: url(/wp-content/themes/limitis-theme-child/images/icons/cursor-small.png), auto !important;
}*/

/* Gutenberg Elements
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* general */

.layout-content > div {
    max-width: 1400px;
    margin: 0 auto;
}

/* text */

.layout-content > h1,
.layout-content > h2,
.layout-content > h3,
.layout-content > h4,
.layout-content > h5,
.layout-content > h6,
.layout-content > p {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

/* columns */

.wp-block-columns.is-layout-flex {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.wp-block-columns.is-layout-flex .wp-block-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* accordeon */

body .accordeon-wrapper .accordeon-title {
    padding: 15px 30px;
}

/* tabs */

.tab-title {
    background-color: var(--color-4);
}

.tab-title.active {
    background-color: var(--color-1);
}

/* article pagination */

.pagination {
    margin-top: calc(var(--clamp-scale-4) * 70);
}

.pagination .page-numbers {
    background-color: var(--color-4);
    border-radius: 10px;
    border-top-left-radius: 0;
}

.pagination .page-numbers.current {
    background-color: var(--color-1);
}

/* blog article */

.post-list-products .article-button {
    background-color: var(--color-1);
    color: white;
}

.article-button.button {
    border: 0;
}

.picture-inner .button.button--effect::after {
    display: none !important;
}

.picture-inner .button.button--effect::before,
.button.button--effect::after {
    content: "\f135";
    font-family: bootstrap-icons !important;
    display: inline-block;
    margin-left: 5px;

    width: 53px;
    height: 53px;
    position: absolute;
    background: var(--color-1);
    color: white;
    border-radius: 50%;
    font-size: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: -30px;
}

.picture-content .wp-block-lazyblock-text {
    text-shadow: 1px 1px 3px rgb(0 0 0 / 60%);
}

.button.button--effect.button-back::after {
    right: auto;
    left: -35px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: var(--color-4);
}

.button.button--effect.button-back {
    margin-right: 0;
    margin-left: 30px;
}

.button.button--effect.button-back .button__mask {
    -webkit-mask: radial-gradient(circle 30px at left center, #0000 98%, red) top left;
    mask: radial-gradient(circle 30px at left center, #0000 98%, red) top left;
}

.article-single-footer {
    border-bottom: 0;
    padding-bottom: 0;
    margin-top: 30px !important;
}

.comment-form-closed {
    display: none !important;
}

#Comments > .comment-form {
    border-top: 0;
}

.related-posts {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.related-posts > h2 {
    margin-bottom: calc(var(--clamp-scale-2) * 30);
}

#Comments:last-child,
.related-posts:last-child {
    padding-bottom: 180px !important;
    margin-bottom: -180px;
}

.comment-respond textarea,
.comment-respond input[type="email"],
.comment-respond input[type="text"] {
    background: var(--color-2);
}

.article-single .article-content > div,
.article-single .article-content {
    padding-left: 0;
    padding-right: 0;
}
.article-single .article-content > div {
    padding: 0;
}

.posts-popular .article-popular .article-content-inner {
    margin: 0;
}

.article-content-inner > h1 {
    margin-bottom: 20px;
}

.posts-popular .article-popular {
    border-radius: 20px !important;
    border-top-left-radius: 0px !important;
    background-color: var(--color-2) !important;
}

/* body:not(.tax-support-category) #ContentCategory {
  background: var(--color-3);
} */

#Content {
    max-width: 100%;
    overflow-x: hidden;
}

body:not(.tax-support-category) #ContentCategory .article-content {
    background-color: var(--color-2) !important;
}

.cat-item,
.cat-item a {
    text-decoration: none !important;
}

.button--effect-border {
    border-radius: 10px;
    border-top-left-radius: 0;
}

.button--effect-border2 {
    border-radius: 20px;
    border-top-left-radius: 0;
}

.button.button--effect {
    position: relative;
    background: transparent !important;

    margin-right: 30px;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
    border: 0 !important;
}

.button.button--effect:not(.button-back) {
    padding-right: 55px;
}

.button.button--effect.button-back {
    padding-left: 55px;
}

.button.button--effect .button__text {
    position: relative;
}

.button.button--effect .button__mask {
    width: 100%;
    height: 100%;
    -webkit-mask: radial-gradient(circle 30px at right center, #0000 98%, red) top left;
    mask: radial-gradient(circle 30px at right center, #0000 98%, red) top left;

    position: absolute;
    left: 0;
    top: 0;
}

.button.button--effect .button__mask:not(.bg-color-white):not(.bg-color-4) {
    background-color: var(--color-4);
}

.button.bg-color-white {
    border: 1px solid var(--color-3) !important;
    -webkit-filter: unset !important;
    filter: unset !important;
}

.style-is-header .button.button--effect {
}

.wp-block-lazyblock-posts-swiper {
    max-width: 1400px;
    margin: 0 auto;
}

.related-posts .swiper-wrapper,
.wp-block-lazyblock-posts-swiper .swiper-wrapper {
    margin-bottom: 85px;
}

.article-image-wrapper {
    height: 280px;
}

.article-single-outer .article-image-wrapper {
    height: auto;
    max-height: unset !important;
}

body.single-products .article-single-outer {
    display: block !important;
}

.wp-block-lazyblock-posts-swiper .swiper-button-next,
.wp-block-lazyblock-posts-swiper .swiper-button-prev {
    display: none;
}

.swiper-container.state-navigation-hidden .swiper-wrapper {
    margin-bottom: 40px !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.swiper-container.state-navigation-hidden .swiper-navigation,
.swiper-container.state-navigation-hidden .swiper-pagination {
    display: none !important;
}

.wp-block-lazyblock-swiper .wp-block-image img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/* .wp-block-lazyblock-swiper .swiper-wrapper {
    height: auto !important;
} */

.article-content .swiper-container-wrapper {
    margin: 0 !important;
}

.article-content .wp-block-lazyblock-button {
    max-width: 100%;
}

/* blog detail */

.article-text {
    text-align: left;
}

/*  */

/* .related-posts .swiper-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
} */

.related-posts .swiper-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.related-posts .swiper-wrapper {
    margin-bottom: 115px;
    margin-bottom: 78px;
}

body.single.single-support #Comments,
body.wiki-template-default #Comments,
body.products-template-default #Comments {
    display: none;
}

.button-back {
    background-color: var(--color-4);
}

.related-posts article {
    max-width: 100% !important;
    margin-left: unset !important;
}

/* wiki */

body.single-wiki article.article-single {
    width: 100%;
}

body.single-wiki .article-single .article-content {
    margin-bottom: 0 !important;
}

/* SUPPORT KATEGORIES */

body.tax-support-category .post-list-category {
    margin-bottom: 70px;
}

/* body.tax-support-category .category-title {
  padding: 50px;
  align-items: center;
  border-bottom: 1px solid;
} */

/* body.tax-support-category #ContentCategoryInner {
  flex-direction: column;
} */

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.breadcrumb .current {
    font-weight: bold;
}

.breadcrumb a {
    color: inherit;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb-item:not(:last-child) {
    font-size: 0.4em;
}

.breadcrumb-item {
    line-height: normal;
    padding-left: 0 !important;
}

.breadcrumb-item:not(:last-child)::after {
    content: "\f135";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: bootstrap-icons !important;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    display: none;
}

p a:hover {
    text-decoration: underline;
    color: var(--color-1);
}

/* search */

.post-type-text {
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* contact form */

form.wpcf7-form {
    background-color: var(--color-2);
    padding: 30px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

form input[type="checkbox"] {
    border-color: var(--color-1);
    border-radius: 0;
}

form input[type="checkbox"]:checked {
    background: var(--color-1);
}

form .wpcf7-acceptance label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

form .wpcf7-acceptance span {
    font-weight: normal;
}

.wpcf7-form .wpcf7-form-control-wrap,
.wpcf7-form .wpcf7-list-item,
.wpcf7-form label,
form .wpcf7-form-control input[type="email"],
form .wpcf7-form-control input[type="text"],
form .wpcf7-form-control select,
form .wpcf7-form-control textarea,
form .wpcf7-form-control {
    width: 100%;
    display: block;
}

.wpcf7-form label {
    text-align: left;
    font-weight: bold;
    font-weight: 600;
}

.wpcf7-form-control-wrap:has(select)::after {
    content: "\f135";
    font-family: bootstrap-icons !important;
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.wpcf7-form-control-wrap select {
    cursor: pointer;
}

textarea,
select,
input {
    background-color: white;
}

form .wpcf7-form-control select::after {
    content: "\f135";
    font-family: bootstrap-icons !important;
}

form.wpcf7-form > div {
    width: 100%;
}

form.wpcf7-form > div:not(:last-child) {
    margin-bottom: 20px;
}

form.wpcf7-form > div > .fw-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.wpcf7-spinner {
    margin-bottom: 10px;
}

.wpcf7-form .privacy label {
    margin-bottom: 0;
    font-weight: normal;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--color-1);
}

.wpcf7-not-valid-tip {
    font-style: italic;
}

form.wpcf7-form .fw-cols-submit {
    margin: 0 !important;
}

form.wpcf7-form .button--effect .wpcf7-spinner {
    display: none;
}

form.wpcf7-form .button--effect input {
    background: transparent;
    margin: 0;
    padding: 0;
}

form.wpcf7-form .button--effect::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Other Elements
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* DSGVO */

.dsgvo-body {
    margin: 0 auto;
    max-width: 1024px;
}

/* DOM Elements & Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#Content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.articles-search-wrapper {
    max-width: 768px;
}

#ContentCategory,
body.search #Content,
body.single main,
body.error404 #Content.content-error {
    padding-top: 80px;
    padding-bottom: 180px;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

body.tax-support-category#ContentCategory,
body.single main {
    padding-top: 0;
}

body:not(.page-type-landingpage) main#Content > .wp-block-lazyblock-tabs:last-child > .tabs-wrapper,
body:not(.page-type-landingpage) main#Content > .wp-block-lazyblock-layout:last-of-type > .layout-content {
    padding-bottom: 200px;
}

.posts-list.post-list-category :first-child {
    grid-column: unset;
}

.category-title {
    text-align: left !important;
}

/* table */

.table table tr:first-child,
.table th {
    background-color: var(--color-4);
    color: #fff;
}

/* 404 search */

.content-error form.search-form .search-form-wrapper {
    overflow: visible;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

/* chat widget*/

body.state-nav-open #livechat,
body.scrolled-bottom #livechat {
    display: none;
}

/* domain search */

#DomainSearch {
    max-width: 768px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    position: fixed;
    z-index: 50;
    -webkit-transition: bottom 0.4s;
    -o-transition: bottom 0.4s;
    transition: bottom 0.4s;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 768px;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}
#DomainSearch .button--effect input {
    padding: 0 !important;
}

#DomainSearch .button--effect {
    -webkit-filter: unset !important;
    filter: unset !important;
}
body.scrolled-bottom #DomainSearch {
    bottom: -200px;
}

#DomainSearch form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#DomainSearch input[type="text"] {
    margin-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 60px;
}

#DomainSearch input[type="submit"] {
    background-color: var(--color-4);
}

#DomainSearch input[type="submit"]:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#DomainSearch i {
    position: absolute;
    left: 40px;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

/* body.single #DomainSearch,
body.page-template-page-noheader #DomainSearch {
  display: none;
} */

/* top */

#TopOuter {
    padding-top: 0 !important;

    padding-bottom: 10px !important;
}

/* #TopOuter::before {
  height: 97px;
  background: white;
  position: absolute;
  left: 0;
  top: 100%;
  display: block;
  content: "";
  width: 100%;
  background: linear-gradient(180deg, #ffffff 58.48%, rgba(255, 255, 255, 0.78) 71.62%, rgba(255, 255, 255, 0) 98%);
  background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
  background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
} */

#TopOuter > * {
    z-index: 1;
}

body:not(.page-template-page-noheader):not(.scrolled) #TopOuter {
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

/* body:not(.scrolled):not(.page-template-page-noheader) #TopOuter {
  box-shadow: none;
} */

body.page-template-page-noheader #TopOuter {
    padding-bottom: 10px !important;
}

#TopOuter .custom-logo-link {
    margin-top: 20px;
}

#TopOuter .custom-logo-link {
    margin-top: 10px;

    height: 70px;
    display: block;
}

body.scrolled #TopOuter .custom-logo-link {
    height: 50px;
}

body:not(.scrolled) #TopOuter .custom-logo-link img {
    max-width: 290px;
}

#TopOuter .custom-logo-link img {
    max-width: 250px;
    margin-top: 0px;
    height: 100%;
    width: auto;
}

#TopOuter .menu .sub-menu {
    background-color: var(--color-4);
}

#TopInner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* position: relative; */
}

#HeaderButtons {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;

    position: relative;
}

#HeaderButtons > * {
    pointer-events: all;
}

#SupportLayer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    background-color: white;
    top: 0;
    height: 100%;
    width: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: none;
    white-space: nowrap;
    right: 0;
    width: auto;

    border-bottom-left-radius: 20px;

    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

body.scrolled #SupportLayer {
    right: 0;
}

body.is-support-layer #SupportLayer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 55px !important;
}

body.is-support-layer #SmallNavigation {
    opacity: 0;
    pointer-events: none;
}

body.is-support-layer.scrolled #SupportLayer {
    top: calc(100% + 8px) !important;
    bottom: auto;
    right: auto;
    left: 0;
    left: auto;
    right: 175px;
}

#SupportButton {
    border: 1px solid var(--color-1);
    border-radius: 15px;
    border-top-left-radius: 0px;
}

body.is-support-layer #SupportButton {
    background: white;
    color: var(--color-1);
    border: 1px solid var(--color-1);
}

/* body.is-support-layer .search-form,
body.is-support-layer #SmallNavigation {
  opacity: 0;
  pointer-events: none;
} */

#SupportLayer .supportbutton {
    padding: 15px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

#SupportLayer .supportbutton > span {
    min-width: 60px;
}

#SupportLayer .supportbutton a {
    background-color: white;
    color: var(--color-1);
    margin-left: 0;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}

#SupportLayer .supportbutton a:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#SupportLayer .supportbutton a span {
    font-weight: bold;
}

#SupportLayer .supportbutton:not(:last-child) {
    border-bottom: 1px solid var(--color-2);
}

#SupportLayer .menu {
    display: flex;
    flex-direction: column;
}

#SupportLayer .menu a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: transform 0.5s;
}

#SupportLayer .menu a:hover {
    /* text-decoration: underline !important; */
    transform: scale(1.04);
}

#SupportLayer > div {
    width: 100%;
    text-align: center;
}

#SupportLayer .menu li:not(:last-child) a::after {
    content: "";
    width: calc(100% - 60px);
    margin: 0 auto;
    height: 1px;
    background: var(--color-2);
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

#SupportLayer .menu a::before {
    content: "\F1C5";
    display: inline-block;
    font-family: bootstrap-icons !important;
    margin-right: 15px;
    color: white;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-1);
    border-radius: 50%;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-1);
}

#SupportLayer .menu a[href^="tel:"]::before {
    content: "\F5C1";
}

#SupportLayer .menu a[href^="mailto:"]::before {
    content: "\F32F";
}

#SupportLayer .menu a[href*="assistenza"]::before,
#SupportLayer .menu a[href*="fernwartung"]::before {
    content: "\F6A5";
}

#SupportLayer .menu a[href*="notfall"]::before,
#SupportLayer .menu a[href*="emergenza"]::before {
    content: "\F33B";
}

/* body.is-support-layer #HeaderButtons > .button {
  opacity: 0;
  pointer-events: none;
} */

body.is-support-layer.scrolled #SupportLayer .supportbutton:not(:last-child) {
    border-bottom: 0;
    border-right: 1px solid var(--color-2);
}

body.is-support-layer #SupportLayer {
    position: absolute;
    height: auto;

    -webkit-box-shadow: 1px 13px 9px 0px #00000021;
    box-shadow: 1px 13px 9px 0px #00000021;
}

/* fixedbuttons */

#FixedButtons {
    left: auto;
    right: 0px;
    bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* #FixedButtons > .button-circle:nth-child(1) {
  background-color: white;
  color: var(--color-4);
} */

#FixedButtons > .button-circle:not(:last-child) {
    margin-bottom: 10px;
}

#ScrollDownButton,
.button-circle {
    width: 60px;
    height: 60px;
    background-color: var(--color-1);
    color: white;
    display: block;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5em;
    -webkit-box-shadow: 0px 2px 9px 3px #00000033;
    box-shadow: 0px 2px 9px 3px #00000033;
    border: 0;

    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0;
}

#ScrollDownButton i {
    font-size: 1.3em;
}

/* HEADER */

#Header {
    margin-top: 0;
}

/* copyright */

.copyrights {
    margin-top: -30px;
}

#NaviService,
#Copyright {
    font-size: 0.75rem;
    white-space: nowrap;
}

/* footer */

footer a:hover {
    color: white;
    text-decoration: underline;
}

#FooterTop {
    max-width: 1400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

#FooterTop > * {
    width: 50%;
}

#FooterTop .footer-col .widget_block > *,
#FooterTop .footer-col p {
    text-align: left !important;
}

#FooterTop .footer-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-column-gap: 30px;

    -moz-column-gap: 30px;

    column-gap: 30px;
    padding-bottom: 0 !important;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: 0;
    padding-top: 120px;
    max-width: 100%;
}

#FooterTop a {
    white-space: nowrap;
}

footer .footer-cols.footer-cols-2 {
    max-width: 1200px;
    width: 100% !important;
}

.footer-cols.footer-cols-2 .footer-col {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

footer .footer-col .wp-block-group {
    padding: 0 !important;
}

#FooterTop .widget_block:not(:last-child) {
    margin-bottom: 20px;
}

#FooterBottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.9em;
    padding-bottom: 30px;
    padding-top: 30px;
    gap: 40px;
}

#FooterBottomLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

    text-align: left;
}

#FooterBottom #NaviSocial {
    margin: -3px;
}

#NaviSocial ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;
}

#FooterBottom > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* .partners > .layout-content {
    padding-top: 0 !important;
} */

.partners .wp-block-lazyblock-swiper {
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
}

.partners .wp-block-lazyblock-swiper img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
    max-height: 100px;
    height: 100%;
}

.partners .picture-inner {
    height: auto !important;
}

/* full size */

.partners .wp-block-lazyblock-swiper picture {
    display: block;
    height: 100%;
}

.partners .wp-block-lazyblock-swiper picture img {
    max-height: unset;
}

#NaviSocial a::before {
    color: white !important;
}

#NaviSocial a {
    background-color: var(--color-1);
    border-radius: 50%;
    text-align: center;
    margin: 5px;
    line-height: 0;
    -webkit-transition: background-color 0.4s, font-size 0.4s;
    -o-transition: background-color 0.4s, font-size 0.4s;
    transition: background-color 0.4s, font-size 0.4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.2em;
    width: 35px;
    height: 35px;
    position: relative;
    text-decoration: none !important;
}

#NaviSocial a:hover {
    background-color: transparent;
    font-size: 2.5em;
}

#NaviSocial a[href*="x.com"]::before,
#NaviSocial a[href*="rss"]::before,
#NaviSocial a[href*="linkedin"]::before,
#NaviSocial a[href*="youtube"]::before {
    content: "\f5ef";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
}

.share-button:hover {
    opacity: 0.6;
}

.share-button-twitter::before,
#NaviSocial a[href*="x.com"]::before {
    content: "";
    background-image: url(/wp-content/themes/limitis-theme-child/images/icons/x.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: background-size 0.4s;
    -o-transition: background-size 0.4s;
    transition: background-size 0.4s;
}

#NaviSocial a[href*="x.com"]:hover::before {
    background-size: 90%;
}

.share-button-twitter {
    position: relative;
    -webkit-filter: invert(1);
    filter: invert(1);
    color: transparent;
}

.share-button-twitter::before {
    background-size: 90%;
}

.social-share .social-share-title {
    margin-top: 0;
}

.social-share i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-4);
}
.share-button-twitter i {
    color: transparent;
}

#NaviSocial a[href*="linkedin"]::before {
    content: "\F472";
}

#NaviSocial a[href*="rss"]::before {
    content: "\f4f9";
}

#NaviSocial a[href^="http://www.facebook.com"]::before, #NaviSocial a[href^="http://facebook.com"]::before, #NaviSocial a[href^="https://www.facebook.com"]::before, #NaviSocial a[href^="https://facebook.com"]::before
{
    content: "\F344";
}

#NaviSocial a[href^="http://www.instagram.com/"]::before, #NaviSocial a[href^="http://instagram.com/"]::before, #NaviSocial a[href^="https://www.instagram.com/"]::before, #NaviSocial a[href^="https://instagram.com/"]::before
{
    content: "\F437";
}

#NaviService {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* quiclinks */

#Quicklinks .menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#Quicklinks .menu li::before {
    content: "\f138";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    font-size: 1.2em;
}

form.search-form > i {
    font-size: 1.6em;
}

form.search-form.active .search-form-wrapper {
    border-radius: 0;
    padding: 10px;
    border-bottom-right-radius: 20px;
}

form.search-form .search-form-wrapper input[type="search"] {
    margin-right: 10px;
}

.search-form-wrapper {
    right: 77px;
}

body.scrolled #TopRightBottom > .search-form {
    margin-top: 17px;
    margin-right: -14px;
}

form.search-form.active > i {
    color: var(--color-1);
}

form.search-form input[type="submit"] {
    width: 100%;
    color: white;
    background: transparent !important;
    padding: 0 !important;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
}

form.search-form .button--effect {
    -webkit-filter: unset !important;
    filter: unset !important;
    cursor: pointer;
}

form.search-form input.state--error {
    -webkit-box-shadow: 0px 0px 0px 1px #cd1819;
    box-shadow: 0px 0px 0px 1px #cd1819;
    background-color: #cd181924;
}

/* search form  on serach page */

body.search.search-results #Content form.search-form {
    margin: 0 !important;
    margin-bottom: 50px !important;
}

body.search.search-results #Content form.search-form > i {
    display: none !important;
}

body.search.search-results #Content .search-form-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    position: relative;
    max-height: 300px !important;
    padding: 0;
    margin-bottom: calc(3rem - 20px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    overflow: visible;
}

/* body.search.search-results #Content .search-form-wrapper input {
  width: 100%;
  margin: 0;
} */

.content-error form.search-form .search-form-wrapper input[type="search"] {
    margin-bottom: 0;
}

body.search.search-no-results .search-results-serch-form {
    display: none !important;
}

#TopRightBottom > form.search-form {
    display: none !important;
}

#Navigation > form.search-form {
    display: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#Navigation > form.search-form .search-form-wrapper {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-height: 200px;
    overflow: visible;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    width: 100%;
}

#Navigation > form.search-form > i {
    display: none;
}

#Navigation .search-form .button {
    margin-top: 10px;
}

.articles-search .picture-wrapper {
    height: 350px;
    margin-bottom: 30px;
    margin-top: -40px;
    margin-left: -40px;
    margin-right: -40px;
}

.articles-search .picture-wrapper img {
    o-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%;
    height: 100%;
}

/* language menu */

#TopOuter .menu > .wpml-ls-item,
.wpml-ls-display {
    display: none;
}

/* sidebars */

.sidebar .widget_text {
    font-size: inherit;
    font-weight: inherit;
    text-transform: inherit;
}

/* widget newsletter  (brevo) */

.sib-form {
    background: transparent !important;
    color: #444242 !important;

    * {
        font-family: "Montserrat", "Open Sans", "Nunito", Helvetica, Arial, sans-serif !important;
    }

    .entry__choice label p {
        font-size: 0.7rem;
    }

    #sib-container {
        border: 0 !important;
        max-width: 100% !important;
        width: 550px !important;
    }
}

/* widget webmail */

.widget.widget--webmail .col-md-5:has(.btn.btn-default) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.widget.widget--webmail .col-md-5:has(.btn.btn-default) .btn {
    padding: 0 !important;
    line-height: normal !important;
    outline: 0 !important;
    color: var(--color-1);
}

.widget.widget--webmail .col-md-5:has(.btn.btn-default) .btn:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.widget.widget--webmail .row:has(.btn.btn-default) {
    width: 41.66666667%;
}

.widget.widget--webmail .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}

@media screen and (max-width: 600px) {
    .widget.widget--webmail .row:has(.btn.btn-default) {
        width: 100%;
    }

    .widget.widget--webmail .row:has(.btn.btn-default) hr {
        margin-left: 10px;
    }

    body .wp-block-media-text .wp-block-media-text__content {
        padding: 30px 20px;
        padding-top: 20px;
    }
}

/* Newsletter */

/* SIEHE WEITERE OBEN TMP 

-> suche nach ->
#Comments:last-child,
.related-posts:last-child {
    padding-bottom: 180px !important;
    margin-bottom: -180px;
} 
*/

#Newsletter {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
    max-width: 1024px;
    min-width: 580px;
    width: 55%;

    border-radius: 30px;
    border-top-right-radius: 0;
    margin-left: auto;

    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    /* display: none !important; */
}

#Newsletter > p:last-child {
    margin-bottom: 0;
}

#Newsletter form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#Newsletter form input[type="text"] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: white;
    min-width: 190px;
}

.newsletter-submit {
    position: relative;
    margin-right: 31px;
    cursor: pointer;
    -webkit-filter: unset !important;
    filter: unset !important;
}

.newsletter-submit input {
    background: transparent;

    padding: 0 !important;
}

.newsletter-submit i {
    width: 63px;
    height: 63px;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: 0;
    top: -5px;
    -webkit-transform: translate(50%, 0%);
    -ms-transform: translate(50%, 0%);
    transform: translate(50%, 0%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 21px;
    border: 5px solid var(--color-2);
}

/* partners */

#Partners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-width: 15%;
}

#Partners a {
    display: block;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45px;
    max-width: 140px;
    font-size: 0.5rem;
}

#Partners picture,
#Partners img {
    height: 100%;
    width: auto;
    max-width: 100%;
}

#Partners > picture > img,
#Partners > img {
    max-width: 140px;
}

#Partners .partner--audit {
    width: 140px;
    height: auto;
    max-height: 140px;
}

/* RANDNOTIZ */

.wwg-sidenews-button {
    border-radius: 0;
    color: var(--color-1);
    bottom: 130px;
    display: inline-block; /* Ermöglicht die Begrenzung */
    max-width: 350px; /* Maximale Breite des Texts */
    white-space: nowrap; /* Kein Zeilenumbruch */
    overflow: hidden; /* Überflüssigen Text verstecken */
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; /* "..." für abgeschnittenen Text */
}

body.is-support-layer .wwg-sidenews-button,
body.state-nav-open .wwg-sidenews-button {
    display: none !important;
}

.wwg-sidenews .wwg-sidenews-close {
    background-color: var(--color-1);
}

.wwg-sidenews {
    border-radius: 0;
}

.wwg-sidenews .wwg-sidenews-header {
    background-color: var(--color-4);
}

.wwg-sidenews .wwg-sidenews-close {
    text-transform: uppercase;
}

.wwg-sidenews .layout-content {
    padding: 0 !important;
}

/* COOKIE BANNER */

#cookie-notice {
    font-family: inherit;
}

.cookie-notice-container {
    font-size: 0.8rem !important;
    padding: 20px 23px !important;
}

.cn-button.bootstrap,
#cookie-notice .cn-button.wp-default {
    background-color: var(--color-1) !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-weight: bold;
    font-weight: 600;
}

#cookie-law-info-bar .cli-bar-container {
    font-family: "Montserrat", "Open Sans", sans-serif;
    max-width: 1024px;
}

/* cookiebot.com */

body.state-cookies-visible::before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: black;
    opacity: 0.55;
    top: 0;
    left: 0;
    display: block;
    z-index: 100000;
    pointer-events: all;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

#CybotCookiebotDialogPoweredByText,
#CybotCookiebotDialogPoweredbyCybot {
    display: none !important;
}

#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialog {
    border-radius: 0 !important;
}

#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink,
#CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    font-weight: bold;
    text-transform: uppercase;
}

#CybotCookiebotDialogBodyButtonDecline {
    border-color: var(--color-4) !important;
}

.page #CybotCookiebotDialog h2 {
    font-family: "Source Sans Pro", "Nunito", "Montserrat", "Open Sans", Helvetica, Arial, sans-serif;
    text-transform: none;
    font-size: calc(var(--clamp-scale-1) * 20);
}

.page #CybotCookiebotDialog *,
.page #CybotCookiebotDialogBodyUnderlay * {
    font-family: "Montserrat", "Open Sans", "Nunito", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-size: calc(var(--clamp-scale-1) * 13);
    line-height: normal;
}

.tab-content > *,
.CookieDeclaration {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
}

.CookieDeclaration {
    margin-top: 20px;
}

.CookieDeclarationType {
    overflow-x: auto;
    width: auto;
}

/* Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* toggler */

#Toggler {
    width: 55px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer;
    margin-left: 50px;
}

#Toggler .toggler-line {
    width: 100%;
    height: 4px;
    display: block;
    border-radius: 10px;
    -webkit-transition: width 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: width 0.3s, transform 0.3s, opacity 0.3s;
    transition: width 0.3s, transform 0.3s, opacity 0.3s;
    transition: width 0.3s, transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    position: relative;
}

#Toggler .toggler-line:nth-child(2) {
    width: 75%;
}

#Toggler .toggler-line:nth-child(3) {
    width: 55%;
}

body.state-nav-open #Toggler .toggler-line:nth-child(1) {
    width: 75%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 13px 19px;
    -ms-transform-origin: 13px 19px;
    transform-origin: 13px 19px;
}

body.state-nav-open #Toggler .toggler-line:nth-child(2) {
    width: 75%;
    opacity: 0;
}

body.state-nav-open #Toggler .toggler-line:nth-child(3) {
    width: 75%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 12px -15px;
    -ms-transform-origin: 12px -15px;
    transform-origin: 12px -15px;
}

/* nav */

/* #TopOuter .menu,
#Navigation,
#SmallNavigation {
  font-size: 1.1em;
} */

#TopRight {
    margin-right: 0;
}

#TopRightBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    pointer-events: none;
}

#TopRightBottom > * {
    pointer-events: all;
}

#Navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
}

#TopOuter #Navigation {
    position: absolute;
    right: -150vw;
    max-height: calc(100vh - 122px);
    height: 100vh;
    top: 122px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 60px;
    padding-right: 80px;
    -webkit-transition: right 0.7s;
    -o-transition: right 0.7s;
    transition: right 0.7s;
    -webkit-box-shadow: 1px 12px 9px 3px #00000033;
    box-shadow: 1px 12px 9px 3px #00000033;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 50;
}

body.admin-bar #TopOuter #Navigation {
    max-height: calc(100vh - 123px);
    top: 120px;
}

body.scrolled #TopOuter #Navigation {
    top: 68px;
    max-height: calc(100vh - 68px);
}

body.admin-bar.scrolled #TopOuter #Navigation {
    top: 70px;
    max-height: calc(100vh - 88px);
}

body.state-nav-open #TopOuter #Navigation {
    right: 0;
    font-size: 1.1em;
}

#TopOuter #Navigation .sub-menu {
    position: relative;
    max-height: 0;
    overflow: hidden;
    background-color: transparent;
    padding: 0;
    color: inherit;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: max-height 0.4s, padding 0.4s;
    -o-transition: max-height 0.4s, padding 0.4s;
    transition: max-height 0.4s, padding 0.4s;
}

#TopOuter #Navigation .sub-menu::before {
    content: "";
    right: 0;
    top: 0;
    height: 0%;
    width: 2px;
    position: absolute;
    background: #d3d3d3;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}

#TopOuter #Navigation .sub-menu {
    max-width: 100%;
}

#TopOuter #Navigation .submenu-open .sub-menu::before {
    height: 100%;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

#TopOuter #Navigation .submenu-open .sub-menu {
    max-height: 500px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#Navigation .submenu-open .submenu-opener::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}

#TopOuter #Navigation .sub-menu a {
    color: inherit;
    text-align: right;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}

#TopOuter #Navigation a:hover {
    text-decoration: underline;
}

#Navigation .submenu-opener {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1.5em;
    color: #2f2f2d;
    line-height: normal;
    right: -24px;
    position: absolute;
    top: -8px;
    top: -2px;
}

#Navigation .submenu-opener:hover {
    color: var(--color-1);
}

#Navigation a {
    text-align: right;
    position: relative;
}

.current-menu-parent > a,
.current_page_item > a {
    color: inherit;
    color: var(--color-4) 9c !important;
}

#TopOuter .menu {
    padding-left: 0;
    margin-left: 0;
}

´ #TopOuter .menu a {
    font-weight: 600;
}

#TopOuter .menu a:hover {
    color: #2f2f2d;
}

#SmallNavigation.menu a {
    white-space: nowrap;
    /* text-transform: uppercase; */
}

#SmallNavigation.menu a:hover {
    text-decoration: underline !important;
}

#Navigation #SmallNavigation {
    border-bottom: 1px solid var(--color-3);
    margin-bottom: calc(var(--clamp-scale-4) * 30);
    padding-bottom: calc(var(--clamp-scale-4) * 30);
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

@media screen and (min-width: 1025px) {
    body:not(.scrolled) #Navigation #SmallNavigation {
        display: none !important;
    }
}

:is(#Navigation, #SmallNavigation) :is(.current_page_item, .current-menu-item, .current-menu-parent) > a {
    text-decoration: underline;
}

body.scrolled #HeaderButtons {
    position: absolute;
}

footer .current_page_item > a {
    text-decoration: underline;
    opacity: 1;
    color: #ffffff !important;
}

/* LANGMENU */

#LangSwitch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
    margin-top: 4px;
}

#LangSwitch :is(li, ul) {
    padding: 0;
    list-style: none;
}

#LangSwitch ul {
    margin: 0;
    margin-left: 10px;
}

#LangSwitch i {
    position: relative;
}

#LangSwitch .wpml-ls-current-language {
    display: none;
}

#LangSwitch a:hover .wpml-ls-native {
    text-decoration: underline;
}

/* scrolled top outer */

body.scrolled #SmallNavigation,
body.scrolled .menu-hauptmenue-container,
body.scrolled #LangSwitch {
    display: none;
}

body.scrolled #Toggler {
    margin-top: 15px;
}

body.scrolled #HeaderButtons {
    position: absolute;
    bottom: 50%;

    -webkit-transform: translateY(50%);

    -ms-transform: translateY(50%);

    transform: translateY(50%);
    margin: 0;
}

body.scrolled #TopOuter .custom-logo-link {
    margin-top: 10px;
}

body.scrolled #TopOuter {
    padding-bottom: 10px !important;
}

body.scrolled #HeaderButtons > .button {
    margin-right: 175px;
}

body.scrolled #TopOuter nav {
    margin-top: 10px;
}

body.scrolled #TopOuter {
    -webkit-animation: nav-move-down 0.7s 0s ease-in-out;
    animation: nav-move-down 0.7s 0s ease-in-out;
}

body.admin-bar.scrolled #TopOuter {
    -webkit-animation: adminbar-nav-move-down 0.7s 0s ease-in-out;
    animation: adminbar-nav-move-down 0.7s 0s ease-in-out;
}

body.scrolled #TopRight > nav {
    display: none;
}

/* ANIMATIONS */

@-webkit-keyframes nav-move-down {
    from {
        top: -200px;
    }

    to {
        top: 0px;
    }
}

@keyframes nav-move-down {
    from {
        top: -200px;
    }

    to {
        top: 0px;
    }
}

@-webkit-keyframes adminbar-nav-move-down {
    from {
        top: -200px;
    }

    to {
        top: 30px;
    }
}

@keyframes adminbar-nav-move-down {
    from {
        top: -200px;
    }

    to {
        top: 30px;
    }
}

/* Responsive
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Smaller than Desktop HD */
@media (max-width: 1200px) {
    .article-single-outer .sidebar {
        padding: 0;
        margin-left: 0;
        margin-top: 50px;
    }

    body.search-no-results form.search-form {
        padding: 0;
        margin: 0;
        border: 0;
    }

    #TopOuter #SupportLayer .menu a {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* Smaller than desktop */
@media (max-width: 1024px) {
    /* footer */

    #FooterTop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #FooterTop .footer-cols {
        padding-top: 120px;
    }

    #NewsletterWrapper.fw-px-4,
    footer.fw-px-4 {
        padding-left: 40px;
        padding-right: 40px;
    }

    #FooterBottom,
    footer .footer-cols {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #FooterBottom > *:not(:last-child) {
        margin-bottom: 15px;
    }

    #FooterTop {
        margin-bottom: 20px;
    }

    #Newsletter {
    }

    #FooterTop .footer-cols {
        width: 100%;
        max-width: 100%;
    }

    #Partners {
        flex-direction: row;
    }

    #FooterBottomLeft,
    #FooterBottom {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 0 !important;
        gap: 0;
    }

    #FooterBottomLeft {
        margin-top: 40px;
    }

    #SmallNavigation {
        display: none !important;
    }

    #Navigation {
        padding: 40px;
        padding-right: 60px;
    }

    #DomainSearch {
        max-width: 90%;
    }

    body #st_Widget.st_WidgetBR.Image {
        bottom: 78px;
    }

    #FooterTop .footer-cols,
    #Newsletter,
    #FooterBottom,
    #TopOuter,
    body.scrolled #TopOuter {
        padding-left: 40px;
        padding-right: 40px;
    }

    #TopInner {
        padding: 0;
    }

    body.is-support-layer #SupportLayer {
        bottom: -178px;
    }

    form.wpcf7-form .fw-cols.fw-cols-break-normal {
        grid-template-columns: repeat(auto-fill, 100%);
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        row-gap: 20px;
    }

    body,
    body.page-template-page-noheader {
        padding-top: 118px;
    }

    .articles-search > aside {
        margin-top: 40px;
    }
    /* gutenberg elements */

    .wp-block-column {
        height: auto !important;
    }
}

@media screen and (max-width: 920px) {
    body.tax-support-category #ContentCategory .posts.posts-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 70px;
    }

    body.tax-support-category #ContentCategory .sidebar {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    body.is-support-layer::before {
        content: "";
        width: 100%;
        height: 100%;
        position: fixed;
        background: var(--color-4);
        z-index: 50;
        top: 0;
        left: 0;
        opacity: 0.6;
    }

    /* #SupportLayer .menu a {
        justify-content: center;
    } */

    body,
    body.page-template-page-noheader {
        padding-top: 70px !important;
    }

    body.scrolled #TopOuter .custom-logo-link,
    #TopOuter .custom-logo-link {
        height: 50px;
    }

    body.scrolled #HeaderButtons > .button,
    #HeaderButtons > .button {
        margin-right: 80px;
    }

    body.admin-bar,
    body.admin-bar.page-template-page-noheader {
        padding-top: 50px;
    }

    body.scrolled #TopOuter #Navigation,
    body #TopOuter #Navigation {
        max-height: calc(100vh - 60px);
        top: 60px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    body.admin-bar.scrolled #TopOuter #Navigation,
    body.admin-bar #TopOuter #Navigation {
        max-height: calc(100vh - 66px);
        top: 66px;
    }

    #TopRightBottom > form.search-form {
        display: none;
    }

    #Navigation > form.search-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    body.scrolled .search-form {
        margin-top: 0;
    }

    form.search-form input {
        text-align: center;
    }

    form.search-form input:not(:last-child) {
        margin-bottom: 0px;
    }

    .articles-search-wrapper {
        max-width: 100%;
    }

    body.search.search-results #Content .search-form-wrapper,
    .content-error form.search-form .search-form-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    body.search.search-results #Content .search-form-wrapper input[type="search"],
    .content-error form.search-form .search-form-wrapper input[type="search"] {
        margin-bottom: 10px;
        margin-right: 0;
    }

    #Navigation > form.search-form .search-form-wrapper input {
        margin-right: 0 !important;
    }

    #Navigation {
        padding: 60px;
        padding-left: 40px;
    }

    #TopRight {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 10px;
    }

    body.scrolled #HeaderButtons,
    #HeaderButtons {
        position: relative !important;
        margin-bottom: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: auto;
    }

    #SupportButton {
        border-radius: 0;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }

    body.scrolled #Toggler,
    #Toggler {
        margin-left: 0;
        margin-top: 0;
    }

    body.scrolled #LangSwitch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .article-single-footer {
        margin-top: 3rem;
    }

    /* support button */

    #HeaderButtons > .button {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 10;
        -webkit-box-shadow: -2px -2px 4px 1px #00000026;
        box-shadow: -2px -2px 4px 1px #00000026;
    }

    footer {
        padding-bottom: 49px;
    }

    #FixedButtons {
        bottom: 75px;
    }

    body.is-support-layer #SupportLayer,
    body.is-support-layer.scrolled #SupportLayer {
        position: fixed;
        padding-bottom: 65px;
        bottom: 0 !important;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: auto !important;
        right: auto;
        width: 100vw;
        -webkit-box-shadow: -1px -1px 9px 0px #00000021;
        box-shadow: -1px -1px 9px 0px #00000021;
        min-width: 1px;
        padding-top: 15px;
    }

    body.is-support-layer {
        padding-bottom: 160px;
    }

    #SupportButton {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }

    body.is-support-layer .supportbutton {
        width: 100%;
    }

    body.is-support-layer #SupportButton {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #SupportLayer .supportbutton:not(:last-child) {
        border-bottom: 1px solid var(--color-2) !important;
    }

    #Newsletter {
        min-width: unset;
        width: 100%;
    }

    .wp-block-group {
        padding: 30px 20px;
    }
}

/* Smaller than tablet */
@media (max-width: 765px) {
    #DomainSearch {
        position: relative;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        max-width: calc(100% - 20px);
        margin: 0 auto;
        margin-top: -35px;
        z-index: 0;
        -webkit-filter: unset;
        filter: unset;
    }

    #DomainSearch .button.button--effect {
        width: 100%;
        max-width: calc(100% - 29px);
    }

    body.page-template-page-noheader #DomainSearch {
        margin-top: 30px;
    }

    #DomainSearch form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #DomainSearch input {
        width: 100%;
        text-align: center;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #DomainSearch input[type="submit"] {
        margin-top: 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #DomainSearch i {
        top: 25%;
        display: none;
    }

    .buttons-wrapper {
        display: block;
        margin-bottom: 30px !important;
        margin: 0;
    }

    .buttons-wrapper .button {
        margin-left: 0;
        margin-right: 0;
    }

    .article-single,
    .posts-list-wrapper:has(.article.article--support) {
        max-width: 100%;
    }
}

/* Smaller than phablet (also point when grid becomes active) */
@media (max-width: 560px) {
    body,
    body.page-template-page-noheader {
        padding-top: 60px !important;
    }

    body {
        font-size: 16px;
    }

    .text-content > h1 ~ p:nth-child(2),
    h1:not(:first-child),
    h2:not(:first-child),
    h3:not(:first-child),
    h4:not(:first-child),
    h5:not(:first-child),
    h6:not(:first-child) {
        margin-top: 20px;
    }

    #TopOuter .custom-logo-link img {
        margin-left: 20px;
    }

    body:not(.page-type-landingpage) main#Content > .wp-block-lazyblock-tabs:last-child > .tabs-wrapper,
    body:not(.page-type-landingpage) main#Content > .wp-block-lazyblock-layout:last-of-type > .layout-content,
    body:not(.page-type-landingpage) #ContentCategory,
    body.search:not(.page-type-landingpage) #Content,
    body.single:not(.page-type-landingpage) main,
    body.error404:not(.page-type-landingpage) #Content.content-error {
        padding-bottom: 160px;
    }

    #ContentCategory,
    body.search #Content,
    body.error404 #Content.content-error {
        padding-top: 30px;
    }

    #FixedButtons > div {
        width: 50px;
        height: 50px;
        font-size: 1.2em;
    }

    #FixedButtons > div {
        width: 50px !important;
    }

    #FixedButtons {
        right: -10px;
        bottom: 70px;
        width: auto !important;
    }

    #NewsletterWrapper.fw-px-4,
    footer.fw-px-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #FooterTop .footer-cols {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        row-gap: 30px;
    }

    #FooterTop {
        padding: 0 !important;
        margin-bottom: 0;
    }

    #FooterBottom,
    #FooterTop .footer-cols,
    #Newsletter {
        padding: 30px 20px !important;
    }

    #FooterTop .footer-cols {
        padding-top: 140px !important;
        row-gap: 0 !important;
    }

    #Copyright,
    #FooterBottom > *,
    #Quicklinks,
    #Partners,
    #FooterTop .footer-col .widget_block > *,
    #FooterTop .footer-col p,
    footer #FooterTop .footer-col *,
    footer #FooterTop .footer-col {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 100%;
        text-align: center !important;
    }

    #Partners img {
        min-height: 45px;
    }

    #NaviSocial ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    footer #FooterTop .footer-col:first-child {
        margin-bottom: 20px;
    }

    .partners .wp-block-lazyblock-swiper {
        width: 100%;
        /* max-width: 250px; */
    }

    #Quicklinks,
    #Partners {
        margin-top: 20px;
    }

    #Partners {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #Newsletter {
        margin-left: 0;
        width: calc(100% - 40px);
        right: 20px;
        border-radius: 20px;
        border-top-right-radius: 0;
    }

    #FooterTop .footer-cols {
        padding-bottom: 0 !important;
    }

    #Newsletter form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #Newsletter form input[type="text"] {
        margin-right: 0;
        margin-bottom: 10px;
    }

    body.error404 .sidebar,
    .article-single-outer .sidebar {
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-top: 10px;
    }

    body.admin-bar,
    body.admin-bar.page-template-page-noheader {
        padding-top: 15px;
    }

    .wwg-sidenews-button {
        bottom: 147px;
        max-width: 300px;
    }

    .wwg-sidenews .wwg-sidenews-content h1 {
        font-size: 1.4rem;
    }

    .wwg-sidenews .wwg-sidenews-content h2 {
        font-size: 1.2rem;
    }

    .wwg-sidenews .wwg-sidenews-content h3,
    .wwg-sidenews .wwg-sidenews-title {
        font-size: 1rem;
    }

    .wwg-sidenews .wwg-sidenews-content {
        font-size: 0.8rem;
    }

    .article > :is(h2, h3) {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    /* body:not(.page-template-page-noheader):not(.scrolled) #TopOuter {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  } */

    .fixed-table-header th {
        font-size: 14px;
    }

    #TopOuter #Navigation {
        top: 60px;
        max-height: calc(100vh - 60px);
        max-height: calc(100dvh - 60px);
        padding: 30px 20px !important;

        max-width: 100%;
        width: 100%;
        padding-bottom: 130px !important;
    }

    body.scrolled #TopOuter #Navigation {
        top: 60px;
        max-height: calc(100vh - 60px);
        max-height: calc(100dvh - 60px);
    }

    body.admin-bar #TopOuter #Navigation {
        top: 57px;
        max-height: calc(100vh - 57px);
        max-height: calc(100dvh - 57px);
    }

    body.admin-bar.scrolled #TopOuter #Navigation {
        top: 60px;
        max-height: calc(100vh - 60px);
    }

    body #TopOuter #Navigation li {
        margin-right: 20px;
    }

    .related-posts .swiper-wrapper {
        margin-bottom: 70px;
    }

    .wp-block-lazyblock-swiper .swiper-pagination-bullets {
        margin-top: 25px !important;
    }

    .wp-block-lazyblock-posts-swiper .swiper-wrapper {
        margin-bottom: 55px;
    }

    #Toggler {
        margin-right: 20px;
    }

    .articles-search .picture-wrapper {
        height: 250px;
        margin: -20px;
        margin-bottom: 20px;
    }

    .articles-search .article {
        padding-top: 20px;
    }

    .articles-search .picture-wrapper img {
        o-object-fit: cover;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        width: 100%;
        height: 100%;
    }

    #Navigation > form.search-form .search-form-wrapper {
        margin-bottom: 10px;
    }

    .related-posts {
        margin-top: 60px;
    }

    .article-single-footer {
        padding-bottom: 40px;
        padding: 0;
        bordder: 0;
    }

    /* #ContentCategory > .button-back {
    margin: 0px !important;
  } */

    .button--effect.button-back {
        margin: 0px !important;
        margin-left: 26px !important;
        max-width: calc(100% - 26px) !important;
    }

    .article-single .article-content,
    .article-single-footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .article-single-footer > .button {
        margin-top: 20px !important;
    }

    #LangSwitch {
        margin-right: 10px;
        margin-top: 0;
    }

    body.state-nav-open {
        overflow: hidden;
    }

    /* copyright */

    .copyrights {
        margin-top: -10px;
    }

    body .accordeon-wrapper .accordeon-title {
        padding: 12px 20px;
    }

    /* articles posts */

    .related-posts {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    body.error404 #Content.content-error,
    .article-content {
        padding: 0;
    }

    body.error404 #Content.content-error > div,
    .article-content-inner {
        padding: 20px;
    }

    .article-button.button {
        max-width: 80%;
    }

    .button.button--effect::after {
        width: 48px;
        height: 48px;

        right: -23px;
    }

    .button.button--effect {
        margin-right: 23px;
        width: calc(100% - 23px);
    }
    /* .st_OneTimeMessagePlaceHolder {
    display: none !important;
  } */

    #Partners .partner--audit {
        width: 100px;
        height: 100px;
        max-height: 100px;
    }

    #NaviService ul {
        flex-direction: column;
        gap: 4px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    #NaviService li:not(:first-child)::before {
        display: none;
    }
}

/* Smaller than mobile */
@media (max-width: 360px) {
    #LangSwitch i {
        display: none;
    }

    #LangSwitch {
        margin-right: 0;
    }
}

/* ---------------- PLUGINS --------------- */

/* -- WP TABLE */

.wptb-table-container .wptb-row,
.wptb-table-container {
    background-color: white !important;
}

body table .wptb-button {
    padding: 15px 30px !important;
    border-radius: 0 !important;
    font-weight: bold !important;
    font-weight: 600 !important;
}

table .wptb-cell[colspan] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    font-weight: 600;
}

table .wptb-cell[colspan] .bi {
    margin-right: 10px;
    color: rgb(213, 52, 37);
}

table .wptb-cell[colspan] {
    border: 0 !important;
}

.wptb-table-container .bi {
    font-size: 1.3em;
}

.wptb-table-container .bi.bi-check2 {
    color: #00b507;
}

.wptb-table-container .bi.bi-x {
    color: rgb(213, 52, 37);
}

.wptb-table-container tr td:not(:first-child) {
    text-align: center !important;
}

/* Plugin: Table Press */

.tablepress.pricetable {
    /* display: block; */
    border: 20px solid white !important;
    border-top-width: 40px !important;
    border-bottom-width: 40px !important;
    margin-bottom: 0 !important;
    table-layout: fixed;
}

.tablepress.pricetable.hidden {
    display: none;
}

/* .tablepress:hover {
  box-shadow: 0px 2px 9px 3px #00000033;
  z-index: 5;
  position: relative;
} */

.tablepress.pricetable tfoot th,
.tablepress.pricetable thead th {
    background-color: var(--color-1);
}

.tablepress.pricetable a {
    background-color: var(--color-4);
    padding: 12px 25px;
    color: white;
    text-transform: uppercase;
    display: block;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    position: relative;
    border-radius: 15px;
    border-top-left-radius: 0;
}

.tablepress.pricetable a:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    background-color: var(--color-1) !important;
}

.tablepress.pricetable th,
.tablepress.pricetable td {
    border: 0 !important;
    background-color: #fff !important;
    padding: 10px 20px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tablepress.pricetable tr th:not(:first-child),
.tablepress.pricetable tr td:not(:first-child) {
    text-align: center;
}

.tablepress.pricetable tr th:not(:last-child),
.tablepress.pricetable tr td:not(:last-child) {
    border-right: 1px solid #d3d3d3 !important;
}

.tablepress.pricetable tr td {
    border-bottom: 1px solid #d3d3d3 !important;
}

.tablepress.pricetable td.empty,
.tablepress.pricetable th.empty {
    border-bottom: 0 !important;
}

.tablepress.pricetable tr th:first-child,
.tablepress.pricetable tr td:first-child {
    min-width: 30%;
}

.tablepress.pricetable > caption > a {
    display: none;
}

.tablepress.pricetable i {
    font-size: 1.5em;
    color: var(--color-1);
    line-height: normal;
}

.tablepress.pricetable i.bi-check2 {
    color: #00b507;
}

.tablepress.pricetable i.bi-x::before {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.tablepress.pricetable thead th {
    font-weight: bold;

    font-weight: 600;
    font-size: 1.2em;
}

.tablepress.pricetable thead th small {
    font-weight: normal;
    font-size: 1rem;
    line-height: normal;
}

.tablepress.pricetable .price {
    font-size: 1.6em;
    font-weight: bold;

    font-weight: 600;
}

.tablepress.pricetable .price small {
    font-size: 0.5em;
    position: relative;
    bottom: -10px;
}

.tablepress.pricetable tr th.popular {
    color: var(--color-1);
}

.tablepress.pricetable tr td.popular a,
.tablepress.pricetable tr th.popular a {
    background-color: var(--color-1);
}

.tablepress.pricetable i[data-tooltip] {
    display: inline;
    margin-left: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: -2px;
    border: 0 !important;
}

.tablepress.pricetable tr:hover td {
    background-color: var(--color-2) !important;
}

.table-trenner {
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    padding: 30px 40px;
    padding-top: 0;
    background-color: white;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.table-trenner:hover {
    opacity: 0.5;
}

.table-trenner:not(.hidden) {
    padding-bottom: 0;
}

.table-trenner td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.table-trenner i {
    color: var(--color-1);
    display: inline;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.tablepress.pricetable .table-trenner td:not(:last-child),
.tablepress.pricetable .table-trenner td {
    border: 0 !important;
    border-right: 0 !important;
}

.tablepress.pricetable .table-trenner:hover td {
    background-color: white !important;
}

.table-trenner:not(.hidden) .bi-arrow-right::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tablepress.pricetable .responsive-col {
    border-bottom: 1px solid var(--color-4) !important;
    font-weight: bold;
    display: none;
}

.fixed-table-header {
    position: fixed;
    top: 69px;
    background-color: white;
    z-index: 20;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-box-shadow: 0px 2px 9px 3px #00000033;
    box-shadow: 0px 2px 9px 3px #00000033;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    text-align: center;

    display: none;
}

body.admin-bar .fixed-table-header {
    top: 99px;
}

.fixed-table-header.enabled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fixed-table-header small {
    display: none;
}

/* .fixed-table-header th:first-child {
    min-width: 30%;
} */

.fixed-table-header th {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.fixed-table-header th.popular {
    color: var(--color-1);
}

@media screen and (max-width: 1300px) and (min-width: 1024px) {
    #Partners a {
        height: 36px;
        max-width: 100px;
    }

    #Partners {
        min-width: unset;
    }

    #FooterTop .footer-cols {
        gap: 20px;
        padding-top: 130px;
    }

    #FooterTop .footer-col {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 250px;
    }

    #FooterTop {
        font-size: 0.9rem;
    }
}

.tablepress {
    font-size: 0.9rem;
}

@media screen and (max-width: 1400px) and (min-width: 1201px) {
    .tablepress {
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 1200px) {
    .tablepress.pricetable .responsive-col {
        display: table-cell;
    }

    .fixed-table-header th:first-child,
    .tablepress.pricetable tr td:first-child {
        display: none;
    }

    .tablepress.pricetable tr td {
        border-bottom: 0 !important;
        vertical-align: align;
    }

    .tablepress.pricetable th.empty,
    .tablepress.pricetable td.empty {
        display: none;
    }

    .tablepress.pricetable .responsive-col,
    .tablepress.pricetable tr th,
    .tablepress.pricetable tr td {
        font-size: 0.85rem;
        line-height: 1.1rem;
        padding: 10px 5px !important;
    }

    .table-trenner {
        padding-left: 25px;
        padding-right: 25px;
    }

    .tablepress.pricetable .price {
        font-size: 1.2rem;
    }

    .tablepress.pricetable thead th small {
        font-size: 0.7rem;
        line-height: 1rem;
    }

    .fixed-table-header {
        font-size: 0.85rem;
        line-height: 1.1rem;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .tablepress.pricetable a {
        font-size: 0.7rem;
        padding: 15px 10px;
        /* white-space: nowrap; */
    }
}

@media screen and (max-width: 1024px) {
    #TopOuter #Navigation {
        top: 98px;
    }

    body,
    body.page-template-page-noheader {
        padding-top: 98px;
    }

    #FooterTop .footer-cols {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 30px;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 140px;
    }

    #FooterTop .footer-col {
        min-width: 300px;
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
    }

    #FooterTop .footer-cols > * {
    }
}

@media screen and (max-width: 768px) {
    .tablepress.pricetable .responsive-col,
    .tablepress.pricetable tr th,
    .tablepress.pricetable tr td {
        padding: 7px 3px !important;
    }

    .tablepress.pricetable a {
        padding: 10px;
    }

    .fixed-table-header {
        top: 71px;
    }

    body.admin-bar .fixed-table-header {
        top: 101px;
    }

    body #st_Widget.st_WidgetBR.Image {
        bottom: 50px;
    }

    body.is-support-layer #st_Widget.st_WidgetBR.Image {
        bottom: 200px;
    }

    .wp-block-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 30px;
    }
}

body.tax-support-category #ContentCategory .category-title {
    margin-bottom: 40px !important;
}

@media screen and (max-width: 550px) {
    /* .article-content-inner > h1 {
    margin-bottom: 0;
  }
  
  
  
   */

    .article-single.products > .article-content {
        padding-top: 60px !important;
    }

    body.tax-support-category #ContentCategory .category-title {
        margin-bottom: 10px !important;
    }

    body.scrolled #TopOuter nav {
        margin-top: 0;
    }

    .fixed-table-header {
        top: 60px;
    }

    body.admin-bar .fixed-table-heade {
        top: 60px;
    }

    .tablepress.pricetable a {
        padding: 10px 5px;
    }

    .table-trenner,
    .tablepress.pricetable {
        border-left: 5px solid white !important;
        border-right: 5px solid white !important;
        margin-left: -20px;
        width: calc(100% + 40px);
    }

    .table-trenner {
        padding-left: 5px;
        padding-right: 5px;
    }

    #NaviSocial a {
        width: 32px;
        height: 32px;
        font-size: 1.2em;
        margin: 3px;
    }

    footer p {
        font-size: 0.8rem;
    }

    #NaviService,
    #Copyright {
        font-size: 0.6rem;
    }

    #NaviService,
    #Copyright {
        font-size: 0.65rem;
    }

    body.page-type-landingpage #FooterTop .footer-cols {
        row-gap: 0;
    }

    body.scrolled #TopOuter .custom-logo-link,
    #TopOuter .custom-logo-link {
        height: 40px;
        margin-top: 8px;
    }

    #Partners a {
        min-width: 100px;
    }
}

/* .tablepress tr:not(:last-child):not(:first-child):not(:nth-child(2)) td:last-child {
  background-color: #eaeaea !important;
} */

/* --- TOOLTIP -- */

.tooltip-item {
    cursor: help;
    cursor: pointer;
}

.tooltip-gui {
    position: fixed;
    z-index: 900;
    background-color: var(--color-1);
    color: white;
    padding: 10px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;
    font-size: 16px;

    max-width: 250px;
    width: auto;
    text-align: left;
    -webkit-box-shadow: 2px 2px 4px 1px #00000054;
    box-shadow: 2px 2px 4px 1px #00000054;
    font-size: 0.85em;
    line-height: normal;
    pointer-events: none;
    text-align: center;
}

.tooltip-gui::after {
    content: " ";
    display: block;
}

@media (hover: none) {
    #TopOuter .menu a {
        padding-right: 40px;
    }

    #Navigation .submenu-opener {
        top: 4px;
        width: 46px;
        height: 46px;
        border: 1px solid var(--color-4);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media only screen and (max-height: 600px) and (min-width: 550px) {
    .wwg-sidenews-button {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        right: 0 !important;
        bottom: 0 !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }
    body.scrolled-bottom .wwg-sidenews-button {
        right: auto;
        bottom: -200px !important;
    }
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
    .wwg-sidenews-button {
        padding: 7px 15px;
        font-size: 15px;
        right: 10px !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    #HeaderButtons > .button {
        max-width: calc(100% - 300px);
    }

    body.is-support-layer #SupportLayer,
    body.is-support-layer.scrolled #SupportLayer {
        margin-bottom: 0;
        padding-bottom: 42px;
    }

    #HeaderButtons > .button {
        padding: 5px 10px;
        font-size: 15px !important;
    }
}