/* biryani-300 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Biryani';
    font-style: normal;
    font-weight: 300;
    src: url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
    src: url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */ url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-300.svg#Biryani') format('svg'); /* Legacy iOS */
}

/* biryani-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Biryani';
    font-style: normal;
    font-weight: 400;
    src: url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
    src: url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-regular.svg#Biryani') format('svg'); /* Legacy iOS */
}

/* biryani-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Biryani';
    font-style: normal;
    font-weight: 700;
    src: url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
    src: url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/packages/freemom/quiqqer-template/bin/fonts/biryani-v13-latin_latin-ext-700.svg#Biryani') format('svg'); /* Legacy iOS */
}

mark {
    margin: 0 -0.4em;
    padding: 0.1em 0.4em;
    border-radius: 0.8em 0.3em;
    background: transparent;
    background-image: linear-gradient(
            to right,
            rgba(255, 225, 0, 0.1),
            rgba(255, 225, 0, 0.7) 4%,
            rgba(255, 225, 0, 0.3)
    );
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.d-inline-block {
    display: inline-block !important;
}

.border-bottom {
    border-bottom: 0.125em solid currentColor;
}

.lh-1 {
    line-height: 1;
}

.overflow-hidden {
    overflow: hidden;
}

.position-relative {
    position: relative !important;
}

.color-reset {
    color: inherit !important;
}

.nosidebar-small-wrapper, .narrow-content {
    max-width: var(--max-narrow-content-width, 750px) !important;
}

html, body {
    font-size: var(--qui-fs-body);
}

.toggle-container {
    overflow: hidden;
}

body {
    color: var(--qui-body-color);
    font-family: 'Biryani', serif !important;
    font-weight: 400;
}

body .grid-container {
    max-width: var(--max-container-width);
}

h1, h2, h3, h4, h5 {
    color: var(--qui-color-secondary--light);
    font-family: 'Biryani', serif !important;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 1.38rem;
}

h1:not(:first-child),
h2:not(:first-child),
h3:not(:first-child),
h4:not(:first-child),
h5:not(:first-child) {
    margin: 3rem 0 1.38rem;
}

.heading-prefix ~ h1,
.heading-prefix ~ h2,
.heading-prefix ~ h3,
.heading-prefix ~ h4,
.heading-prefix ~ h5 {
    margin-top: 0;
}

.heading-prefix2 ~ h1,
.heading-prefix2 ~ h2,
.heading-prefix2 ~ h3,
.heading-prefix2 ~ h4,
.heading-prefix2 ~ h5 {
    margin-top: 0;
}

.bold,
.strong,
.fw-bold {
    font-weight: 800;
}

.fw-normal {
    font-weight: 300;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
    color: var(--qui-color-primary);
}

:is(h1, h2, h3,h4, h5,h6).freemom-entry-title {
    letter-spacing: 2px;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    font-size: var(--qui-fs-xs);
    color: var(--qui-color-secondary--light);
}

/* list */
.list-unstyled {
    padding-left: 0;
    list-style: none
}

/* margin y for landingpages */
.my-landingpage {
    margin-top: var(--freemom-spacing-landingpage);
    margin-bottom: var(--freemom-spacing-landingpage);
}

.mt-landingpage {
    margin-top: var(--freemom-spacing-landingpage);
}

.mb-landingpage {
    margin-bottom: var(--freemom-spacing-landingpage);
}

/* Diese Klasse brauchen wir für dashboard-area Brick zone */
/* Ich kann hier nicht pauschal "tpl-row" Klasse setzen */
/* oder pauschal padding auf .free-mom-dashboard-area-row setzen */
/* Der eingeloggte Bereich geht dadurch kaputt */
.py-landingpage {
    padding-bottom: 3rem;
    padding-top: 3rem;
}

@media screen and (max-width: 767px) {
    .py-landingpage {
        padding-bottom: 1.2em;
        padding-top: 1.2rem;
    }
}

/**********/
/* layout */
/**********/
.grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(12, 1fr);
}

.grid-col,
.grid-col-md-1,
.grid-col-md-2,
.grid-col-md-3,
.grid-col-md-4,
.grid-col-md-5,
.grid-col-md-6,
.grid-col-md-7,
.grid-col-md-8,
.grid-col-md-9,
.grid-col-md-10,
.grid-col-md-11,
.grid-col-md-12 {
    --span: 12;
    grid-column: span var(--span);
}

@media screen and (min-width: 768px) {
    .grid-col-md-1 {
        --span: 1;
    }

    .grid-col-md-2 {
        --span: 2;
    }

    .grid-col-md-3 {
        --span: 3;
    }

    .grid-col-md-4 {
        --span: 4;
    }

    .grid-col-md-5 {
        --span: 5;
    }

    .grid-col-md-6 {
        --span: 6;
    }

    .grid-col-md-7 {
        --span: 7;
    }

    .grid-col-md-8 {
        --span: 8;
    }

    .grid-col-md-9 {
        --span: 9;
    }

    .grid-col-md-10 {
        --span: 10;
    }

    .grid-col-md-11 {
        --span: 11;
    }

    .grid-col-md-12 {
        --span: 12;
    }
}

/* grid auto (even columns) */
.grid-auto {
    --gap: var(--freemom-spacing);
    display: grid;
    gap: var(--gap);
}

@media screen and (min-width: 768px) {
    .grid-auto {
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
    }
}

/*************************/
/* Highlight text effect */
/*************************/
.sketch-highlight {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-left: 0.25em;
}

.sketch-highlight:before {
    content: "";
    z-index: -1;
    left: -0.25em;
    top: 0;
    border-width: 2px;
    border-style: solid;
    border-color: white;
    position: absolute;
    border-right-color: transparent;
    width: calc(100% + 0.5em);
    height: 1.25em;
    transform: rotate(2deg);
    opacity: 0.5;
    border-radius: 0.25em;
}

.sketch-highlight:after {
    content: "";
    z-index: -1;
    left: -0.25em;
    top: 0;
    border-width: 2px;
    border-style: solid;
    border-color: white;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    width: calc(100% + 0.5em);
    height: 1.25em;
    transform: rotate(-1deg);
    opacity: 0.5;
    border-radius: 0.25em;
}

/* circle sketch */
.circle-sketch-highlight {
    position: relative;
    z-index: 1;
    display: inline-block;
    /* margin-left: 0.25em; */
}

.circle-sketch-highlight:before {
    content: "";
    z-index: -1;
    left: -0.5em;
    top: -0.1em;
    border-width: 0.1em;
    border-style: solid;
    border-color: #fff;
    position: absolute;
    border-right-color: transparent;
    width: calc(100% + 0.5em);
    height: 1.1em;
    transform: rotate(2deg);
    opacity: 0.7;
    border-radius: 50%;
    padding: 0.2em 0.25em;
}

.circle-sketch-highlight:after {
    content: "";
    z-index: -1;
    left: -0.5em;
    top: 0.025em;
    padding: 0.25em 0.25em;
    border-width: 0.1em;
    border-style: solid;
    border-color: #fff;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    width: calc(100% + 0.5em);
    height: 1.1em;
    transform: rotate(-3deg);
    opacity: 0.7;
    border-radius: 50%;
}

/* arrow highlight */
.arrow-highlight {
    position: relative;
    margin: 0 0.5em;
    padding: 0 0.2em;
}

.arrow-highlight:before {
    content: "";
    z-index: -1;
    left: -0.5em;
    top: 0.1em;
    border-width: 0.5em;
    border-style: solid;
    border-color: orange;
    position: absolute;
    width: calc(100% - 0.5em);
    border-left-color: transparent;
}

.arrow-highlight:after {
    content: "";
    z-index: -1;
    right: 0;
    top: 0.1em;
    border-width: 0.5em;
    border-style: solid;
    border-color: orange;
    position: absolute;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    transform: rotate(180deg);
    transform-origin: center right;
}

/* realistic marker highlight */
.realistic-marker-highlight {
    position: relative;
}

.realistic-marker-highlight:before {
    content: "";
    background-color: #ff6db7;
    width: 100%;
    height: 1em;
    position: absolute;
    z-index: -1;
    filter: url(#marker-shape);
    left: -0.25em;
    top: 0.1em;
    padding: 0 0.25em;
}


/********/
/* Page */
/********/
/* less space between page title and page short */
@media screen and (min-width: 768px) {
    .content-header + .content-short {
        margin-top: -1.5rem;
    }
}

/**************/
/* breadcrumb */
/**************/
.template-breadcrumb {
    background: none !important;
    border: none !important;
    margin-top: 1rem;
}

body .template-breadcrumb .quiqqer-breadcrumb ul li:last-child a span:last-child {
    color: var(--qui-color-body) !important;
    border-bottom: 2px solid var(--qui-color-primary);
    transition: all 0.2s ease;
}

body .template-breadcrumb .quiqqer-breadcrumb ul li:last-child a:hover span:last-child,
body .quiqqer-breadcrumb a:hover {
    color: var(--qui-color-primary) !important;
}

/*********/
/* table */
/*********/
table {
    --freemom-table-border-color: #e2e2e2;
    border-radius: var(--freemom-border-radius-sm);
    overflow: hidden;
    padding: 4px;
    font-size: var(--qui-fs-sm);
}

table tr {
    background: #fff;
}

table > thead > tr {
    border-color: #aaa;
}

table tr > th {
    font-size: var(--qui-fs-sm);
    text-align: left;
}

table tr > td {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
}

.table-narrow-content {
    width: 50px;
}

.table-projectData {
    width: 35%;
}

.table-long-content {
    width: 200px;
}

.table-buttons {
    min-width: 15rem;
}

.table-buttons > .btn {
    white-space: nowrap;
    margin-bottom: 0.25em;
}

table:not(.data-table) tbody tr:hover {
    background-color: var(--freemom-bg-light);
}

td.freemom-table-deleteCell {
    text-align: right;
}

table.table-simple th,
table.table-simple td {
    border-left-width: 0;
    border-right-width: 0;
    vertical-align: top;
}

table.table-simple > thead > tr {
    border-top-width: 0;
}

table.table-simple > tbody > tr {
    border-bottom: none;
}

table.table-simple > tbody > tr:not(:first-child) {
    border-color: var(--freemom-table-border-color);

}

@media screen and (hover: hover) {
    table tr:not(:hover) .btn-icon__transparent {
        filter: grayscale(1);
        opacity: 0.5;
    }
}

/* table mobile */
@media screen and (max-width: 767px) {
    table thead {
        display: none;
    }

    table > tbody > tr {
        background-color: #fff;
        border: none;
        border-radius: var(--freemom-border-radius-sm);
        display: block;
        margin-bottom: var(--freemom-spacing);
        overflow: hidden;
        position: relative;
    }

    table > tbody > tr > td {
        display: block;
        padding: 0.25rem 0.5rem;
        width: 100% !important;
    }

    table > tbody > tr > td:not(:first-child) {
        border-top: 1px dashed #ddd;
    }

    table > tbody > tr > td:before {
        color: var(--qui-color-muted);
        content: attr(data-label);
        display: inline-block;
        background-color: transparent;
        margin-right: 0;
        text-align: left;
        padding: 0;
        width: 100%;
        font-size: var(--qui-fs-xs);
    }

    table > tbody > tr > .free-mom-status:before,
    table > tbody > tr > .free-mom-jobAds-profile-list-status:before,
    table > tbody > tr > .free-mom-jobAds-profile-list-applications:before {
        width: auto;
        margin-right: 0.5rem;
    }
}

/* table wrapper scrollbar */
.table-container-scrollbar {
    width: 100%;
    overflow-y: auto;
}

.table-container-scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
}

.table-container-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
}

/**************/
/* QUI Switch */
/**************/
.qui-switch.qui-switch {
    background: #bdb5b5 !important;
    border: 5px solid #bdb5b5;
    box-shadow: none;
    float: none;
    display: inline-flex;
}

.qui-switch.qui-switch[data-status="1"] {
    background: var(--qui-color-primary) !important;
    border-color: var(--qui-color-primary) !important;
}

.qui-switch.qui-switch .qui-switch-off,
.qui-switch.qui-switch .qui-switch-on {
    color: #fff;
    font-size: 12px;
    padding: 0 8px;
}

.qui-switch.qui-switch .qui-switch-button {
    box-shadow: none;
}

/***********/
/* buttons */
/***********/
button:not([name="close"]), .button:not([name="close"]), input[type='submit'], input[type='reset'], input[type='button'], button:disabled, a.template-button, button.qui-button {
    font-weight: bold;
    letter-spacing: 0 !important;
    line-height: inherit;
    border-radius: 0.25rem;
}

.button .fa:not(:only-child):last-child,
button .fa:not(:only-child):last-child {
    margin-left: 0.5em;
}

.button-cta .fa {
    animation-delay: 1s;
    animation-duration: 2s;
    animation-iteration-count: 50;
    animation-name: tilt-shaking;
    animation-timing-function: ease-out;
    margin-left: 1rem;
}

@keyframes tilt-shaking {
    0% {
        transform: rotate(0deg);
    }
    5% {
        transform: rotate(15deg);
    }
    10% {
        transform: rotate(0deg);
    }
    15% {
        transform: rotate(-20deg);
    }
    25% {
        transform: rotate(7deg);
    }
    30% {
        transform: rotate(-10deg);
    }
    35% {
        transform: rotate(2deg);
    }
    40% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.quiqqer-tags-input .qui-button--no-icon {
    background: #ededed !important;
}

.link,
.link-secondary {
    display: inline-block;
    font-weight: bold;
}

.link:hover, .link-secondary:hover {
    filter: brightness(0.9);
}

.link-secondary:not(:hover) {
    color: var(--qui-color-secondary);
}

:is(.link, .link-secondary).animateIcon > .fa:last-child {
    margin-left: 0.5em;
    transition: 0.2s transform ease;
}

:is(.link, .link-secondary).animateIcon:hover > .fa:last-child,
:is(.link, .link-secondary).animateIcon:focus > .fa:last-child {
    transform: translateX(0.5rem);
}

/*
  1. font biryani is no centered vertical, therefore padding bottom is smaller
 */
button,
.btn-social-alt, /* icon left, label right */
.btn,
:is(a, button, .button, .btn):is(.btn-alt, .btn-primary, .btn-add, .btn-secondary, .btn-alt-secondary, .btn-success, .btn-danger, .btn-delete, .btn-alt-delete, .btn-dark, .btn-alt-dark, .btn-light, .btn-white, .btn-inline, .btn-inline-light),
:is(a, button, .button, .btn):is(.btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-danger, .btn-outline-light, .btn-outline-dark, .btn-outline-white) {
    font-weight: 400;
    display: inline-block;
    font-family: 'Biryani', serif;
    border-radius: 0.5rem;
    cursor: pointer;
    height: auto;
    line-height: var(--qui-line-height);
    padding: 0.75em 1em 0.5em; /* 1 */
    text-align: center;
    transition: var(--qui-transition-fast);
    font-size: var(--qui-fs-body);
    border: 2px solid var(--qui-color-main);
}

:is(a, button, .button, .btn):is(.btn-add, .btn-delete) {
    border-color: transparent;
}

:is(a, button, .button):is(.btn, .btn-alt, .btn-primary, .btn-icon, .btn-add, .btn-delete, .btn-inline, .btn-inline-light) > .fa {
    font-size: inherit;
    width: 1em;
}

button:hover,
:is(a, button, .button):is(.btn-alt, .btn-primary, .btn-secondary, .btn-success, .btn-add, .btn-delete, .btn-danger, .btn-light, .btn-white, .btn-inline, .btn-inline-dark, .btn-inline-light):hover,
.btn-information:hover {
    filter: brightness(0.95);
}

/* btn sizing */
:is(a, button, .button, .btn):is(.btn-alt__sm, .btn__sm, .btn-sm) {
    padding: 0 0.75em;
    padding: 0.25em 0.75em 0;
    font-size: var(--qui-fs-sm);
}

:is(a, button, .button, .btn):is(.btn-full) {
    width: 100%;
}

/* button with icon */
:is(.btn-icon-right, .btn-icon-left) > .fa {
    vertical-align: middle;
}

.btn-icon-right > .fa {
    margin-left: 0.5em;
}

.btn-icon-left > .fa {
    margin-right: 0.5em;
}

/***********************/
/* btn styles: default */
/***********************/
:is(a, button, .button):is(.btn-alt, .btn-primary),
:is(a, button, .button):is(.btn-alt, .btn-primary).qui-button {
    color: #fff;
    background-color: var(--qui-color-main);
    border-color: var(--qui-color-main);
}

:is(a, button, .button).btn-secondary,
:is(a, button, .button).btn-secondary.qui-button {
    background-color: #e6e8eb;
    border-color: #e6e8eb;
    color: var(--qui-color-body);
}

:is(a, button, .button):is(.btn-add, .btn-success),
:is(a, button, .button):is(.btn-add, .btn-success).qui-button {
    background: #c9ed99;
    border-color: #c9ed99;
    color: #444c38;
}

:is(a, button, .button):is(.btn-danger),
:is(a, button, .button):is(.btn-delete),
:is(a, button, .button):is(.btn-delete).qui-button {
    background: #f9e4e5;
    border-color: #f9e4e5;
    color: #af1e27;
}

:is(a, button, .button).btn-warning,
:is(a, button, .button).btn-warning.qui-button {
    color: var(--qui-color-body);
    background-color: var(--freemom-color-attention);
    border-color: var(--freemom-color-attention);
}

:is(a, button, .button).btn-info,
:is(a, button, .button).btn-info.qui-button {
    color: #fff;
    background-color: var(--qui-message-information-color);
    border-color: var(--qui-message-information-color);
}

:is(a, button, .button).btn-dark,
:is(a, button, .button).btn-dark.qui-button {
    color: #fff;
    background-color: #1a1f26;
    border-color: #1a1f26;
}

:is(a, button, .button).btn-light,
:is(a, button, .button).btn-light.qui-button {
    background-color: #e6e8eb;
    border-color: #e6e8eb;
    color: var(--qui-color-body);
}

:is(a, button, .button).btn-white,
:is(a, button, .button).btn-white.qui-button {
    background-color: #fff;
    border-color: #fff;
    color: var(--qui-color-body);
}

:is(a, button, .button).btn-light[disabled]:hover,
:is(a, button, .button).btn-light[disabled]:active {
    border-color: #e6e8eb;
}

:is(a, button, .button).btn-inline,
:is(a, button, .button).btn-link {
    color: var(--qui-color-main);
    background-color: transparent;
    border-color: transparent;
}

:is(a, button, .button).btn-inline-light {
    color: var(--qui-color-muted);
    background-color: transparent;
    border-color: transparent;
}

:is(a, button, .button).btn-inline-white {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

:is(a, button, .button).btn-inline-dark,
:is(a, button, .button).btn-link-dark {
    color: var(--qui-color-body);
    background-color: transparent;
    border-color: transparent;
}

/* extra hover styling for this button */
:is(a, button, .btn, .button):is(.btn-inline-dark):hover {
    filter: opacity(0.75);
}

/***********************/
/* btn styles: outline */
/***********************/
:is(a, button, .button):is(.btn-outline-primary),
:is(a, button, .button):is(.btn-outline-primary).qui-button {
    background-color: transparent;
    border-color: var(--qui-color-main);
    color: var(--qui-color-main);
}

:is(a, button, .button).btn-outline-secondary,
:is(a, button, .button).btn-outline-secondary.qui-button {
    background-color: transparent;
    border-color: #e6e8eb;
    color: #e6e8eb;
}

:is(a, button, .button):is(.btn-outline-success),
:is(a, button, .button):is(.btn-outline-success).qui-button {
    background-color: transparent;
    border-color: #444c38;
    color: #c9ed99;
}

:is(a, button, .button):is(.btn-outline-danger) {
    background-color: transparent;
    border-color: #af1e27;
    color: #af1e27;
}

:is(a, button, .button):is(.btn-outline-warning),
:is(a, button, .button):is(.btn-outline-warning).qui-button {
    background-color: transparent;
    border-color: var(--freemom-color-attention);
    color: var(--freemom-color-attention);
}

:is(a, button, .button):is(.btn-outline-info),
:is(a, button, .button):is(.btn-outline-info).qui-button {
    background-color: transparent;
    border-color: var(--qui-message-information-color);
    color: var(--qui-message-information-color);
}

:is(a, button, .button).btn-outline-light,
:is(a, button, .button).btn-outline-light.qui-button {
    background-color: transparent;
    border-color: #e6e8eb;
    color: #e6e8eb;
}

:is(a, button, .button).btn-outline-dark,
:is(a, button, .button).btn-outline-dark.qui-button {
    background-color: transparent;
    border-color: var(--qui-color-body);
    color: var(--qui-color-body);
}

:is(a, button, .button).btn-outline-white,
:is(a, button, .button).btn-outline-white.qui-button {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

/* btn-social-alt */
.btn-social-alt {
    text-align: left;
    white-space: nowrap;
    padding: 0;
    color: var(--brand-color);
}

.btn-social-alt-icon {
    padding: 0.5em 0.75em;
    background-color: var(--brand-color);
    color: #fff;
}

.btn-social-alt-label {
    padding: 0.5em 0.75em;
}

.btn-social-alt.btn-linkedin {
    --brand-color: #0077b5;
}

/* btn container */
.btn-container {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap, var(--freemom-gap));
}

.btn-container--sm {
    --gap: 1rem;
}

.btn-container--xs {
    --gap: 0.5rem;
}

.btn-container--center {
    justify-content: center;
}

.btn-container--fullWidth > * {
    flex: 1 0 100%;
}

@media screen and (max-width: 767px) {
    .btn-container--mobileFullWidth > * {
        flex: 1 0 100%
    }
}

:is(a, button, .button)[disabled],
:is(a, button, .button)[disabled]:hover,
:is(a, button, .button)[disabled]:active {
    opacity: 0.5;
    cursor: default;
}

/* extra btn information */
.btn-information {
    display: inline-block;
    text-align: center;
    padding-inline: 0.75em;
    background-color: var(--qui-message-information-color);
    color: #fff;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: var(--qui-transition-fast);
    border: 2px solid var(--qui-message-information-color);
}

span.btn-information {
    cursor: help;
}

.btn-information:after {
    content: "\f129";
    font-family: "FontAwesome";
}

/* END Buttons */

img, picture {
    max-width: 100%;
}

.page-footer p {
    text-align: left;
}

/* Fix: Blurry downscaled images in Chrome */
/* https://stackoverflow.com/a/69137897 */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    img {
        image-rendering: -webkit-optimize-contrast !important;
    }
}

/* Unset for Safari 11+ */
@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        img {
            image-rendering: unset !important;
        }
    }
}

.heading-effect {
    color: var(--qui-color-primary);
}

.heading-prefix {
    letter-spacing: 3px;
    opacity: 0.25;
    padding: 0;
    text-transform: uppercase;
    text-align: left;
}

.tpl-presentation-row {
    border-bottom: none !important;
}


.slideout-panel,
.body-container {
    display: flex !important;
    flex-direction: column;
    min-height: 100vh;
}

.page-footer {
    margin-top: auto;
}

/***********/
/* helpers */
/***********/
.lead {
    font-size: 1.25rem;
}

.freemom-thinText {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
}

.mb-0,
.content-body .mb-0 {
    margin-bottom: 0;
}

.mt-0,
.content-body .mt-0 {
    margin-top: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.pt-0 {
    padding-top: 0;
}

/* helpers: color */
.text-primary {
    color: var(--qui-color-main);
}

/* helpers: width */
.mx-1200 {
    max-width: 1200px;
    margin-inline: auto;
}

.mx-900 {
    max-width: 900px;
    margin-inline: auto;
}

.text-w-30 {
    max-width: 30ch;
    margin-inline: auto !important;
}

.text-w-40 {
    max-width: 40ch;
    margin-inline: auto !important;
}

.text-w-50 {
    max-width: 50ch;
    margin-inline: auto !important;
}

.text-w-60 {
    max-width: 60ch;
    margin-inline: auto !important;
}

.text-w-70 {
    max-width: 70ch;
    margin-inline: auto !important;
}

.text-center {
    text-align: center;
}

/*************/
/* newspaper */
/*************/
.newspaper {
    column-gap: 2rem;
    column-count: 2;
}

@media screen and (max-width: 767px) {
    .newspaper,
    .newspaper-2 {
        column-count: 1;
    }
}

/*************/
/* FAQ sites */
/*************/
/* FAQ - first category page */
.freemom-faq-firstCategory .content-template-faq-list .wrapper {
    justify-content: center;
    max-width: clamp(1000px, 80%, 2000px);
    margin-inline: auto;
}

.freemom-faq-firstCategory .content-template-faq-list-category ul li:before {
    background: #fff !important;
    opacity: 1;
}

/* END FAQ - first category page */

.content-template-faq-list-category ul {
    margin-top: 1rem;
}

.content-template-faq-list-category {
    background: var(--freemom-bg-light) !important;
    border-radius: 1rem;
    padding: 1.5rem !important;
    margin: 1rem !important;
    width: clamp(220px, calc(50% - 40px), 100%) !important;
    flex-grow: 1;
}

.content-template-faq-list-category > h2 {
    font-size: var(--qui-fs-md);
    padding-bottom: 0.25em;
}

.content-template-faq-list-category h2:after {
    width: 2em !important;
    transition-duration: 0.2s !important;
}

.content-template-faq-list-category:hover h2:after {
    width: 3rem !important;
}

.content-template-faq-list-category .content-short {
    font-size: var(--qui-fs-sm);
    margin-bottom: 0.25rem !important;
}

.content-template-faq-list-category .button {
    align-self: flex-start !important;
    background: none !important;
    border: none !important;
    color: var(--qui-color-main) !important;
    padding: 0 !important;
}

.content-template-faq-list-category .button.button-arrow:after {
    display: none;
}

.quiqqer-faq-list li:hover:before,
.content-template-faq-list-category ul li:hover:before {
    background: var(--qui-color-main) !important;
    opacity: 1;
}

/* FAQ List */
.content-template.quiqqer-faq.clear-fix article > header > h2 {
    font-size: var(--qui-fs-lg);
}

/**********************/
/* Sidebar navigation */
/**********************/
.quiqqer-navigation-level-1 {
    border-radius: 1rem;
    padding: 1rem !important;
    background: var(--freemom-bg-light);
}

.quiqqer-navigation-level-1 > li {
    border-bottom: none !important;
}


.quiqqer-fa-list-icon.quiqqer-fa-levels-icon {
    width: 2rem;
    line-height: 2rem;
    flex-shrink: 0;
    padding: 0;
    margin-right: 0.5em;
    color: var(--qui-color-main);
    border-radius: 0.25rem;
    text-align: center;
}

.quiqqer-navigation-active {
    font-weight: bold;
}

.quiqqer-sidebar-dropdown-navigation ul li {
    margin-block: 0;
}

ul.quiqqer-navigation-level-2 .quiqqer-navigation-entry {
    margin-left: 2rem !important;
    padding-block: 0.25rem !important;
    font-size: var(--qui-fs-sm);
}

/**********************************************/
/* max content width for text and image brick */
/* please use .content-mw-600 class********** */
/**********************************************/
.content-mw-600 .quiqqer-textImage-content-inner {
    max-width: var(--max-width-600, 600px);
}

/***********************************************************/
/* place text on the top and image on the bottom on mobile */
/***********************************************************/
@media screen and (max-width: 767px) {
    .mobile-text-on-top .quiqqer-textImage {
        flex-direction: column-reverse !important;
    }
}

/******************/
/* simple contact */
/******************/
.quiqqer-simple-contact label {
    margin-top: 1rem;
}

/********/
/* Menu */
/********/
body .header-bar {
    box-shadow: none !important;
    z-index: 100;
}


body .header-bar .grid-container {
    max-width: 100%;
}

@media screen and (min-width: 1920px) {
    body .header-bar .grid-container {
        margin-left: 3rem;
        margin-right: 3rem;
    }
}

body .header-bar-inner {
    margin: 0 3rem;
    max-width: 100%;
}

body .quiqqer-menu-megaMenu,
body .quiqqer-menu-megaMenu-list .quiqqer-menu-megaMenu-list-item {
    font-weight: 400;
    line-height: inherit !important;
    display: flex;
    align-items: center;
    height: var(--qui-nav-height);
}

body .quiqqer-menu-megaMenu nav {
    display: flex;
    width: 100%;
}

body .quiqqer-menu-megaMenu-list {
    margin-left: 1rem;
    justify-content: flex-end;
}

body .freemom-menuBar--nobody .quiqqer-menu-megaMenu-list {
    justify-content: flex-start;
}

body .quiqqer-menu-megaMenu-list-item:hover {
    background-color: transparent;
}

body .quiqqer-menu-megaMenu-list-item-inner {
    padding-left: 1rem;
    padding-right: 1rem;
}

.quiqqer-menu-megaMenu {
    font-family: 'Biryani', serif !important;
    font-size: var(--qui-fs-sm);
}

body .quiqqer-menu-megaMenu-list-item-menu {
    border: 1px solid var(--freemom-border-color);
    box-shadow: none;
    padding-top: 10px;
}

.quiqqer-menu-megaMenu-list-item-menu {
    border-radius: 0.5rem;
}

body .quiqqer-menu-megaMenu-children-simple:after {
    border-bottom-color: var(--freemom-border-color);
    top: -19px;
    border-width: 10px;
    z-index: -1;
    left: 2rem;
}

.quiqqer-menu-megaMenu a:hover {
    color: var(--qui-color-primary) !important;
}

@media screen and (max-width: 767px) {
    body .header-bar-inner {
        margin: 0;
    }
}

/* hide menu and search input with .hideDesktopNavigation class */
.hideDesktopNavigation .quiqqer-menu-megaMenu .megaMenu-hide-on-mobile {
    display: none !important;
}

.hideDesktopNavigation .freemom-menuBar__search  {
    display: none !important;
}

/*****************************/
/* Extra styling for submenu */
/*****************************/
.quiqqer-menu-megaMenu-children-simple {
    width: 320px !important;
}

.quiqqer-menu-megaMenu-children-simple-entry:not(:first-child) > a:not(:hover) {
    color: var(--qui-color-secondary);
}

.quiqqer-menu-megaMenu-children-simple-entry:not(:first-child) > a:after {
    font-size: var(--qui-fs-xs);
    display: block;
    font-weight: 400;
    line-height: 1.6;
    color: #6C7D8D;
}

.quiqqer-menu-megaMenu-children-simple-entry:first-child > a {
    color: var(--qui-color-main) !important;
    font-weight: bold;
}

.quiqqer-menu-megaMenu-children-simple-entry:first-child > a:after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 0.5em;
}

/* mobile */
@media screen and (max-width: 767px) {
    .slideout-menu .page-navigation-level-2 li:first-child .quiqqer-navigation-entry > a {
        color: var(--qui-color-main) !important;
    }
    .slideout-menu .page-navigation-level-2 li:not(:first-child) .quiqqer-navigation-entry > a > .left-menu-text:after {
        font-size: var(--qui-fs-xs);
        display: block;
        font-weight: 400;
        line-height: 1.6;
        opacity: 0.5;
    }
}

/********************/
/* qui context menu */
/********************/
.freemom-menuBar {
    transition: none !important;
}

.freemom-menuBar-contextMenu.qui-contextmenu {
    font-family: 'Biryani', serif;
    font-size: var(--qui-fs-sm);
    font-weight: bold;
}

.freemom-menuBar-contextMenu.qui-contextmenu .qui-contextitem {
    border-bottom: none;
}

.freemom-menuBar-contextMenu.qui-contextmenu .qui-contextitem .qui-contextitem-container {
    font-size: var(--qui-fs-sm);
}

.freemom-menuBar-contextMenu.qui-contextmenu .qui-contextitem-icon {
    width: 40px;
    line-height: 40px;
}

.freemom-menuBar-contextMenu.qui-contextmenu .qui-contextitem-text {
    color: var(--qui-nav-color);
    padding-left: 0;
    width: calc(100% - 40px);
}

.freemom-menuBar-contextMenu.qui-contextmenu .qui-contextitem,
.freemom-menuBar-contextMenu.qui-contextmenu .qui-contextitem-container {
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.freemom-menuBar-contextMenu.qui-contextmenu .qui-contextitem-active {
    background-color: transparent;
    color: var(--qui-color-main);
}

.freemom-menuBar-contextMenu.qui-contextmenu .qui-contextitem-active .qui-contextitem-text,
.freemom-menuBar-contextMenu.qui-contextmenu .qui-contextitem-active .fa {
    color: inherit;
}

.qui-context-corner-topRight.qui-contextmenu:after {
    background-color: var(--qui-nav-bg-lighter) !important;
}

/* freemom nav inbox counter batch */
.freemom-navInboxBatch {
    transform: translate(-10%, -70%);
    position: absolute;
    top: 0;
    right: 0;
}

.freemom-mobileMenuBarIcon {
    font-size: var(--qui-fs-xs) !important;
    position: absolute;
    left: 25%;
    top: -0.5rem;
}

.freemom-mobileNavInboxBatch {
    position: absolute;
    left: 100%;
    top: -0.75em;
}

/*********/
/* Batch */
/*********/
.batch {
    --background: var(--freemom-color-danger);
    --color: #fff;
    color: var(--color);
    background-color: var(--background);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    display: inline-block;
    font-size: 0.75em;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    line-height: 1;
    padding: 0.35em 0.65em;
}

.batch.batch-rounded {
    border-radius: 20rem;
}

.batch-topRight {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 100%;
    top: 0;
}

.batch-sm {
    font-size: var(--qui-fs-sm);
}

.batch-xs {
    font-size: var(--qui-fs-xs);
}

.batch-md {
    font-size: var(--qui-fs-md);
}

.batch-primary {
    --background: var(--qui-color-primary);
    --color: #fff;
}

.batch-secondary {
    --background: var(--qui-color-secondary);
    --color: #fff;
}

.batch-danger {
    --background: var(--freemom-color-danger);
    --color: #fff;
}

.batch-success {
    --background: var(--freemom-color-success);
    --color: #fff;
}

/********/
/* free mom header customizing */
/********/

/**********/
/* footer */
/**********/
@media screen and (max-width: 767px) {
    .page-footer-container > .grid-children > .grid-children-container {
        display: flex;
        flex-wrap: wrap;
    }

    .freemom-footer-logo {
        width: 100%;
    }
}

/* footer background light */
.brick-container__footer--backgroundLight {
    background-color: #f1f3f7;
}

.footer--backgroundLight {
    margin-top: 4rem;
}

.footer__separator {
    margin-bottom: 10rem;
    margin-top: 0;
    border-top-color: #111;
}

@media screen and (max-width: 767px) {
    .footer--backgroundLight {
        margin-top: 2rem;
    }

    .footer__separator {
        margin-bottom: 4rem;
    }
}

body .page-footer {
    background-color: #f1f3f7;
    font-size: var(--qui-fs-sm);
}

.page-footer-social > p {
    margin-bottom: 0;
}

.page-footer-social a {
    display: inline-block;
    text-decoration: none !important;
}

.address-social .fa,
.page-footer-social .fa {
    align-items: center;
    background: #fff;
    border-radius: 5px;
    color: #aaa;
    display: inline-flex;
    font-size: 1.25rem;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
    margin-right: 0.5em;
}

.address-social .fa-facebook:hover,
.page-footer-social .fa-facebook:hover {
    background-color: #1877f2;
    color: #fff;
}

.address-social .fa-linkedin:hover,
.page-footer-social .fa-linkedin:hover {
    background-color: #0077b5;
    color: #fff;
}

.address-social .fa-instagram:hover,
.page-footer-social .fa-instagram:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    color: #fff;
}

body .page-footer-copyright {
    display: flex;
    justify-content: center;
    text-align: center;
}

body .page-footer-copyright-left {
    font-size: 0.75rem;
}

body .page-footer a:not(.button, button):hover {
    text-decoration: none;
    transition: none;
}

body .page-footer ul li a:not(:hover) {
    color: #574846;
}

/* page footer heading styling */
.page-footer h5 {
    position: relative;
    font-size: 1rem;
    text-transform: uppercase;
}

.page-footer h5:after {
    background: var(--qui-color-main);
    bottom: -5px;
    content: '';
    height: 3px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    width: 30px;
}

/* copyright */
.page-footer-copyright-right {
    display: flex;
    align-items: center;
}

.page-footer-copyright-right-inner {
    font-size: var(--qui-fs-xs);
    width: 100%;
}

.page-footer-copyright-right-inner a:after {
    display: none;
}

.page-footer-copyright-right-inner a {
    font-weight: inherit;
}

.page-footer-copyright-right-inner a:not(:hover, :focus) {
    color: #574846;
}

/******************/
/* Simple Contact */
/******************/
.freemom-SimpleContact-formBottomInfo {
    margin-top: 2rem;
}

/*******************/
/* Startage teaser */
/*******************/
.freemom-starpage-teaser .wallpaperTextArrow {
    background-position: -200px;
}

.freemom-starpage-teaser .wallpaperTextArrow .grid-container {
    background-position: 400px 50%;
    margin-left: auto;
    max-width: 50%;
}

.freemom-starpage-teaser .wallpaperTextArrow-content-left {
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .freemom-starpage-teaser .wallpaperTextArrow {
        height: 100%;
        min-height: 100vh;
    }

    .freemom-starpage-teaser .wallpaperTextArrow-content-left {
        padding: 2rem 1rem;
    }

    .freemom-starpage-teaser .wallpaperTextArrow-content-right {
        display: block;
        margin-bottom: 3rem;
        margin-top: 0;
    }

    .freemom-starpage-teaser .wallpaperTextArrow-content-right img {
        max-height: 260px;
        max-width: calc(100% - 2rem);
        object-fit: cover;
    }

    .freemom-starpage-teaser .wallpaperTextArrow {
        background: none !important;
    }

    .freemom-starpage-teaser .wallpaperTextArrow .grid-container {
        background-position: -400px 60%;
        background-size: 700px;
        max-width: 100%;
        padding: 0;
    }

    .freemom-starpage-teaser .wallpaperTextArrow-arrow {
        display: none;
    }
}

/**********************************************************************************/
/* Hero / Header brick with extra design ******************************************/
/* https://dev.quiqqer.com/pcsg/kunden/freemom/umsetzung/-/issues/500#note_170160 */
/**********************************************************************************/
.freemom-hero-design .quiqqer-textImage-content-inner {
    background: var(--freemom-bg-light);
    padding: var(--freemom-spacing);
    border-radius: 1rem;
}

.freemom-hero-design .quiqqer-textImage-image {
    justify-content: flex-end;
}

.freemom-hero-design .quiqqer-textImage-box > picture > img {
    display: block;
}

@media screen and (min-width: 768px) {
    .freemom-hero-design .quiqqer-textImage-content-inner {
        position: absolute;
        z-index: 1;
        padding: var(--freemom-spacing) calc(2.5 * var(--freemom-spacing));
        margin-right: 20px;
        max-width: max(45rem, 43%);
        width: 100%;
    }

    .freemom-hero-design .quiqqer-textImage-image {
        justify-content: flex-end;
    }
}

/* tablet: wegen position absolute und viel Text muss der margin top */
/* damit der Text nicht oben abgeschnitten wird */
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .freemom-hero-design {
        margin-top: 10vw;
    }
}

.freemom-hero-design--waves {
    background-image: url('/media/cache/freemom/Assets/wavesOpacity-grey-optimized.svg');
    background-position: bottom center;
    background-repeat: repeat no-repeat;
    background-size: 1920px 160px;
    padding-bottom: 90px !important;
}

/* extra class to hide image in textAndImage brick */
@media screen and (max-width: 767px) {
    .mobile-hide-image .quiqqer-textImage-image {
        display: none !important;
    }
}

/******************/
/* Startpage hero */
/******************/
.freemom-startpage-hero .quiqqer-textImage-content-inner {
    max-width: var(--max-width-600, 600px);
}

/*************************************/
/* Narrow content for text and image */
/*************************************/
.freemom-narrow-content .quiqqer-textImage-content-inner {
    max-width: var(--max-width-600, 600px);
}

/******************************/
/* For companies - advantages */
/******************************/
@media screen and (min-width: 768px) {
    .brick-container__freemom-forCompanies-advantages {
        margin: 5rem 0;
    }

    .freemom-forCompanies-advantages .quiqqer-textImage-image {
        justify-content: flex-end;
        margin-left: auto;
        max-width: calc(500px + 20px);
    }
}

/*************************/
/* For company: about us */
/*************************/
.freemom-forCompanies-aboutUs .wallpaperText-container-content {
    color: #fff;
    padding: 0 2rem;
    width: 100%;
}

.freemom-forCompanies-aboutUs picture {
    height: initial !important;
    width: initial !important;
}

.freemom-forCompanies-aboutUs .wallpaperText-container-content h2 {
    color: #FF8273;
}

.freemom-forCompanies-aboutUs-logo {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.freemom-forCompanies-aboutUs-aboutUsImage {
    border: 5px solid #fff;
    float: left;
    height: auto !important;
    margin-right: 3rem;
    max-width: 500px;
}

@media screen and (max-width: 900px) {
    .freemom-forCompanies-aboutUs-aboutUsImage {
        float: none;
        margin-right: 0;
        margin-top: 3rem;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .brick-container__freemom-forCompanies-aboutUs .grid-container {
        padding: 0;
    }

    .freemom-forCompanies-aboutUs .wallpaperText-container-content {
        padding: 0 20px;
    }

    .freemom-forCompanies-aboutUs-logo {
        display: block;
        margin: 2rem auto 0;
        position: initial;
    }

    .freemom-forCompanies-aboutUs-aboutUsImage {
        margin-top: 1rem;
    }
}

/**************************************/
/* Coming Soon page - about free mom  */
/**************************************/
.freemom-comingSoon-aboutFreeMom img {
    border-radius: 3rem;
}

@media screen and (min-width: 768px) {
    .freemom-comingSoon-aboutFreeMom .text-newspapper {
        column-count: 2;
        column-gap: 2rem;
        margin: 0 auto;
        max-width: 900px;
    }
}

@media screen and (max-width: 767px) {
    .freemom-comingSoon-aboutFreeMom img {
        height: auto !important;
        max-width: 400px;
        width: auto !important;
    }

    .freemom-comingSoon-aboutFreeMom img {
        border-radius: 2rem;
    }

    .freemom-comingSoon-aboutFreeMom img,
    .freemom-comingSoon-aboutFreeMom picture {
        height: auto !important;
        max-width: 100%;
        width: auto !important;
    }
}

/*****************************/
/* Coming Soon page - banner */
/*****************************/
.freemom-comingSoon-banner {
    /*color: #fff;*/
}

.freemom-comingSoon-banner .wallpaperText {
    background-position: calc(100% + 400px) 100%;
    background-repeat: no-repeat;
    background-size: 800px;
    border: 4px solid #ccc2d3;
    border-radius: 3rem;
}

.freemom-comingSoon-banner .wallpaperText-container-content .button {
    margin: 1rem;
}

.freemom-comingSoon-banner .wallpaperText .wallpaperText-container-content {
    max-width: 800px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .freemom-comingSoon-banner {
        margin-top: 5rem;
    }

    .freemom-comingSoon-banner .wallpaperText-container-content .button {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

/** Alerts
============================================= */

.alert {
    --mom-alert-bg: transparent;
    --mom-alert-border: 1px solid var(--mom-alert-color);
    --mom-alert-border-color: transparent;
    --mom-alert-border-radius: 4px;
    --mom-alert-color: inherit;
    --mom-alert-margin-bottom: 1rem;
    --mom-alert-padding-x: 1rem;
    --mom-alert-padding-y: 1rem;

    background: #fff;
    border: var(--mom-alert-border);

    border: 1px solid var(--mom-border-color-translucent);
    border-left: 0.25rem solid var(--mom-alert-color);
    border-radius: var(--mom-alert-border-radius);

    box-shadow: rgb(29 39 59 / 4%) 0 2px 4px 0;
    margin-bottom: var(--mom-alert-margin-bottom);
    padding: var(--mom-alert-padding-y) var(--mom-alert-padding-x);
    position: relative;

}

.alert-success {
    --mom-alert-color: #4FBAA8;
}

.alert-info {
    --mom-alert-color: #FF8273;
}

.alert-warning {
    --mom-alert-color: #f76707;
}

.alert-danger {
    --mom-alert-color: #d63939;
}

/** FRONTEND USERS
============================================= */

.quiqqer-frontendUsers-controls-profile-categoryContent h2 {
    font-weight: normal;
    line-height: 40px;
}

.quiqqer-fupc-category {
    margin-bottom: 2em;
}

.quiqqer-fupc-category:last-child {
    margin-bottom: 0;
}

.quiqqer-fupc-category-header {
    line-height: 30px;
}

.quiqqer-fupc-category .quiqqer-fupc-category-header {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    font-size: 1.5em;
    line-height: 30px;
}

.quiqqer-fu-profile-categories-category-items {
    clear: both;
    float: left;
    width: 100%;
}

.quiqqer-fupc-category-items-item {
    border: 1px solid #ddd;
    border-bottom: none;
    clear: both;
    color: #333;
    display: flex;
    float: left;
    line-height: 40px;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.quiqqer-fupc-category.quiqqer-fupc-category--open .quiqqer-fupc-category-header {
    border-bottom: none !important;
}

.quiqqer-fupc-category--open .quiqqer-fupc-category-items-item {
    background: #fff;
}

.quiqqer-fupc-category .quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item--active,
.quiqqer-fupc-category .quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item:hover {
    background: #fff;
    color: var(--qui-color-primary);
}

.quiqqer-fupc-category-items-item:before {
    background-color: var(--qui-color-primary);
}

.quiqqer-fupc-category--open .quiqqer-fupc-category-items-item:last-child {
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.quiqqer-fupc-category--open .quiqqer-fupc-category-items-item:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.quiqqer-fupc-category-items-item:before {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item--active,
.quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item:hover {
    background: none;
}

.quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item--active:before,
.quiqqer-fu-profile-categories-category-items .quiqqer-fupc-category-items-item:hover:before {
    width: 4px;
}

.quiqqer-fupc-category-items-item .fa {
    line-height: 40px;
}

.quiqqer-frontendUsers-userdata-section, .quiqqer-frontendUsers-userdata-address, .quiqqer-frontendUsers-userdata-address-additional {
    max-width: 100% !important;
}

.quiqqer-frontend-users-address header,
.quiqqer-frontendUsers-userdata-section header {
    padding: 20px 0;
}

.quiqqer-frontend-users-address header h2,
.quiqqer-frontendUsers-userdata-section header h2 {
    padding-bottom: 0;
}

.quiqqer-frontend-users-address-edit select,
.quiqqer-frontend-users-address-edit .qui-select {
    width: 50% !important;
}

.quiqqer-frontend-users-address-edit .qui-select,
.quiqqer-frontend-users-address-edit .qui-select .drop-icon {
    height: 40px;
}

.quiqqer-frontend-users-address-edit .qui-select .text {
    line-height: 40px;
}

.quiqqer-frontendUsers-userdata-invoiceaddress {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
}

.quiqqer-frontendUsers-controls-profile-categoryContent [type="submit"] {
    margin: 0 auto;
    max-width: 100%;
    width: initial;
}

.quiqqer-frontendUsers-userdata-invoiceaddress [type="submit"] {
    width: 100px !important;
}

.quiqqer-frontend-users-address-list-entry {
    background: #fff;
    border: 1px solid #ddd;
}

.quiqqer-frontendUsers-controls-profile-categoryContent .quiqqer-frontend-users-address-list-entry-buttons button {
    margin-bottom: 0;
    width: inherit;
}

.cologne-main .quiqqer-frontendUsers-userdata-address h2,
.cologne-main .quiqqer-frontendUsers-userdata-invoiceaddress h2,
.cologne-main .quiqqer-frontendUsers-userdata-invoiceaddress header,
.cologne-main .quiqqer-frontendUsers-controls-profile-changepassword h2,
.cologne-main .quiqqer-frontendUsers-controls-profile-deleteaccount h2 {
    margin-top: 0;
    padding-top: 0;
}

@media (max-width: 768px) {
    .quiqqer-frontendUsers-controls-profile-categories-mobile {
        margin-bottom: 2em;
    }

    .quiqqer-frontend-users-address-list .quiqqer-frontend-users-address-list-entry {
        width: 100%;
    }

    .quiqqer-frontend-users-address-list .quiqqer-frontend-users-address-list-entry:nth-child(even) {
        margin-left: 0;
    }

    .quiqqer-frontend-users-address-list .quiqqer-frontend-users-address-list-entry:nth-child(odd) {
        margin-right: 0;
    }
}

.quiqqer-frontendUsers-profile-container {
    margin-top: 2rem;
}

/* frontend users: form, input & labels */
label > .quiqqer-frontendUsers-userdata-label {
    font-size: var(--qui-fs-sm);
    color: var(--qui-color-muted);
}

@media screen and (min-width: 768px) {
    /*
    1. restore the original input width set in frontend users
    */
    label.quiqqer-order-customerData-edit-company > [name="company"] {
        width: 70% !important; /* 1 */
    }
}

/* frontend users: user data */
div.package-intranet-profile-birthday > [name="birth_month"] {
    margin-top: 6px;
    margin-bottom: 6px;
}

/**
 * 1. muss so, weil in frontenduser das komisch gelöst ist.
 */
.quiqqer-frontendUsers-userdata-address-country {
    height: initial !important; /* (1) */
}

/**
 * 1. muss so, weil in frontenduser das komisch gelöst ist.
 */
.quiqqer-frontendUsers-userdata-address-country-select {
    height: 50px; /* (1) */
}

.quiqqer-frontendUsers-userdata-address-additional .quiqqer-frontendUsers-userdata-email {
    display: flex;
}

.quiqqer-frontendUsers-userdata-email > input[name="email"] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.quiqqer-frontendUsers-userdata-email > .quiqqer-frontendUsers-userdata-email-edit {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--qui-color-primary);
    color: #fff;
    border: none;
}

.quiqqer-frontendUsers-userdata-email > .quiqqer-frontendUsers-userdata-email-edit:hover {
    filter: brightness(0.95);
}

/* frontend users: user address */
.quiqqer-frontend-users-address-description-button {
    max-width: initial !important;
}

.quiqqer-frontendUsers-userdata-invoiceaddress > label {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.quiqqer-frontendUsers-userdata-invoiceaddress > label > select[name="quiqqer-frontendUsers-userdata-invoice-address"] {
    min-width: 300px;
    flex-grow: 1;
    width: 70% !important;
}

.quiqqer-frontendUsers-userdata-invoiceaddress > label > button[type="submit"] {
    flex-grow: 1;
}

.quiqqer-frontend-users-address-description {
    margin-bottom: 1rem;
}

/* frontend users: user address: new address */
.quiqqer-frontend-users-address-container-header,
.quiqqer-frontend-users-address-container-content {
    max-width: 700px;
    margin-inline: auto;
    float: none !important;
}

.quiqqer-frontend-users-address-create, .quiqqer-frontend-users-address-edit {
    max-width: initial !important;
}

.quiqqer-frontend-users-address-list > .quiqqer-frontend-users-address-list-entry {
    border-width: 2px;
    border-color: var(--freemom-border-color-light);
    box-shadow: 0 0 0 rgb(0 0 0 / 15%);
    transition: var(--qui-transition-fast);
}

.quiqqer-frontend-users-address-list > .quiqqer-frontend-users-address-list-entry:hover {
    background-color: #fff;
    box-shadow: 0 15px 20px rgb(0 0 0 / 10%);
    transform: translateY(-3px);
}

.quiqqer-frontend-users-address-list-entry header {
    background-color: var(--freemom-bg-light) !important;
}

.quiqqer-frontend-users-address-list-entry-buttons button[name="edit"] {
    background-color: var(--freemom-color-light);
    border-color: var(--freemom-color-light);
    color: var(--qui-color-body)
}

.quiqqer-frontend-users-address-list-entry-buttons button[name="edit"]:hover {
    background-color: transparent;
}

/* frontend users: avatar */
.quiqqer-frontendUsers-userAvatar-icon {
    border-radius: 50%;
}

.controls-upload-form-single-container {
    width: 100% !important;
}

.controls-upload-form-single-container-preview {
    position: relative;
    background-color: transparent !important;
    width: 40px !important;
    height: 40px !important;
}

.controls-upload-form-single-container-preview:before {
    content: '';
    position: absolute;
    background-color: #ddd;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iIzk5OSIgY2xhc3M9InctNiBoLTYiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTIuMjUgMTUuNzVsNS4xNTktNS4xNTlhMi4yNSAyLjI1IDAgMDEzLjE4MiAwbDUuMTU5IDUuMTU5bS0xLjUtMS41bDEuNDA5LTEuNDA5YTIuMjUgMi4yNSAwIDAxMy4xODIgMGwyLjkwOSAyLjkwOW0tMTggMy43NWgxNi41YTEuNSAxLjUgMCAwMDEuNS0xLjVWNmExLjUgMS41IDAgMDAtMS41LTEuNUgzLjc1QTEuNSAxLjUgMCAwMDIuMjUgNnYxMmExLjUgMS41IDAgMDAxLjUgMS41em0xMC41LTExLjI1aC4wMDh2LjAwOGgtLjAwOFY4LjI1em0uMzc1IDBhLjM3NS4zNzUgMCAxMS0uNzUgMCAuMzc1LjM3NSAwIDAxLjc1IDB6IiAvPgo8L3N2Zz4K');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.controls-upload-form-single-container .controls-upload-form-single-container-select {
    border-color: #ddd;
    height: 40px;
    line-height: 40px;
    width: calc(100% - 40px);
}

/* frontends users: buttons */
.quiqqer-frontendUsers-controls-profile button > .fa:not(:only-child):first-child {
    margin-right: 0.5em;
}

/***************/
/* Form Upload */
/***************/
.controls-upload-form {
    display: flex;
    flex-direction: column;
    height: auto !important;
    --upload-form-height: 140px;
}

.controls-upload-form form {
    height: var(--upload-form-height, 140px) !important;
}

.qui-form-upload {
    display: flex;
}

.qui-form-upload .qui-button[name="remove"] {
    color: var(--freemom-color-danger);
    padding: 0;
    line-height: 1.5rem;
    width: 1.5rem;
    background: none;
    border: none;
    box-shadow: none;
    font-size: var(--qui-fs-sm);
    margin: 0;
    flex-grow: 1;
}

.qui-form-upload .qui-button[name="remove"]:hover {
    background-color: var(--freemom-color-danger-light);
}

.controls-upload-form-fileinfo:hover {
    color: inherit !important;
    background-color: var(--freemom-bg-light) !important;
}

.controls-upload-buttons {
    margin-top: 1rem;
}

.controls-upload-bg-text {
    height: var(--upload-form-height, 140px) !important;
}

/* upload form mobile */
@media screen and (max-width: 767px) {
    /*
      1. The width of 30% comes from js. There are no more buttons.
        Therefore we can force the width to 100%
    */
    .controls-upload-buttons > button {
        width: 100% !important; /* 1. */
    }

    .controls-upload-form .controls-upload-bg-text {
        line-height: 1.5;
        padding-inline: 1em;
        font-size: var(--qui-fs-xs);
    }

    /*
      1. On mobile always show the remove button
    */
    .qui-form-upload .qui-button[name="remove"] {
        display: block !important; /* 1. */
    }
}

/** QUI elements
============================================= */

.qui-select {
    height: 50px !important;
    border-radius: 0.25rem;
}

.qui-select > .icon,
.qui-select > .text {
    height: 48px !important;
    line-height: 48px !important;
}

.qui-select > .drop-icon {
    height: 48px !important;
}


.qui-select-search {
    margin: 0;
}

/** QUI windows
============================================= */
.qui-window-popup-title {
    background: #EAECF0 !important;
}

.qui-window-popup-title-close {
    color: var(--qui-color-muted);
    min-width: initial;
    padding: 0;
}

/**
 * 1. Icon und Titel sind nicht mittig zueinander. Liegt wahrscheinlich an der Font.
 */
.qui-window-popup-title .qui-window-popup-title-text {
    font-family: 'Biryani', serif;
    margin-bottom: -2px; /* 1 */
    margin-top: 2px; /* 1 */
}

.qui-window-popup-title .qui-window-popup-title-close:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--qui-color-body);
}

.qui-window-popup-buttons {
    align-items: center;
    background: transparent !important;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    height: auto !important;
    justify-content: center;
    padding: 1rem !important;
    flex-shrink: 0;
}

.qui-window-popup-buttons button {
    padding: 0.125rem 1rem !important;
}

.qui-window-popup-buttons button:disabled {
    background-color: var(--qui-color-primary);
    color: #fff;
}

.qui-window-popup-buttons button .qui-button-text-image {
    vertical-align: initial;
}

.qui-window-popup-buttons:after, .qui-window-popup-sheet-buttons:after {
    display: none;
}

@media screen and (max-width: 767px) {
    .qui-window-popup-buttons button {
        width: 100%;
    }
}

.qui-window-popup form label {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}

.qui-window-popup form table.data-table label {
    margin-bottom: 0;
}

.qui-window-popup form table:not(.data-table) label > span:first-child {
    display: inline-block;
    width: 100%;
}

form select,
form textarea,
form input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"]),
.qui-window-popup form select,
.qui-window-popup form textarea,
.qui-window-popup form input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"]) {
    background-color: var(--qui-form-input-bg, #f1f3f7);
    border: 2px solid var(--qui-form-input-bg, #f1f3f7);
    border-radius: 0.25rem;
    width: 100%;
}

body div.qui-select {
    background-color: var(--qui-form-input-bg, #f1f3f7);
    border: 2px solid var(--qui-form-input-bg, #f1f3f7);
}

form select:hover,
form textarea:hover,
body div.qui-select:hover,
form input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"]):hover,
.qui-window-popup form select:hover,
.qui-window-popup form textarea:hover,
.qui-window-popup form input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"]):hover {
    filter: brightness(0.95);
}

form select:focus,
form textarea:focus,
body div.qui-select:focus,
form input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"]):focus,
.qui-window-popup form select:focus,
.qui-window-popup form textarea:focus,
.qui-window-popup form input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"]):focus {
    border-color: var(--qui-color-main);
}

body div.qui-select:hover {
    background-color: var(--qui-form-input-bg, #f1f3f7);
    border: 2px solid var(--qui-form-input-bg, #f1f3f7);
}

.qui-window-popup form > :last-child {
    margin-bottom: 0;
}

/* qui confirm - text narrow */
.qui-window-popup--textBody-narrow .submit-body .textbody {
    margin-inline: auto;
    float: none;
    max-width: 600px;
    width: 100%;
}

/****************/
/* Form styling */
/****************/
form.form-styled {
    /*max-width: 800px;*/
    /*background: #fff;*/
    /*border-radius: 2rem;*/
    /*box-shadow: 0 0 30px rgb(0 0 0 / 10%);*/
    /*padding: 2rem;*/
    /*margin: 2rem auto;*/
}

form.form-styled fieldset {
    margin-bottom: calc(2 * var(--freemom-spacing));
}

form.form-styled legend {
    font-family: 'Biryani', serif;
    text-transform: uppercase;
    color: var(--qui-color-muted);
    font-weight: bold;
    letter-spacing: 2px;
    width: 100%;
    display: block;
    margin-bottom: calc(1.5 * var(--freemom-spacing));
    position: relative;
    transition: var(--qui-transition-normal);

}

form.form-styled legend:after,
form.form-styled legend:before {
    content: '';
    width: 5rem;
    height: 4px;
    background-color: #ddd;
    position: absolute;
    bottom: calc(-0.25 * var(--freemom-spacing));
    left: 0;
}

form.form-styled legend:after {
    width: 1rem;
    background-color: var(--qui-color-primary);
    transition: var(--qui-transition-normal);
}

form.form-styled fieldset:focus-within legend {
    color: var(--qui-color-primary);
}

form.form-styled fieldset:focus-within legend:after {
    width: 5rem;
}

form.form-styled label {
    margin-bottom: 1rem;
    display: block;
    min-width: 220px;
}

form.form-styled label > span {
    font-size: var(--qui-fs-sm);
    font-weight: bold;
}

form.form-styled div.qui-select {
    width: 100%;
    float: none !important;
}

@media screen and (max-width: 767px) {
    form.form-styled input[type="submit"] {
        width: 100%;
    }
}

/*********************************************/
/* QUI Window ********************************/
/* *******************************************/
/* hide title and title icon *****************/
/* removes background and set height to 40px */
/* this height is needed for close button ****/
/*********************************************/
.qui-window-popup--hideTitle .qui-window-popup-title {
    background-color: transparent !important;
    height: 40px;
}

.qui-window-popup--hideTitle :is(.qui-window-popup-title-icon, .qui-window-popup-title-text) {
    display: none;
}

.qui-window-popup--centerBodyText .textbody {
    text-align: center;
}

/**********************************/
/* QUI Window: confirm: center body title */
/**********************************/
.qui-window-popup--centerBodyTitle .textbody > h2 {
    text-align: center;
}

.qui-window-popup--centerBodyTitle .submit-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
}

.qui-window-popup--centerBodyTitle .submit-body > .texticon {
    margin-inline: auto;
    display: block;
    margin-bottom: 1rem;
    float: none;
}

/************************************************************************/
/* Confirm warning ******************************************************/
/* Use this css class to rearrange buttons and make "submit" button red */
/************************************************************************/
.qui-window-popup--confirmWarning [name="cancel"] {
    order: 1;
}

.qui-window-popup--confirmWarning button[name="submit"].btn-success {
    order: 2;
    color: #fff;
    border-color: var(--freemom-color-danger);
    background-color: var(--freemom-color-danger);
}
/**********************/
/* auto login - popup */
/**********************/
.qui-window-popup .quiqqer-login-auth .quiqqer-auth-login-container .quiqqer-auth-login-passwordreset-link {
    margin: calc(1rem + 10px) 0 10px; /* quick fix, muss in template behoben werden */
}

.qui-window-popup .quiqqer-login-auth .quiqqer-auth-login-container [type="submit"] {
    margin: 1rem 0 10px; /* quick fix, muss in template behoben werden */
}

.qui-window-popup .quiqqer-auth-login-passwordreset button {
    line-height: var(--qui-line-height); /* quick fix, muss in template / auth smodule behoben werden */
}

.qui-window-popup .quiqqer-auth-login-passwordreset button[type="reset"] {
    background: var(--qui-color-muted);
    border-color: var(--qui-color-muted);
}

.qui-window-popup .quiqqer-auth-login-passwordreset[type="reset"]:hover {
    background-color: transparent;
    color: var(--qui-color-muted);
}

/******************************/
/* Frontend users login popup */
/******************************/
.quiqqer-frontendUsers-loginWindow .quiqqer-frontendUsers-loginWindow-close {
    background: transparent;
    border: none;
    color: inherit;
    font-size: 1.5rem;
    height: 60px;
    line-height: 60px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
}

.quiqqer-frontendUsers-loginWindow .quiqqer-frontendUsers-loginWindow-close:hover {
    background: transparent;
    color: var(--qui-color-primary);
}

.quiqqer-frontendUsers-loginWindow .quiqqer-frontendUsers-loginWindow-logo {
    margin: 1rem auto 3rem;
    max-height: 64px;
}

.quiqqer-frontendUsers-loginWindow .quiqqer-fu-login-container h2 {
    font-size: var(--qui-fs-xl);
    text-align: center;
}

.quiqqer-frontendUsers-loginWindow .icon {
    z-index: 1;
}

/* forgot passwort */
.quiqqer-frontendUsers-loginWindow .quiqqer-fu-login-forget-password-reset h2 {
    font-size: var(--qui-fs-xl);
    margin-bottom: 1em;
    text-align: center;
}

.quiqqer-frontendUsers-loginWindow .quiqqer-fu-login-forget-password-reset label {
    margin-bottom: 1rem;
}

.quiqqer-frontendUsers-loginWindow .quiqqer-fu-login-forget-password-reset [name="cancel"] {
    background: transparent;
    border: none;
    color: var(--qui-color-muted);
    margin-top: 1rem;
    padding-left: 0;
    padding-right: 0;
    position: initial;
    width: 100%;
}

.quiqqer-frontendUsers-loginWindow .quiqqer-fu-login-forget-password-reset [name="cancel"]:hover {
    color: var(--qui-color-main);
}

/******************************/
/* QUI Window - freemom style */
/******************************/
.qui-window-popup__freemom .qui-window-popup-title {
    background-color: transparent !important;
    height: 40px;
}

.qui-window-popup__freemom .qui-window-popup-title .qui-window-popup-title-icon,
.qui-window-popup__freemom .qui-window-popup-title .qui-window-popup-title-text {
    display: none;
}

/***************************************/
/* Landingpage: in 30 Tagen: Long Text */
/***************************************/
.brick-container__freemom-landingpage-30-longText {
    background-image: url('/media/cache/freemom/In_30_Tagen_zur_FreeMOM/long-text-bg-2.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin-bottom: 10rem;
    margin-top: 10rem;
}

.freemom-landingpage-30-longText .quiqqer-textImage-image img {
    border-radius: 3rem;
}

/*******************************************/
/* Landingpage: in 30 Tagen: video preview */
/*******************************************/
.freemom-landingpage-30-videoPreview img {
    border-radius: 1rem;
    margin-bottom: 2rem;
}

.freemom-landingpage-30-videoPreview-ctaBox {
    background-color: var(--freemom-bg-light);
    border-radius: 1rem;
    margin-inline: auto;
    max-width: 50rem;
    padding: 2rem 1rem 1rem;
}

/******************************************/
/* Landingpage: in 30 Tagen: What you get */
/******************************************/
.brick-container__freemom-landingpage-30-whatYouGet {
    background-image: url('/media/cache/freemom/In_30_Tagen_zur_FreeMOM/30-tage-wave-bg.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 130% 500px;
}

.freemom-landingpage-30-whatYouGet .quiqqer-boxContentAdvanced-entry-container {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(247, 247, 247, 0.6);
    border-right: 4px solid #FFF;
    padding: 2rem;
    transition: .2s ease;
}

.freemom-landingpage-30-whatYouGet .quiqqer-boxContentAdvanced-entry-container:nth-child(3) {
    border-right-width: 0;
}

.freemom-landingpage-30-whatYouGet .quiqqer-boxContentAdvanced-entry-container:hover {
    background-color: #ffefed;
}

/*******************************************/
/* Landingpage: in 30 Tagen: Journey boxes */
/*******************************************/
.freemom-landingpage-30-boxes {
    display: flex;
    flex-direction: column-reverse;
    margin-top: -5rem;
}

.freemom-landingpage-30-boxes.freemom-boxes-4er .quiqqer-boxContentAdvanced-entry {
    background-attachment: fixed;
    background-image: url('/media/cache/freemom/In_30_Tagen_zur_FreeMOM/30-tage-wave-bg.svg');
}

.freemom-landingpage-30-boxes.freemom-boxes-4er .quiqqer-boxContentAdvanced-4:nth-child(1) .quiqqer-boxContentAdvanced-entry,
.freemom-landingpage-30-boxes.freemom-boxes-4er .quiqqer-boxContentAdvanced-4:nth-child(6) .quiqqer-boxContentAdvanced-entry,
.freemom-landingpage-30-boxes.freemom-boxes-4er .quiqqer-boxContentAdvanced-4:nth-child(12) .quiqqer-boxContentAdvanced-entry {
    background: #4fbaa8;
    border-color: #4e9186;
    color: #fff;
}

.freemom-landingpage-30-boxes.freemom-boxes-4er .quiqqer-boxContentAdvanced-4:nth-child(1) .quiqqer-boxContentAdvanced-entry h5,
.freemom-landingpage-30-boxes.freemom-boxes-4er .quiqqer-boxContentAdvanced-4:nth-child(6) .quiqqer-boxContentAdvanced-entry h5,
.freemom-landingpage-30-boxes.freemom-boxes-4er .quiqqer-boxContentAdvanced-4:nth-child(12) .quiqqer-boxContentAdvanced-entry h5 {
    color: inherit;
}

@media screen and (max-width: 767px) {
    .freemom-landingpage-30-boxes {
        margin-top: -3rem;
    }

    .freemom-landingpage-30-boxes.freemom-boxes-4er .quiqqer-boxContentAdvanced-entry {
        background-attachment: fixed;
        background-image: url('/media/cache/freemom/In_30_Tagen_zur_FreeMOM/30-tage-wave-bg.svg');
        background-position: center right;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 500px) {
    .freemom-landingpage-30-boxes.freemom-boxes-4er .quiqqer-boxContentAdvanced-entry {
        margin-left: auto;
        margin-right: auto;
        max-width: 300px;
    }
}

/*****************************************/
/* Landingpage: in 30 Tagen: Module list */
/*****************************************/
.freemom-moduleList {
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    max-width: 800px;
    padding-left: 3rem;
    position: relative;
}

.freemom-moduleList:before {
    background: var(--qui-color-main);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

/* label + arrow */
.freemom-moduleList-label {
    left: -4rem;
    position: absolute;
    top: -7rem;
    transform: rotate(-2deg);
}

.freemom-moduleList-label > span {
    bottom: -1rem;
    color: #2E054D;
    display: block;
    font-family: 'Biryani', serif;
    font-size: 1.5rem;
    opacity: 0;
    position: relative;
    transition: 0.5s cubic-bezier(0.24, 0.71, 0.07, 0.96);
    transition-delay: 500ms;
}

.freemom-moduleList-label > svg {
    margin-left: 4rem;
}

.freemom-moduleList-label > svg path:nth-child(1),
.freemom-moduleList-label > svg path:nth-child(2) {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.24, 0.71, 0.07, 0.96);
}

.freemom-moduleList-label > svg path:nth-child(1) {
    animation-delay: 0.75s;
    stroke-dasharray: 77;
    stroke-dashoffset: 77;
}

.freemom-moduleList-label > svg path:nth-child(2) {
    animation-delay: 1.25s;
    stroke-dasharray: 30;
    stroke-dashoffset: 30;
}

/* label + arrow animation */
.freemom-moduleList-label.scrolled > span {
    bottom: 0;
    opacity: 1;
}

.freemom-moduleList-label.scrolled > svg path:nth-child(1),
.freemom-moduleList-label.scrolled > svg path:nth-child(2) {
    animation-name: svgArrowAnimation;
}

@keyframes svgArrowAnimation {
    to {
        stroke-dashoffset: 0;
    }
}

/* entries */
.freemom-moduleList-entry {
    padding: 1rem 0;
    transition: 0.3s all;
}

@media screen and (hover: hover) {
    .freemom-moduleList:hover .freemom-moduleList-entry:not(:hover) {
        opacity: 0.5;
    }
}

.freemom-moduleList-entry header {
    margin-bottom: 1rem;
    padding: 0;
    position: relative;
}

.freemom-moduleList-entry header h4 {
    display: inline-block;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
    position: relative;
}

.freemom-moduleList-entry header h4:before {
    background: var(--qui-color-main);
    bottom: 0;
    content: '';
    height: 3px;
    margin-left: -3rem;
    position: absolute;
    transition: 0.3s all;
    width: 1rem;
}

.freemom-moduleList-entry:hover header h4:before {
    width: calc(100% + 4rem);
}

.freemom-moduleList-entry header h4 .fa {
    font-size: 1.25rem;
    margin-right: 0.5rem;
    opacity: 0.5;
    transition: 0.3s all;
    vertical-align: top;
}

.freemom-moduleList-entry:hover header h4 .fa {
    color: var(--qui-color-primary);
    opacity: 1;
}

p.freemom-moduleList-entry-subtitle {
    color: var(--qui-color-muted);
    display: block;
    margin-bottom: 0;
    margin-top: 0;
}

@media screen and (max-width: 1000px) {
    /* label + arrow */
    .freemom-moduleList-label {
        left: -1rem;
    }

    .freemom-moduleList-label > svg {
        margin-left: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .freemom-moduleList {
        margin-top: 5rem;
    }

    /* label + arrow */
    .freemom-moduleList-label {
        left: 0;
    }
}

/***********************************************/
/* Landingpage: in 30 Tagen: Journey Accordion */
/***********************************************/
.freemom-journeyAccordion .quiqqer-accordion-item-header {
    background-color: #f6f7fb;
    color: #2E054D;
    font-family: 'Biryani', serif !important;
    margin-bottom: 1rem;
    padding: 1rem;
}

.freemom-journeyAccordion .quiqqer-accordion-item-content {
    font-size: var(--qui-fs-md);
}

.freemom-journeyAccordion .quiqqer-accordion-item-header strong {
    color: var(--qui-color-main);
}

.freemom-journeyAccordion .quiqqer-accordion-item {
    border: none;
    margin-bottom: 1rem;
}

/**********************************/
/* Landingpage: in 30 Tagen: Team */
/**********************************/
.brick-container__freemom-landingpage-30-team {
    background-image: url('/media/cache/freemom/In_30_Tagen_zur_FreeMOM/30-tage-wave2-bg.svg');
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-top: 4rem;
}

.freemom-landingpage-30-team .grid-children.team-page__imageLeft {
    overflow: visible;
}

.freemom-landingpage-30-team .team-page__imageLeft .team-page-entry {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    margin: 0 20px !important;
    padding: 2rem;
    text-align: left;
    transition: .2s ease;
    width: calc(50% - 40px);
}

.freemom-landingpage-30-team .team-page__standard .team-page-entry-image {
    border-radius: 0;
    height: 270px;
    max-width: 100%;
}

.freemom-landingpage-30-team .team-page__imageLeft .team-page-entry-left {
    width: 180px;
}

.freemom-landingpage-30-team .team-page-entry-header,
.freemom-landingpage-30-team .team-page-entry-text-short {
    text-align: left;
}

.freemom-landingpage-30-team .team-page-entry-header h3 {
    font-size: var(--qui-fs-lg);
}

.freemom-landingpage-30-team .team-page-entry-text-short > * {
    text-align: inherit;
}

.freemom-landingpage-30-team .team-page-entry-text-short > :last-child {
    margin-bottom: 0;
}

.freemom-landingpage-30-team .team-page-entry-header {
    padding-bottom: 0.5rem;
}


.freemom-landingpage-30-team .team-page-jobTitle {
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .freemom-landingpage-30-team .team-page__imageLeft .team-page-entry {
        margin-bottom: 2rem !important;
        width: initial;
    }

    .freemom-landingpage-30-team .team-page__imageLeft .team-page-entry-left {
        width: 100px;
    }
}

@media screen and (max-width: 400px) {
    .freemom-landingpage-30-team .team-page__imageLeft .team-page-entry {
        display: block;
    }

    .freemom-landingpage-30-team .team-page__imageLeft .team-page-entry-left {
        margin-bottom: 2rem;
    }

    .freemom-landingpage-30-team .team-page-entry-right {
        padding-left: 0 !important;
        width: 100% !important;
    }
}

/***********************************/
/* Landingpage: in 30 Tagen: price */
/***********************************/
.freemom-landingpage-30-priceTitle .control-content {
    margin-bottom: -5rem;
    padding-bottom: 0;
}

.freemom-landingpage-30-price .wallpaperText-container {
    padding: 0;
}

.freemom-landingpage-30-price .wallpaperText-container-content {
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    display: grid;
    gap: 2rem;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
}

.freemom-training-price-left {
    padding: 3rem;
}

.freemom-training-right {
    align-items: center;
    background-color: #eeecf0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.freemom-training-price-old {
    position: relative;
}

.freemom-training-price-old:after {
    background: var(--qui-color-primary);
    content: '';
    height: 3px;
    left: -22%;
    position: absolute;
    top: 50%;
    transform: rotate(-10deg);
    width: 150%;
}

.freemom-training-price-offer {
    line-height: 1;
}

.freemom-training-price-offerInfo {
    position: relative;
    right: -100px;
    top: 0;
    transform: rotate(14deg);
}

.freemom-training-price-offerInfo svg {
    left: -25%;
    position: absolute;
    top: -65%;
    width: 150%;
}

@media screen and (max-width: 900px) {
    .freemom-landingpage-30-price .wallpaperText {
        margin-top: 4rem;
    }

    .freemom-landingpage-30-price .wallpaperText-container-content {
        display: flex;
        flex-direction: column-reverse;
        gap: 0;
    }

    .freemom-training-right {
        padding-bottom: 1rem;
    }
}

@media screen and (max-width: 450px) {
    .freemom-training-price-left {
        padding: 2rem 1rem;
    }

    .freemom-training-price-offerInfo {
        right: -50px;
        top: -20px;
        transform: rotate(14deg) scale(0.9);
    }
}

/*************************************/
/* Landingpage: in 30 Tagen: partner */
/*************************************/
.freemom-landingpage-30-partner .quiqqer-control-gallery-grid-entry a {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 2rem;
}

@media screen and (max-width: 767px) {
    .freemom-landingpage-30-partner .quiqqer-control-gallery-grid-entry a {
        padding: 1rem;
    }
}

@media screen and (max-width: 500px) {
    .freemom-landingpage-30-partner .quiqqer-control-gallery-grid-entry {
        padding-top: 55%;
    }
}

/*************************/
/* Anmeldung in 30 Tagen */
/*************************/
body.freemom-courseRegistration .body-container > .main-content-wrapper {
    background-image: url('/media/cache/freemom/Backgrounds/freemom-design-light.svg');
    background-position: top 100px right -900px;
    background-repeat: no-repeat;
    background-size: 1400px;
}

/*body.freemom-courseRegistration div[data-qui="package/quiqqer/bricks/bin/Controls/SimpleContact"] {*/
body.freemom-courseRegistration #quiqqer-contact-form {
    opacity: 0;
    transform: translateY(10px);
    max-width: 50rem;
    margin: 0 auto;
}

/*body.freemom-courseRegistration div[data-qui="package/quiqqer/bricks/bin/Controls/SimpleContact"].show {*/
body.freemom-courseRegistration #quiqqer-contact-form.show {
    animation-name: showContactFormForCourseRegistration;
    animation-delay: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-duration: 0.5s;

    padding-top: 0;
}

@keyframes showContactFormForCourseRegistration {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*body.freemom-courseRegistration div[data-qui="package/quiqqer/bricks/bin/Controls/SimpleContact"] .quiqqer-simple-contact {*/
body.freemom-courseRegistration #quiqqer-contact-form > .freemom-courseRegistration-form {
    max-width: 50rem;
    background: #fff;
    border-radius: 2rem;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    padding: clamp(1.5rem, calc(20vw * 0.75), 3rem) clamp(1rem, calc(15vw * 0.5), 8rem);
    margin: 2rem auto;
}

.qui-form.freemom-courseRegistration-form > [type="submit"] {
    width: 100%;
}

/*body.freemom-courseRegistration div[data-qui="package/quiqqer/bricks/bin/Controls/SimpleContact"] .quiqqer-simple-contact label {*/
/*    text-align: left;*/
/*}*/

/*body.freemom-courseRegistration div[data-qui="package/quiqqer/bricks/bin/Controls/SimpleContact"] .quiqqer-simple-contact [for="qui-contact-message"],*/
/*body.freemom-courseRegistration div[data-qui="package/quiqqer/bricks/bin/Controls/SimpleContact"] .quiqqer-simple-contact [name="message"] {*/
/*    display: none;*/
/*}*/

/*body.freemom-courseRegistration div[data-qui="package/quiqqer/bricks/bin/Controls/SimpleContact"] .quiqqer-simple-contact .quiqqer-simple-contact-button {*/
/*    margin-top: 2rem;*/
/*    width: 100%;*/
/*}*/

.no-legend > legend {
    display: none;
}

.first-checkbox {
    margin-bottom: 0.5rem !important;
}

/****************/
/* QUI Messages */
/****************/
/* body */
body .content-message-attention,
body .content-message-error,
body .content-message-success,
body .content-message-information {
    background: #fff;
    border-left: 5px solid var(--qui-message-color);
    border-radius: 0.5rem;
    color: inherit;
    float: none;
    overflow: hidden;
    padding: 1.25rem 1rem 1.25rem 1rem;
}

/* icon */
body .content-message-attention:before,
body .content-message-error:before,
body .content-message-success:before,
body .content-message-information:before {
    display: none !important;
    align-items: center;
    background: transparent !important;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 0;
    text-align: center;
    top: 0;
    width: 5rem;
    z-index: 2;
}

/* rounded background */
body .content-message-attention:after,
body .content-message-error:after,
body .content-message-success:after,
body .content-message-information:after {
    display: none !important;
    background-color: var(--qui-message-color);
    border-radius: 50%;
    content: '';
    height: 2.5rem;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    z-index: 0;
}

/* no icon */
body .content-message-noIcon:is(.content-message-attention, .content-message-error, .content-message-success, .content-message-information) {
    padding-left: 1.25rem;
}

body .content-message-noIcon:is(.content-message-attention, .content-message-error, .content-message-success, .content-message-information):before,
body .content-message-noIcon:is(.content-message-attention, .content-message-error, .content-message-success, .content-message-information):after {
    display: none;
}

/* color: body */
body .content-message-attention {
    background-color: var(--qui-message-attention-color-light, #fff6e5);
    --qui-message-color: var(--qui-message-attention-color, #ffd485);
}

body .content-message-error {
    background-color: var(--qui-message-error-color-light, #fdf2f1);
    --qui-message-color: var(--qui-message-error-color, #dc473a);
}

body .content-message-success {
    background-color: var(--qui-message-success-color-light, #ecf8ec);
    --qui-message-color: var(--qui-message-success-color, #74b816);
}

body .content-message-information {
    background-color: var(--qui-message-information-color-light, #ddf3fc);
    --qui-message-color: var(--qui-message-information-color, #5ec4f0);
}

/* color: icon */
body .content-message-attention:before {
    color: #6f6044;
    content: "\f12a";
    font-weight: bold;
}

body .content-message-error:before {
    content: '\00d7';
    font-size: 1.75rem;
    font-weight: 900;
}

body .content-message-success:before {
}

body .content-message-information:before {
    /*content: "\f0e5";*/
    font-weight: bold;
}

/* sizing */
body .content-message-attention.content-message__sm,
body .content-message-error.content-message__sm,
body .content-message-success.content-message__sm,
body .content-message-information.content-message__sm {
    font-size: var(--qui-fs-sm);
    padding: 1rem 1rem 1rem 1rem;
}

body .content-message-attention.content-message__sm:before,
body .content-message-error.content-message__sm:before,
body .content-message-success.content-message__sm:before,
body .content-message-information.content-message__sm:before {
    width: 4rem;
}

body .content-message-attention.content-message__sm:after,
body .content-message-error.content-message__sm:after,
body .content-message-success.content-message__sm:after,
body .content-message-information.content-message__sm:after {
    height: 2rem;
    left: 16px;
    width: 2rem;
}

/*********************/
/* Animated info box */
/*********************/
.freemom-animated-infoBox-icon {
    font-size: 2rem;
    width: 5rem;
    border: 5px solid var(--qui-message-success-color);
    color: var(--qui-message-success-color);
    line-height: calc(5rem - 10px);
    display: block;
    margin: 0 auto calc(1.5 * var(--freemom-spacing));
    border-radius: 50%;
    text-align: center;
    animation: fade-in-bottom 450ms ease-out both;
    opacity: 0;
    animation-delay: 500ms;
}

.freemom-animated-infoBox-text {
    font-size: 1.25rem;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    animation: fade-in-bottom 350ms ease-out both;
    opacity: 0;
    animation-delay: 600ms;
}

@media screen and (max-width: 767px) {
    .freemom-animated-infoBox-icon {
        font-size: 1.5rem;
        line-height: calc(4rem - 8px);
        width: 4rem;
        border-width: 4px;
    }

    .freemom-animated-infoBox-text {
        font-size: 1.125rem;
    }
}

@keyframes fade-in-bottom {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/***********************/
/* Register select box */
/***********************/
.freemom-register-select {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.freemom-register-select .quiqqer-menu-navTabsVertical-container .quiqqer-tab-nav-item a {
    font-family: 'Biryani';
    border-radius: var(--freemom-border-radius-sm);
}

.freemom-register-select .quiqqer-menu-navTabsVertical-container .quiqqer-tab-nav-item:not(.active) a {
    color: var(--qui-color-muted);
}

.freemom-register-select .quiqqer-menu-navTabsVertical-container .quiqqer-tab-nav-item:not(.active) a img {
    opacity: 0.5;
}

.freemom-register-select .quiqqer-menu-navTabsVertical-container .quiqqer-tab-nav-item.active a {
    background-color: #fff;
    color: inherit;
}

.quiqqer-fu-login-email label .icon {
    z-index: 1;
}

/* solange es rating noch nicht gibt */
.freemom-card-header-entryRating {
    display: none;
}

.obfuscate {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

@media screen and (max-width: 767px) {
    .freemom-register-select .quiqqer-menu-navTabsVertical-container .quiqqer-menu-navTabsVertical-tabs-nav {
        padding: 1rem;
        margin-left: -20px;
        width: calc(100% + 40px);
    }

    .freemom-register-select .quiqqer-menu-navTabsVertical-tabs-nav-container:before,
    .freemom-register-select .quiqqer-menu-navTabsVertical-tabs-nav-container:after {
        width: 20px;
    }

    .freemom-register-select .quiqqer-menu-navTabsVertical-tabs-nav-container:before {
        left: -20px;
    }

    .freemom-register-select .quiqqer-menu-navTabsVertical-tabs-nav-container:after {
        right: -20px;
    }
}

/************************/
/* Freemom Tabs control */
/************************/
.freemom-tabsControl .quiqqer-tabsAdvanced-nav {
    position: relative;
}

.freemom-tabsControl .quiqqer-tabsAdvanced-nav:before {
    content: '';
    height: 2px;
    background: var(--qui-color-muted);
    width: 100%;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
}

.freemom-tabsControl .quiqqer-tabsAdvanced-nav-link {
    border: 2px solid var(--qui-color-muted);
    background-color: #fff;
    margin-inline: 2rem;
    box-shadow: 0 0 0 0.5rem #fff;
    border-radius: 1rem;
    font-weight: normal;
    padding: 0.5rem 1rem;
    transition-property: var(--qui-transition-fast);
}

.freemom-tabsControl .quiqqer-tabsAdvanced-nav-link:hover {
    background-color: #f5f5f5;
}

.freemom-tabsControl .active .quiqqer-tabsAdvanced-nav-link {
    color: var(--qui-color-main);
    border-color: var(--qui-color-main);
}

/* inactive */
.freemom-tabsControl .quiqqer-tabsAdvanced-nav-link[href="#4.-bezahlen-coming-soon"],
.freemom-tabsControl .quiqqer-tabsAdvanced-nav-link[href="#5.-bewerten-coming-soon"] {
    border-style: dashed;
    color: #bbb;
    border-color: currentColor;
}

.freemom-tabsControl .active .quiqqer-tabsAdvanced-nav-link[href="#4.-bezahlen-coming-soon"],
.freemom-tabsControl .active .quiqqer-tabsAdvanced-nav-link[href="#5.-bewerten-coming-soon"] {
    border-style: dashed;
    color: var(--qui-color-main);
    border-color: var(--qui-color-main);
}

@media screen and (max-width: 767px) {
    .freemom-tabsControl .quiqqer-tabsAdvanced-nav-link {
        margin-inline: 1rem;
    }
}

/* tab content */
@media screen and (min-width: 768px) {
    .freemom-tabsControl .quiqqer-tabsAdvanced-content {
        margin-top: 5rem;
    }
}

/*****************************************/
/* Freemom boxContentAdvanced brick ******/
/* .freemom__boxContentAdvanced-standard */
/*****************************************/
.freemom__boxContentAdvanced-standard > .grid-children {
    overflow: initial;
}

.freemom__boxContentAdvanced-standard .quiqqer-boxContentAdvanced-entry-container {
    position: relative;
}

.freemom__boxContentAdvanced-standard .quiqqer-boxContentAdvanced-entry {
    position: relative;
}

.freemom__boxContentAdvanced-standard .quiqqer-boxContentAdvanced-entry-container:before {
    content: '';

    background-color: var(--freemom-bg-light);
    border-radius: 1rem;

    position: absolute;
    z-index: 0;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    opacity: 0;
    transition: var(--qui-transition-normal);
}

.freemom__boxContentAdvanced-standard .quiqqer-boxContentAdvanced-entry-container:hover:before {
    opacity: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

@media screen and (min-width: 768px) {
    .freemom__boxContentAdvanced-standard .quiqqer-boxContentAdvanced-entry {
        margin: 2rem;
    }
}

.freemom__boxContentAdvanced-standard .quiqqer-boxContentAdvanced-entry-img > .fa {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    background: var(--qui-color-main);
    width: 3rem;
    line-height: 3rem;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    position: relative;
    z-index: 0;
}

.freemom__boxContentAdvanced-standard .quiqqer-boxContentAdvanced-entry-img > .fa:after {
    content: '';
    position: absolute;
    left: -10px;
    top: -10px;
    bottom: -10px;
    right: -10px;
    background: var(--qui-color-main);
    border-radius: 50%;
    z-index: -1;
    opacity: 0.15;
}

.freemom__boxContentAdvanced-standard .quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-title {
    font-size: 1.125rem;
    text-align: center;
}

/*****************************************++++++++/
/* Freemom boxContentAdvanced brick: invert ******/
/* .freemom__boxContentAdvanced-standard__invert */
/*************************************************/
.freemom__boxContentAdvanced-standard__invert {
    background-image: var(--freemom-color-bg);
    background-size: 150% 150%;
    color: #fff;
    padding: 4rem 2rem 2rem;
    border-radius: 1rem;
}

.freemom__boxContentAdvanced-standard__invert :is(h1, h2, h3, h4, h5) {
    color: inherit;
}

.freemom__boxContentAdvanced-standard__invert .quiqqer-boxContentAdvanced-entry-container:before {
    background-color: rgba(0, 0, 0, 0.1);
}

/******************/
/* freemom-banner */
/******************/
.freemom-banner {
    background-color: var(--freemom-bg-light);
    padding: 4rem 2rem;
    border-radius: 1rem;
}

.freemom-banner > .control-content {
    margin-bottom: 0;
}

.freemom-banner__color {
    background-image: var(--freemom-color-bg);
    background-size: 150% 150%;
    color: #fff;
}

.freemom-banner__color :is(h1, h2, h3, h4, h5) {
    color: inherit;
}

/***********************/
/* CTA Banner **********/
/* .freemom-cta-banner */
/***********************/
.freemom-cta-register {
    background-color: var(--freemom-bg-light);
    padding: 4rem 2rem;
    border-radius: 1rem;
    max-width: 1200px;
    margin-inline: auto;
}

.freemom-cta-register .control-content {
    margin-bottom: 0;
}

.freemom-cta-banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

@media screen and (min-width: 768px) {
    .freemom-cta-banner-content {
        flex-direction: row;
        border-radius: 2rem;
    }

    .freemom-cta-banner-content-left {
        width: 60%;
    }

    .freemom-cta-banner-content-right {
        width: 40%;
    }
}

@media screen and (max-width: 500px) {
    .freemom-cta-banner-content {
        padding: 2rem 1rem;
    }
}

/********************************/
/* EU Co financing banner *******/
/* .freemom-euCoFinancingBanner */
/********************************/
.freemom-euCoFinancingBanner {
    border-radius: 1rem;
    max-width: 1200px;
    padding: 1rem 2rem;
    margin: 0 auto;
    background-color: var(--freemom-bg-light);
}

/**************************/
/* Customer review slider */
/**************************/
.customerReviewsSlider-templateOne .customerReviewsSlider-templateOne-review.default-content,
.customerReviewsSlider-templateOne .customerReviewsSlider-templateOne-review.default-content:after {
    background-color: var(--freemom-bg-light);
}

.customerReviewsSlider-templateOne-client-img {
    display: none;
}

.freemom__customerReviewsSlider-templateOne-client-img {
    margin-bottom: 1rem;
}

a.customerReviewsSlider-templateOne-url:not(:hover, :focus) {
    color: inherit;
}

@media screen and (min-width: 768px) {
    .customerReviewsSlider-templateOne-review.default-content.default-content {
        padding: 2rem;
    }

    .customerReviewsSlider-templateOne-review.default-content.default-content:after {
        left: 2rem;
    }
}

/*********************/
/* Page FreeMom hero */
/*********************/
.freemom-forMoms-hero .quiqqer-textImage-content-inner {
    max-width: var(--max-width-600, 600px);
}


/****************/
/* FreeMOM Quiz */
/****************/
/* questions */
.freemom-questions-nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin-bottom: 1rem;
}

.freemom-questions-nav li {
    background-color: #2E054D;
    border-radius: 7px;
    height: 7px;
    margin-right: 1rem;
    opacity: 0;
    padding: 0;
    transition: 0.2s ease;
    width: 7px;
}

.freemom-questions-nav li.active,
.freemom-questions-nav li.done {
    background-color: #FF8273;
}

.freemom-questions-nav li.active {
    transform: scale(1.75);;
}

.freemom-questionsContainer p {
    font-size: 1.25rem;
    margin-bottom: 0;
}

.freemom-questionsContainer label {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-top: 1rem;
}

@media screen and (max-width: 767px) {
    .freemom-questionsContainer label {
        margin-left: 1rem;
    }
}

.freemom-questionsContainer label span {
    border: 2px solid transparent;
    display: inline-block;
    font-size: 1.5rem;
    padding: 0.5rem 1.5rem;
    transition: 0.2s all;
}

.freemom-questionsContainer input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    border-color: #333333;
    border-width: 4px;
    cursor: pointer;
    flex-shrink: 0;
    height: 2.5rem;
    margin: 0 0.5rem 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    transition: 0.2s all;
    width: 2.5rem;
}

.freemom-questionsContainer input[type="checkbox"].animation {
    animation: shadow-pulse 2s infinite;
    animation-delay: 3000ms;
    animation-iteration-count: 20;
    animation-timing-function: ease-out;
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 130, 115, 0.2);
        border-color: #FF8273;
    }

    50% {
        box-shadow: 0 0 0 25px rgba(255, 130, 115, 0.001);
        border-color: #333;

    }
}


.freemom-questions-label {
    position: relative;
}

.freemom-questions-label svg {
    left: -30px;
    position: absolute;
    top: -10px;
}

.freemom-questionsContainer input[type="checkbox"]:after {
    color: #FF8273;
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 1.5rem;
    line-height: calc(2.5rem - 4px);
    position: relative;
    top: 2.5rem;
    transition: 0.2s ease;
}

.freemom-questionsContainer input[type="checkbox"]:checked:after {
    opacity: 1;
    top: 0;
}

.freemom-questionsContainer input[type="checkbox"]:checked ~ span,
.freemom-questionsContainer label:hover span {
    color: #FF8273;
}

.freemom-questionsContainer input[type="checkbox"]:checked,
.freemom-questionsContainer label:hover input[type="checkbox"] {
    border-color: #FF8273;
}

.freemom-questionsContainer input[type="checkbox"]:checked {
    animation-name: none;
}

.freemom-questionsContainer label:hover input[type="checkbox"] {
    animation-name: none;

}

/*****************/
/* SVG Animation */
/*****************/
.freemom-questions-label svg .path {
    animation: pathAnimation 2s cubic-bezier(0.24, 0.71, 0.07, 0.96) forwards;
    animation-delay: 1s;
    stroke-dasharray: 350;
    stroke-dashoffset: 350;
}

@keyframes pathAnimation {
    to {
        stroke-dashoffset: 0;
    }
}

/********************************/
/* Page Freemom: training brick */
/********************************/
.freemom-forMoms-training {
    background-color: var(--freemom-bg-light);
    border-radius: 1rem;
}

.freemom-forMoms-training .quiqqer-textImage-content-inner {
    padding: 2rem;
}

/***********************/
/* Freemom placeholder */
/***********************/
.freemom-placeholder {
    background-color: var(--freemom-bg-light);
    border-radius: 1rem;
    padding: 2rem 4rem;
    font-size: 2rem;
    text-transform: uppercase;
    color: #d8dae0;
    letter-spacing: 4px;
}

.freemom-placeholder > .control-content,
.freemom-placeholder > .control-content > p:last-child {
    margin-bottom: 0;
}

/****************/
/* Page contact */
/****************/
/* address box */
.address-box {
    background: var(--freemom-bg-light);
    border-radius: 1rem;
    padding: 2rem;
    max-width: 500px;
    margin: 2rem auto;
}

.address-entry {
    display: grid;
    grid-template-columns: 2rem 1fr;
}

.address-entry-text > p {
    margin: 0;
}

.address-entry-text > a {
    font-weight: normal;
}

.address-social {
    margin: 2rem auto 0;
}

/* contact formular */
.freemom-contact div.quiqqer-simple-contact {
    padding: 2rem;
    border-radius: 1rem;
    background: var(--freemom-bg-light);
}

.freemom-contact .quiqqer-simple-contact form select,
.freemom-contact .quiqqer-simple-contact form textarea,
.freemom-contact .quiqqer-simple-contact form input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"]) {
    background-color: #fff !important;
}

.freemom-contact .quiqqer-simple-contact form select:hover,
.freemom-contact .quiqqer-simple-contact form select:focus,
.freemom-contact .quiqqer-simple-contact form textarea:hover,
.freemom-contact .quiqqer-simple-contact form textarea:focus,
.freemom-contact .quiqqer-simple-contact form input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"]):hover,
.freemom-contact .quiqqer-simple-contact form input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"]):focus {
    filter: initial;
    border-color: var(--qui-color-main);
}

/**********************************/
/* Page about us: sub header text */
/**********************************/
.aboutUs-subheader {
    background-color: var(--freemom-bg-light);
    border-radius: 1rem;
    max-width: 1000px;
    padding: 1rem 2rem;
    column-count: 2;
    column-gap: 2rem;
    margin: -3rem auto 0;
    font-size: var(--qui-fs-md);
}

.aboutUs-subheader > .control-content {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .aboutUs-subheader {
        column-count: 1;
        margin-top: -2rem;
    }
}

/************************************/
/* Page about us: aboutUs-ourVision */
/************************************/
.aboutUs-ourVision {
    border-radius: 1rem;
    background-image: var(--freemom-color-bg);
    color: #fff;
    overflow: hidden;
}

.aboutUs-ourVision .quiqqer-textImage .quiqqer-textImage-content h2 {
    color: inherit;
}

.aboutUs-ourVision .quiqqer-textImage .quiqqer-textImage-content {
    padding: 1rem;
}

@media screen and (min-width: 1000px) {
    .aboutUs-ourVision .quiqqer-textImage .quiqqer-textImage-image {
        min-width: 500px;
        align-items: stretch;
    }

    .aboutUs-ourVision .quiqqer-textImage .quiqqer-textImage-image img {
        display: block;
        height: 100%;
        object-fit: cover;
    }

    .aboutUs-ourVision .quiqqer-textImage .quiqqer-textImage-content {
        padding: 2rem;
        display: grid;
        place-content: center;
    }

    .aboutUs-ourVision .quiqqer-textImage .quiqqer-textImage-content .quiqqer-textImage-content-inner {
        max-width: var(--max-width-600, 600px);
    }
}

@media screen and (max-width: 767px) {
    .aboutUs-ourVision .quiqqer-textImage .quiqqer-textImage-image img {
        max-height: 300px;
        margin: 1rem 1rem 0 1rem;
        max-width: calc(100% - 2rem);
        display: block;
    }
}

/*****************************************/
/* Page about us: aboutUs-ourStorySlider */
/*****************************************/
.aboutUs-ourStorySlider .quiqqer-tabsAdvanced-content {
    background-color: var(--freemom-bg-light);
    border-radius: 1rem;
    margin: 0;
    padding: 2rem;
}

.aboutUs-ourStorySlider .quiqqer-tabsAdvanced-nav {
    margin-bottom: -1rem;
}

.aboutUs-ourStorySlider .quiqqer-tabsAdvanced-nav-inner {
    flex-grow: 1;
}

.aboutUs-ourStorySlider .quiqqer-tabsAdvanced-nav-link {
    border-radius: 1rem 1rem 0 0;
    color: var(--qui-color-muted);
    font-size: var(--qui-fs-md);
    padding-bottom: 2rem;
}

.active > .quiqqer-tabsAdvanced-nav-link {
    background-color: var(--freemom-bg-light);
    color: inherit !important;
}

.active > .quiqqer-tabsAdvanced-nav-link > .fa {
    color: var(--qui-color-primary);
}

.aboutUs-ourStorySlider .quiqqer-tabsAdvanced-content-image img {
    border-radius: 1rem;
}

.aboutUs-ourStorySlider .quiqqer-tabsAdvanced-content-image-inner:after {
    content: '';
    font-size: 13px;
    padding: 0;
    display: block;
    text-align: center;
    opacity: 0.7;
    line-height: 1.4;
}

/* Für Bildunterschrift */
/* Dieser Text wird per JS unter dem Bild platziert */
.aboutUs-ourStorySlider-figcaption {
    display: none;
    font-size: 13px;
    padding: 0;
    text-align: center;
    opacity: 0.7;
    line-height: 1.4;
    margin: 0 !important;
}

.aboutUs-ourStorySlider .quiqqer-tabsAdvanced-content-body {
    grid-area: content;
    display: grid;
    place-items: center;
}

/********************************************/
/* 3er children list --> article-list-entry */
/********************************************/
.article-list > .grid {
    margin-bottom: 1.5rem;
}

.article-list-entry-image {
    height: auto;
    background: var(--freemom-bg-light);
    margin-bottom: 1rem;
    border-radius: 1rem;
    overflow: hidden;
    aspect-ratio: 3 / 2;
    width: 100%;
}

.article-list-entry-image > a > picture > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-list-entry-content-meta .fa {
    margin-right: 0.5em;
}

.article-list-entry-content-title > a:not(:hover) {
    color: inherit;
}

h3.article-list-entry-content-title {
    margin: 0.25rem 0;
}

/***************************/
/* freemom-press-reporting */
/***************************/
.brick-container__freemom-press-reporting {
    position: relative;
}

.brick-container__freemom-press-reporting:after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: var(--freemom-bg-light);
    transform: skewY(-3deg);
}

/****************************************/
/* Text and image brick with background */
/****************************************/
.freemom-brick-bg {
    border-radius: 1rem;
}

.freemom-brick-bg .quiqqer-textImage-content-inner {
    padding: 2rem;
}

/* bg: light */
.freemom-brick-bg__light {
    background-color: var(--freemom-bg-light);
}

/* bg: color */
.freemom-brick-bg__color1 {
    background-image: var(--freemom-color-bg);
    background-size: 150% 150%;
    color: #fff;
}

.freemom-brick-bg__color1 .quiqqer-textImage-content-inner :is(h1, h2, h3, h4, h5) {
    color: inherit;
}

/*********************************/
/* Startpage: company statements */
/*********************************/
.freemom-company-statements.freemom__boxContentAdvanced-standard__invert {
    padding: 2rem;
}

.freemom-company-statements .quiqqer-boxContentAdvanced-entry-container {
    justify-content: center;
}

.freemom-company-statements .quiqqer-boxContentAdvanced-entry {
    max-width: 300px;
}

.freemom-company-statements.freemom__boxContentAdvanced-standard .quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-title {
    font-size: var(--qui-fs-2xl);
}

/********/
/* Blog */
/********/
.childrenlist-cardsCssGrid-entry {
    box-shadow: none !important;
    border-radius: 1rem;
    overflow: hidden;
}

.freemom__childrenlist-cardsCssGrid-entry-cover-tags {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
}

.childrenlist-cardsCssGrid-entry-cover-overlay {
    background-image: linear-gradient(to right top, rgba(255, 138, 117, 0.4), rgba(214, 92, 110, 0.32), rgba(164, 50, 101, 0.22), rgba(107, 20, 91, 0.32), #2e054d45), linear-gradient(45deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.5)) !important;
}

.childrenlist-cardsCssGrid-entry-cover-overlay-header h2 {
    color: #fff;
}

.freemom__childrenlist-cardsCssGrid-entry-cover-tags .freemom-tag-site {
    font-size: var(--qui-fs-xs);
}

/**************/
/* Blog Entry */
/**************/
.freemom-blog-entry-tags {
    margin-bottom: 1rem;
    margin-top: 3rem;
}

.freemom-blog-entry-tags + h1 {
    margin-top: 0;
}

.blog-entry-date-and-author {
    margin-top: -1rem;
}

.blog-entry-image {
    margin: 2rem 0;
}

/*************************************/
/* Brick Get Demo Access for company */
/*************************************/
/* banner - outer brick */
.brick-container__freemom-getDemoAccessForCompany-banner {
    background: var(--freemom-bg-light) !important;
}

.freemom-getDemoAccessForCompany-banner {
    max-width: 1200px;
    margin-inline: auto;
}

.freemom-getDemoAccessForCompany-banner .freemom-cta-banner-content-left {
    margin-right: auto;
    max-width: 500px;
}

.freemom-getDemoAccessForCompany-banner .freemom-cta-banner-content-right {
    border-radius: 1rem;
    background: #fff;
    padding: 2rem;
}

/* form - inner brick */
.freemom-getDemoAccessForCompany-form label[for="qui-contact-name"],
.freemom-getDemoAccessForCompany-form input[name="name"],
.freemom-getDemoAccessForCompany-form label[for="qui-contact-message"],
.freemom-getDemoAccessForCompany-form textarea[name="message"] {
    display: none;
    visibility: hidden;
}

/* visible form elements styling */
.freemom-getDemoAccessForCompany-form .quiqqer-simple-contact-button {
    margin-top: 2rem;
}

.freemom-getDemoAccessForCompany-form .quiqqer-simple-contact label[for="qui-contact-privacypolicy"] {
    font-size: var(--qui-fs-xs);
}

.freemom-getDemoAccessForCompany-form [for="qui-contact-email"] {
    font-size: var(--qui-fs-sm);
    margin-bottom: 0.5em;
}

.freemom-getDemoAccessForCompany-form [name="email"] {
    background-color: #fff;
    border-color: currentColor;
}

/***************************/
/* captcha contact overlay */
/***************************/
#recaptcha-consent-overlay #recaptcha-consent-text {
    line-height: 1.4;
    text-align: left;
}

.html5tooltip-bottom, .html5tooltip-left, .html5tooltip-right, .html5tooltip-top {
    width: var(--width, auto) !important;
}

.html5tooltip-box {
    font-family: inherit;
    background-color: #fafafa;
    border-radius: var(--freemom-border-radius-sm);
    outline: 1px solid var(--freemom-border-color);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .15), 0 0 10px rgba(255, 255, 255, .15);
    color: var(--qui-color-body);
    font-size: var(--qui-fs-xs);
    font-weight: inherit;
    /*padding: 1.25rem 1.5rem;*/
    width: 100%;
}

.html5tooltip-box:before {
    background-color: var(--freemom-border-color) !important;
    z-index: -1 !important;
}

.html5tooltip-box .html5tooltip-text {
    /*padding: 0;*/
}

.html5tooltip-top .html5tooltip-box:before {
    top: calc(100% + 6px);
    background: transparent !important;
    border: 6px solid transparent;
    width: 0;
    height: 0;
    border-top: 6px solid var(--freemom-border-color) !important;
    transform: translate3d(-6px, -6px, 0) !important;
}

/*******************/
/* FreeMOM Tooltip */
/*******************/
.freemom-tooltip {
    outline: 1px solid transparent;
}

.freemom-tooltip:not(.freemom-tooltip__active):where(:hover, :focus) {
    outline: 1px solid #ddd;
}

.freemom-tooltip__active {
    outline: 1px solid var(--qui-message-warning-color);
}

/*************************/
/* Sendinblue Newsletter */
/*************************/
.freemom-sendinblueNewsletter {
    align-items: center;
    background-attachment: fixed;
    background-image: url('/media/cache/freemom/Backgrounds/freemom-bg__2000.png');
    background-size: cover;
    display: flex;
    justify-content: center;
    border-radius: 1rem;
    padding: 5rem 2rem;
}

.freemom-sendinblueNewsletter .sib-form {
    font-family: inherit;
    font-size: inherit;
    padding: 0;
}

.freemom-sendinblueNewsletter #sib-container {
    background-color: transparent !important;
    max-width: 700px !important;
    padding: 0;
}

.freemom-sendinblueNewsletter .sib-form-container a {
    color: var(--qui-color-primary);
}

.freemom-sendinblueNewsletter .sib-form-block {
    font-family: inherit !important;
    padding-left: 0;
    padding-right: 0;
    text-align: justify !important;
}

.freemom-sendinblueNewsletter #sib-form > div:first-child .sib-form-block {
    font-family: 'Biryani', serif !important;
    text-align: left !important;
}

.freemom-sendinblueNewsletter .sib-form .entry__error,
.freemom-sendinblueNewsletter .sib-form .entry__label,
.freemom-sendinblueNewsletter .sib-form .entry__specification,
.freemom-sendinblueNewsletter .sib-form .form__error {
    font-family: inherit !important;
    max-width: 100%;
}

.freemom-sendinblueNewsletter .sib-form-block__button {
    border-color: var(--qui-color-primary);
    border-style: solid;
    border-width: 2px !important;
    font-family: inherit !important;
    min-width: 220px;
    text-align: center !important;
    width: auto;
}

.freemom-sendinblueNewsletter .sib-form-block__button:hover {
    background-color: transparent !important;
    color: var(--qui-color-primary) !important;
}

.freemom-sendinblueNewsletter .sib-form .entry__error {
    background-color: transparent !important;
    color: var(--qui-color-primary) !important;
}

/*****************************************/
/* Newsletter QUIQQER Form - cleverreach */
/*****************************************/
.freemom-quiNewsletter {
}

.freemom-quiNewsletter :is(.control-content, .quiqqer-cleverreach-BrickRegistrationForm-RegistrationForm) {
    max-width: 40rem;
    margin-inline: auto;
}

/* light gray version */
.freemom-quiNewsletter--light {
    --qui-form-input-bg: #fff;

    background-color: var(--freemom-bg-light);
    padding: 5rem var(--freemom-spacing);
    border-radius: 1rem;
}

/* white text on color bg  */
.freemom-quiNewsletter--colored {
    --qui-form-input-bg: #fff;

    background-attachment: fixed;
    background-image: url('/media/cache/freemom/Backgrounds/freemom-bg__2000.png');
    background-size: cover;
    color: #fff;
    border-radius: 1rem;
    padding: 5rem var(--freemom-spacing);
}

.freemom-quiNewsletter--colored :is(h1, h2,h3,h4) {
    color: inherit;
}

.freemom-quiNewsletter--colored :is(.content-message-success, .content-message-error) {
    color: var(--qui-color-body);
}

/***************************/
/* Text and image multiple */
/***************************/
.quiqqer-textImageMultiple .quiqqer-textImage {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

/********************/
/* Register overlay */
/********************/
.freemom-overlay-registerCall__parent {
    position: relative;
}

.freemom-overlay-registerCall__parent:hover .freemom-overlay-registerCall,
.freemom-overlay-registerCall__parent:active .freemom-overlay-registerCall {
    opacity: 1;
}

.freemom-overlay-registerCall {
    align-items: center;
    background: var(--freemom-overlay-registerCall, rgba(246, 247, 251, 0.8));
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: 0.3s ease;
    width: 100%;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 1rem;
    opacity: 0;
}

/***************************************************/
/* Company - angebot und leistungen: pricing title */
/***************************************************/
.brick-container__freemom-company-price-title {
    padding-bottom: 0 !important;
}

.freemom-company-price-title > .control-content {
    margin-bottom: 0 !important;
}

/***************************/
/* animated icon - fade in */
/***************************/
.animated-icon--fadein {
    margin: 10% auto;
    width: 60px;
    height: 60px;
    display: flex;
    font-size: 30px;
    padding: 15px;
    border-radius: 50%;
    position: relative;
    animation: animated-icon--fadein 0.9s;
    color: var(--qui-color-main);
}

.animated-icon--fadein:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 6px;
    animation: animated-icon--fadein 0.9s;
}

@keyframes animated-icon--fadein {
    0%, 50% {
        transform: scale(0);
    }
    70% {
        transform: scale(1.15);
    }

    85% {
        transform: scale(1);
    }

    90% {
        transform: scale(1.03);
    }

    100% {
        transform: scale(1);
    }
}

/**/
/* Box */
/***/
.freemom-styled-box {
    --bg: #fff;
    background: var(--bg);
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
    margin: 2rem auto;
    max-width: 800px;
    padding: calc(1.5 * var(--freemom-spacing));
}

.quiqqer-frontendUsers-userdata-address > header > span {
    color: grey;
    font-size: var(--qui-fs-xs);
    font-style: italic;
}

/******************/
/* Support button */
/******************/
.freemom-supportBtnContainer {
    position: fixed;
    left: 0;
    bottom: 5rem;
    transition: var(--qui-transition-duration-normal);
    z-index: 10;
}

/**
1. width of the svg icon .freemom-supportBtn__icon
 */
.freemom-supportBtnContainer[data-state="collapsed"] {
    transform: translateX(calc(-100% + 3.5em)); /* 1 */
}

@media (hover: hover) {
    .freemom-supportBtnContainer:hover {
        transform: translateX(0);
    }
}

button.freemom-supportBtn {
    padding: 0 !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    background-color: #0d7fc9;
    color: #fff;
}

button.freemom-supportBtn:hover {
    opacity: 1;
}

.freemom-supportBtn__label {
    padding-left: 1em;
    margin-right: 0.5em;
    text-transform: uppercase;
}

.freemom-supportBtn__icon {
    margin: 0;
    width: 3.5em;
    background: rgba(255, 255, 255, 0.15);
    height: 100%;
    padding: 0.75em;
}

.freemom-supportBtn__closeIcon {
    --size: 1.25rem;

    position: absolute;
    top: calc(-1 * var(--size) / 2);
    right: calc(-1 * var(--size) / 2);
    width: var(--size);
    line-height: var(--size);
    height: var(--size);
    background: var(--qui-color-secondary);
    border-radius: 50%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #fff;
    text-align: center;
    transition: var(--qui-transition-duration-normal);
    transform: scale(0);
}

.freemom-supportBtn__closeIcon[data-show="1"] {
    transform: scale(1);
}

/* Support button */
.freemom-support-popup .qui-window-popup-title {
    background-color: transparent !important;
    height: 40px;
}

.freemom-support-popup .qui-window-popup-title-text {
    display: none;
}

.freemom-support-popup .qui-window-popup-content {
    max-width: 600px;
    margin-inline: auto;
}

.freemom-support-popup__title {
    text-align: center;
}

/* support popup */
.support-privacyPolicyLabel {
    display: flex !important;
    align-items: flex-start;
}

#support-user-privacyPolicy {
    margin-top: 0.5em;
}

/* success message */
.freemom-support-popup-successMessage {
    text-align: center;
    font-size: var(--qui-fs-md);
    top: 40%;
    position: relative;
    transform: translateY(-50%);
}

/************************/
/* check icon animation */
/************************/
.fa-check-success-contact {
    margin: 0 auto 5rem;
    width: 60px;
    height: 60px;
    display: flex;
    font-size: 30px;
    padding: 15px;
    border-radius: 50%;
    position: relative;
    animation: fa-check-success-contact-animation 0.9s;
    color: var(--freemom-color-success);
}

.fa-check-success-contact:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 6px;
    animation: fa-check-success-contact-animation 0.9s;
}

@keyframes fa-check-success-contact-animation {
    0%, 50% {
        transform: scale(0);
    }
    70% {
        transform: scale(1.15);
    }

    85% {
        transform: scale(1);
    }

    90% {
        transform: scale(1.03);
    }

    100% {
        transform: scale(1);
    }
}

/******************/
/* Support button */
/******************/
.freemom-supportBtnContainer {
    position: fixed;
    left: 0;
    bottom: 5rem;
    transition: var(--qui-transition-duration-normal);
}

/**
1. width of the svg icon .freemom-supportBtn__icon
 */
.freemom-supportBtnContainer[data-state="collapsed"] {
    transform: translateX(calc(-100% + 3.5em)); /* 1 */
}

@media (hover: hover) {
    .freemom-supportBtnContainer:hover {
        transform: translateX(0);
    }
}

button.freemom-supportBtn {
    padding: 0 !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    background-color: #0d7fc9;
    color: #fff;
}

.freemom-supportBtn__label {
    padding-left: 1em;
    margin-right: 0.5em;
    text-transform: uppercase;
}

.freemom-supportBtn__icon {
    margin: 0;
    width: 3.5em;
    background: rgba(255, 255, 255, 0.15);
    height: 100%;
    padding: 0.75em;
}

.freemom-supportBtn__closeIcon {
    --size: 1.25rem;

    position: absolute;
    top: calc(-1 * var(--size) / 2);
    right: calc(-1 * var(--size) / 2);
    width: var(--size);
    line-height: var(--size);
    height: var(--size);
    background: var(--qui-color-secondary);
    border-radius: 50%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #fff;
    text-align: center;
    transition: var(--qui-transition-duration-normal);
    transform: scale(0);
}

.freemom-supportBtn__closeIcon[data-show="1"] {
    transform: scale(1);
}

/* Support button */
.freemom-support-popup .qui-window-popup-title {
    background-color: transparent !important;
    height: 40px;
}

.freemom-support-popup .qui-window-popup-title-text {
    display: none;
}

.freemom-support-popup .qui-window-popup-content {
    max-width: 600px;
    margin-inline: auto;
}

.freemom-support-popup__title {
    text-align: center;
}

/* support popup */
.support-privacyPolicyLabel {
    display: flex !important;
    align-items: flex-start;
}

#support-user-privacyPolicy {
    margin-top: 0.5em;
}

/* success message */
.freemom-support-popup-successMessage {
    text-align: center;
    font-size: var(--qui-fs-md);
    top: 40%;
    position: relative;
    transform: translateY(-50%);
}

/************************/
/* check icon animation */
/************************/
.fa-check-success-contact {
    margin: 0 auto 5rem;
    width: 60px;
    height: 60px;
    display: flex;
    font-size: 30px;
    padding: 15px;
    border-radius: 50%;
    position: relative;
    animation: fa-check-success-contact-animation 0.9s;
    color: var(--freemom-color-success);
}

.fa-check-success-contact:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 6px;
    animation: fa-check-success-contact-animation 0.9s;
}

@keyframes fa-check-success-contact-animation {
    0%, 50% {
        transform: scale(0);
    }
    70% {
        transform: scale(1.15);
    }

    85% {
        transform: scale(1);
    }

    90% {
        transform: scale(1.03);
    }

    100% {
        transform: scale(1);
    }
}

/***********************/
/* Popup course banner */
/***********************/
.popup-banner,
.popup-course-banner {
    --img-width: 15rem;
    --width: 40rem;
    background-color: #2E054D;
    color: #fff;
    padding: 2rem calc(var(--img-width) - 2rem) 1rem 2rem;
    border-radius: 1rem;
    bottom: 0;
    position: fixed;
    right: 1rem;
    z-index: 10;
    width: var(--width);
    max-width: calc(100% - 4rem);
}

.popup-banner:after,
.popup-course-banner:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 1rem;
    background-image: linear-gradient(-15deg, #2e054dd9 5%, transparent 30%);
    z-index: -1;
}

.popup-banner__image,
.popup-course-banner__image {
    width: var(--img-width);
    position: absolute;
    z-index: -2;
    bottom: 1rem;
    right: 1rem;
    max-height: initial;
}


/*********************/
/* Popup: newsletter */
/*********************/
.popup-banner--newsletter {
    background-color: #428c8e;
}

.popup-banner--newsletter::after {
    background-image: linear-gradient(-15deg, #428c8e 5%, transparent 30%);
}

.popup-banner--newsletter .btn-close {
    position: absolute;
    top: -1.25rem;
    right: -0.75rem;
    width: 2.5rem;
    line-height: 2.5rem;
    padding: 0;
    border-radius: 50%;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/*********************************/
/* Newsletter page with download */
/*********************************/
.quiqqer-cleverreach-registrationFormWithDownload__wrapper {
    background-color: var(--freemom-bg-light);
    padding: calc(var(--freemom-spacing) * 2);
    border-radius: 1rem;
}

.quiqqer-cleverreach-registrationFormWithDownload.content-template {
    padding-bottom: 0;
    padding-top: 0;
}

.quiqqer-cleverreach-RegistrationForm.quiqqer-cleverreach-RegistrationFormWithDownload {
    background-color: #fff;
    padding: calc(var(--freemom-spacing) * 2);
    max-width: 35rem;
    margin-inline: auto;
    border-radius: 1rem;
}

.quiqqer-cleverreach-RegistrationForm button[name="submit"] {
    width: 100%;
}

.quiqqer-cleverreach-registrationFormWithDownload-download {
    text-align: center;
}

.quiqqer-cleverreach-registrationFormWithDownload-download > a:not(:hover) {
    color: var(--qui-color-muted);
}

.quiqqer-cleverreach-registrationFormWithDownload-download > a {
    margin-top: 0.5em;
    display: block;
    font-size: var(--qui-fs-sm);
}

.quiqqer-cleverreach-registrationFormWithDownload-download > a > button {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .quiqqer-cleverreach-registrationFormWithDownload__wrapper,
    .quiqqer-cleverreach-RegistrationForm.quiqqer-cleverreach-RegistrationFormWithDownload {
        padding: var(--freemom-spacing);
    }
}

/**********************/
/* Pricing plan brick */
/* Use only with \QUI\Bricks\Controls\BoxContentAdvanced (Bausteine: Inhalt mit Bild in Boxen) */
/**********************/
.freemom-pricingPlan .quiqqer-boxContentAdvanced-entries {
    max-width: 1000px;
    margin-inline: auto;
}

.freemom-pricingPlan .quiqqer-boxContentAdvanced-entry {
    display: flex;
    flex-direction: column;
}

.freemom-pricingPlan .quiqqer-boxContentAdvanced-entry-container {
    width: auto;
    flex: 1;
}

.freemom-pricingPlan .quiqqer-boxContentAdvanced-entry {
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    background: var(--freemom-bg-light);
    padding: var(--freemom-spacing);
}

.freemom-pricingPlan .quiqqer-boxContentAdvanced-entry-content {
    display: grid;
    flex-grow: 1;
    gap: 1rem;
}

.freemom-pricingPlan .quiqqer-boxContentAdvanced-entry-container header {
    text-align: center;
    margin-top: 1rem;
}

.freemom-pricingPlan .quiqqer-boxContentAdvanced-entry-container h4 {
    color: var(--qui-color-main);
    font-size: var(--qui-fs-3);
}

.freemom-pricingPlan .quiqqer-boxContentAdvanced-entry-subTitle {
    font-size: var(--qui-fs-2) !important;
    color: var(--qui-color-secondary);
    font-weight: bold;
    position: relative;
    display: block;
    margin-bottom: 1rem;
}

.quiqqer-boxContentAdvanced-entry-subTitle:after {
    content: '';
    width: 3rem;
    height: 0.25rem;
    background: var(--qui-color-main);
    position: absolute;
    bottom: -1rem;
    left: calc(50% - 1.5rem);
}

.freemom-pricingPlan .quiqqer-boxContentAdvanced-entry-content .btn {
    width: 100%;
}

/* Pricing plan QUIPopup */
.freemom-companyFullServiceRequestForm-quiPopup .qui-window-popup-title {
    background-color: transparent !important;
    height: 40px;
}

.freemom-companyFullServiceRequestForm-quiPopup .qui-window-popup-title-text {
    display: none;
}

/* pricing email form */
.freemom-companyFullServiceRequestForm {
    display: none;
}

.freemom-companyFullServiceRequestForm .control-content {
    margin-bottom: 1rem;
}

.freemom-companyFullServiceRequestForm label[for="qui-contact-name"],
.freemom-companyFullServiceRequestForm input[name="name"],
.freemom-companyFullServiceRequestForm label[for="qui-contact-message"],
.freemom-companyFullServiceRequestForm textarea[name="message"] {
    display: none;
    visibility: hidden;
}

.freemom-companyFullServiceRequestForm [type="submit"] {
    width: 100%;
}

/*****************************/
/* Company pricing - 08.2024 */
/*****************************/
.freemom-company-pricing-2024 .freemom-pricingPlan {
    display: grid;
    grid-template-columns: clamp(200px, 30%, 250px) 1fr 1fr 1fr;
    gap: 0 1rem;
    grid-template-areas:
            ".         plan-1-header    plan-2-header    plan-3-header"
            "feature-1 plan-1-feature-1 plan-2-feature-1 plan-3-feature-1"
            "feature-2 plan-1-feature-2 plan-2-feature-2 plan-3-feature-2"
            "feature-3 plan-1-feature-3 plan-2-feature-3 plan-3-feature-3"
            "feature-4 plan-1-feature-4 plan-2-feature-4 plan-3-feature-4"
            "feature-5 plan-1-feature-5 plan-2-feature-5 plan-3-feature-5"
            "feature-6 plan-1-feature-6 plan-2-feature-6 plan-3-feature-6"
            "feature-7 plan-1-feature-7 plan-2-feature-7 plan-3-feature-7"
            "feature-8 plan-1-feature-8 plan-2-feature-8 plan-3-feature-8"
            ".         plan-1-footer    plan-2-footer    plan-3-footer";
}

.freemom-company-pricing-2024 .freemom-pricingPlan__mobile-label {
    display: none;
}

.freemom-company-pricing-2024 .freemom-pricingPlan__featureList,
.freemom-company-pricing-2024 .freemom-pricingPlan__box {
    padding: 0.5rem 1.5rem;
    display: flex;
    align-items: center;
}

.freemom-company-pricing-2024 .freemom-pricingPlan__box {
    text-align: center;
    justify-content: center;
}

.freemom-company-pricing-2024 .freemom-pricingPlan__box[data-qui-plan] {
    --icon-check-color: var(--freemom-color-success);

    background-color: var(--freemom-bg-light);
    border-bottom: 1px solid #fff;
}

/* feature list */
.freemom-company-pricing-2024 .freemom-pricingPlan__featureList {
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--qui-color-muted);
}

/* plan content */
.freemom-company-pricing-2024 .freemom-pricingPlan-box__header {
    --padding-block: 1.5rem;

    display: flex;
    flex-direction: column;
    border-radius: 0.5rem 0.5rem 0 0;
    padding-block: var(--padding-block);
    position: relative;
}

.freemom-company-pricing-2024 .freemom-pricingPlan-box__badge {
    position: absolute;
    font-size: 11px;
    display: inline-block;
    border-radius: 0.25rem;
    line-height: 1.5;
    padding: 5px 9px;
    top: -20px;
    right: 1rem;
    z-index: -1;
    background: var(--freemom-color-success);
    color: var(--freemom-color-success-light);
}

.freemom-company-pricing-2024 .freemom-pricingPlan-box__desc {
    font-size: 0.825rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.freemom-company-pricing-2024 .freemom-pricingPlan-box__title {
    font-size: 1.75rem;
    display: block;
    text-align: center;
    padding: 0 !important;
    margin-top: auto;
    font-weight: bold;
    letter-spacing: 1px;
}

.freemom-company-pricing-2024 .freemom-pricingPlan__box[data-qui-plan] .fa {
    font-size: 1.75rem;
}

.freemom-company-pricing-2024 .freemom-pricingPlan__box[data-qui-plan] .fa-check {
    color: var(--icon-check-color);
}

.freemom-company-pricing-2024 .freemom-pricingPlan__box[data-qui-plan] .fa-times {
    opacity: 0.15;
}

.freemom-company-pricing-2024 .freemom-pricingPlan-box__footer {
    --padding-block: 1.5rem;

    border-radius: 0 0 0.5rem 0.5rem;
    padding-block: var(--padding-block);
    flex-direction: column;
    align-items: initial;
}

.freemom-company-pricing-2024 .freemom-pricingPlan-box__footer .free-mom-projects-types-type-amountToken-standard,
.freemom-company-pricing-2024 .freemom-pricingPlan-box__footer .free-mom-projects-types-type-amountToken-exclusive {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 1rem;
    margin-inline: auto;
}

.freemom-company-pricing-2024 .freemom-pricingPlan-box__footer .free-mom-projects-types-type-amountToken-standard .fa,
.freemom-company-pricing-2024 .freemom-pricingPlan-box__footer .free-mom-projects-types-type-amountToken-exclusive .fa {
    font-size: 1.25rem;
    vertical-align: middle;
    margin-right: 0.25em;
}

.freemom-company-pricing-2024 .freemom-pricingPlan-box__footer .button {
    font-size: 0.875rem;
    width: 100%;
    line-height: 1.5;
    margin-top: auto;
}

/* highlight */
.freemom-company-pricing-2024 .freemom-pricingPlan__box[data-qui-plan="2"] {
    --vertical-offset: 1rem;
    --icon-check-color: #fff;

    background-color: var(--qui-color-secondary--light);
    color: #fff;
    border-color: #ffffff11;
}

.freemom-company-pricing-2024 .freemom-pricingPlan-box__header[data-qui-plan="2"] {
    margin-top: calc(-1 * var(--vertical-offset));
    padding-top: calc(var(--vertical-offset) + var(--padding-block));
}

.freemom-company-pricing-2024 .freemom-pricingPlan-box__footer[data-qui-plan="2"] {
    margin-bottom: calc(-1 * var(--vertical-offset));
    padding-bottom: calc(var(--vertical-offset) + var(--padding-block));
}


/* mobile */
@media screen and (max-width: 767px) {
    .freemom-company-pricing-2024 .freemom-pricingPlan {
        grid-template-columns: 1fr;
        gap: 0;
        grid-template-areas:
            "plan-2-header   "
            "plan-2-feature-1"
            "plan-2-feature-2"
            "plan-2-feature-3"
            "plan-2-feature-4"
            "plan-2-feature-5"
            "plan-2-feature-6"
            "plan-2-feature-7"
            "plan-2-feature-8"
            "plan-2-footer   "

            "plan-1-header   "
            "plan-1-feature-1"
            "plan-1-feature-2"
            "plan-1-feature-3"
            "plan-1-feature-4"
            "plan-1-feature-5"
            "plan-1-feature-6"
            "plan-1-feature-7"
            "plan-1-feature-8"
            "plan-1-footer   "

            "plan-3-header"
            "plan-3-feature-1"
            "plan-3-feature-2"
            "plan-3-feature-3"
            "plan-3-feature-4"
            "plan-3-feature-5"
            "plan-3-feature-6"
            "plan-3-feature-7"
            "plan-3-feature-8"
            "plan-3-footer";
    }

    .freemom-company-pricing-2024 .freemom-pricingPlan__box[data-qui-plan] .fa {
        font-size: 1.25rem;
        width: 1.5rem;
        margin-right: 0.5em;
    }

    .freemom-company-pricing-2024 .freemom-pricingPlan__mobile-label {
        display: block;
    }

    .freemom-company-pricing-2024 .fa-times + .freemom-pricingPlan__mobile-label {
        opacity: 0.5;
    }

    .freemom-company-pricing-2024 .freemom-pricingPlan__featureList {
        display: none;
    }

    .freemom-company-pricing-2024 .freemom-pricingPlan__box[data-qui-plan] {
        text-align: left;
        line-height: 1.5;
        display: flex;
        justify-content: stretch;
        align-items: baseline;
    }

    .freemom-company-pricing-2024 .freemom-pricingPlan__box[data-qui-plan="1"][data-qui-feature="1"] .freemom-feature-text {
        font-weight: bold;
    }

    /* highlight */
    .freemom-company-pricing-2024 .freemom-pricingPlan__box[data-qui-plan="2"] {
        --vertical-offset: 0rem;
    }

    .freemom-company-pricing-2024 .freemom-pricingPlan-box__footer[data-qui-plan="1"],
    .freemom-company-pricing-2024 .freemom-pricingPlan-box__footer[data-qui-plan="2"] {
        margin-bottom: 2rem;
    }
}

/* feature list */
.freemom-company-pricing-2024 .freemom-pricingPlan__featureList.feature-1 {
    grid-area: feature-1;
}

.freemom-company-pricing-2024 .freemom-pricingPlan__featureList.feature-2 {
    grid-area: feature-2;
}

.freemom-company-pricing-2024 .freemom-pricingPlan__featureList.feature-3 {
    grid-area: feature-3;
}
.freemom-company-pricing-2024 .freemom-pricingPlan__featureList.feature-4 {
    grid-area: feature-4;
}
.freemom-company-pricing-2024 .freemom-pricingPlan__featureList.feature-5 {
    grid-area: feature-5;
}
.freemom-company-pricing-2024 .freemom-pricingPlan__featureList.feature-6 {
    grid-area: feature-6;
}
.freemom-company-pricing-2024 .freemom-pricingPlan__featureList.feature-7 {
    grid-area: feature-7;
}
.freemom-company-pricing-2024 .freemom-pricingPlan__featureList.feature-8 {
    grid-area: feature-8;
}

/* plan 1 */
.freemom-company-pricing-2024 .freemom-pricingPlan-box__header[data-qui-plan="1"] {
    grid-area: plan-1-header;
}

.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="1"][data-qui-feature="1"] {
    grid-area: plan-1-feature-1;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="1"][data-qui-feature="2"] {
    grid-area: plan-1-feature-2;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="1"][data-qui-feature="3"] {
    grid-area: plan-1-feature-3;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="1"][data-qui-feature="4"] {
    grid-area: plan-1-feature-4;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="1"][data-qui-feature="5"] {
    grid-area: plan-1-feature-5;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="1"][data-qui-feature="6"] {
    grid-area: plan-1-feature-6;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="1"][data-qui-feature="7"] {
    grid-area: plan-1-feature-7;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="1"][data-qui-feature="8"] {
    grid-area: plan-1-feature-8;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__footer[data-qui-plan="1"] {
    grid-area: plan-1-footer;
}

/* plan 2 */
.freemom-company-pricing-2024 .freemom-pricingPlan-box__header[data-qui-plan="2"] {
    grid-area: plan-2-header;
}

.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="2"][data-qui-feature="1"] {
    grid-area: plan-2-feature-1;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="2"][data-qui-feature="2"] {
    grid-area: plan-2-feature-2;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="2"][data-qui-feature="3"] {
    grid-area: plan-2-feature-3;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="2"][data-qui-feature="4"] {
    grid-area: plan-2-feature-4;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="2"][data-qui-feature="5"] {
    grid-area: plan-2-feature-5;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="2"][data-qui-feature="6"] {
    grid-area: plan-2-feature-6;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="2"][data-qui-feature="7"] {
    grid-area: plan-2-feature-7;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="2"][data-qui-feature="8"] {
    grid-area: plan-2-feature-8;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__footer[data-qui-plan="2"] {
    grid-area: plan-2-footer;
}

/* plan 3 */
.freemom-company-pricing-2024 .freemom-pricingPlan-box__header[data-qui-plan="3"] {
    grid-area: plan-3-header;
}

.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="3"][data-qui-feature="1"] {
    grid-area: plan-3-feature-1;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="3"][data-qui-feature="2"] {
    grid-area: plan-3-feature-2;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="3"][data-qui-feature="3"] {
    grid-area: plan-3-feature-3;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="3"][data-qui-feature="4"] {
    grid-area: plan-3-feature-4;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="3"][data-qui-feature="5"] {
    grid-area: plan-3-feature-5;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="3"][data-qui-feature="6"] {
    grid-area: plan-3-feature-6;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="3"][data-qui-feature="7"] {
    grid-area: plan-3-feature-7;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__feature[data-qui-plan="3"][data-qui-feature="8"] {
    grid-area: plan-3-feature-8;
}
.freemom-company-pricing-2024 .freemom-pricingPlan-box__footer[data-qui-plan="3"] {
    grid-area: plan-3-footer;
}

/******************/
/* QUI Pagination */
/******************/
.quiqqer-sheets-desktop-limits {
    display: flex;
    gap: 0.25em;
    line-height: inherit !important;
    align-items: center;
}

.quiqqer-sheets-desktop-limits > a {
    color: var(--qui-color-muted);
    font-size: var(--qui-fs-sm);
    display: flex;
    padding: 0.25rem;
}

.quiqqer-sheets-desktop-limits a.active, .quiqqer-sheets-desktop-current {
    background: none !important;
    color: inherit !important;
    font-weight: bold;
}


/********************************/
/* Landingpage relaunch 04.2024 */
/********************************/
@media screen and (max-width: 767px) {
    .header-bar {
        --qui-nav-height: 70px;
    }
}

.freemom-landingpage--whiteNav .header-bar:not(.header-bar-scrolled) .quiqqer-menu-megaMenu-list-item {
    --qui-nav-color: #fff;
    color: var(--qui-nav-color);
}

.freemom-landingpage--whiteNav .header-bar:not(.header-bar-scrolled) .freemom-menuBar-profileMenu,
.freemom-landingpage--whiteNav .header-bar:not(.header-bar-scrolled) .quiqqer-menu-megaMenu-mobile {
    color: #fff;
}

body.freemom-landingpage--whiteNav .quiqqer-menu-megaMenu-children-simple:after {
    border-bottom-color: var(--qui-nav-bg-lighter);
}

body.freemom-landingpage--whiteNav .header-bar.header-bar-scrolled .quiqqer-menu-megaMenu-children-simple:after {
    border-bottom-color: var(--freemom-border-color);
}

/************************/
/* Landingpage - Header */
/************************/
.freemom-landingpage-header {
    --_paddingBlock: 0;
    --_imgTopPos: 120px;
    position: relative;
}

@media screen and (min-width: 768px) {
    .freemom-landingpage-header {
        --_paddingBlock: max(18vh, 180px);
        --_imgTopPos: 120px;
    }
}

.freemom-landingpage-header--color {
    color: #fff;
    background-color: #6D539F;
}

.freemom-landingpage-header .quiqqer-textImage {
    margin-inline: auto;
    padding-inline: 20px;
    max-width: var(--max-container-width);
    padding-top: var(--_paddingBlock);
    padding-bottom: var(--_paddingBlock);
    height: 100%;
}

.freemom-landingpage-header .quiqqer-textImage-content {
    /*padding-bottom: var(--_paddingBlock);*/
}

.freemom-landingpage-header .quiqqer-textImage-image {
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .freemom-landingpage-header .quiqqer-textImage-image {
        position: absolute;
        top: var(--_imgTopPos);
        left: 50%;
        align-items: flex-end;
        height: calc(100% - var(--_imgTopPos));
        justify-content: center !important;
    }
}

.freemom-landingpage-header .quiqqer-textImage-box > picture > img {
    display: block;
    border-radius: 0;
}

.freemom-landingpage-header--color :is(h1, h2, h3) {
    color: inherit;
}

@media screen and (max-width: 767px) {
    .freemom-landingpage-header .quiqqer-textImage-content {
        display: none;
    }

    .freemom-landingpage-header .quiqqer-textImage-image {
        margin-top: 100px;
        margin-inline: auto;
        max-width: max(300px, 70%);
        position: initial;
    }
}

/*********************/
/* User profile link */
/*********************/
/*
  User text - quick solution
  1. to optically center the text we must set the bottom padding slightly smaller
 */
.freemom-textAndImage--profilLink .quiqqer-textImage-image .freemom-userProfileLink {
    position: absolute;
    bottom: 3rem;
    z-index: 1;
    visibility: visible;
    width: initial;
    height: initial;
    line-height: inherit;
    padding: 0.5rem 1rem 0.25rem; /* 1 */
    background: rgb(255 255 255 / 60%);
    border-radius: 5rem;
    color: var(--qui-color-body);
    font-weight: normal;
    font-size: var(--qui-fs-sm);
    right: 15%;
}

.freemom-textAndImage--profilLink-daniela .quiqqer-textImage-image .freemom-userProfileLink {
    background: rgb(255 255 255 / 75%);
}

.freemom-userProfileLink > .fa {
    margin-left: 0.5em;
}

.freemom-userProfileLink:not(:hover, :focus) > .fa {
    opacity: 0.7;
}

.freemom-textAndImage--profilLink .quiqqer-textImage-image .freemom-userProfileLink:is(:hover, :focus) {
    background: rgb(255 255 255 / 100%);
}

@media screen and (max-width: 2000px) {
    .freemom-textAndImage--profilLink .quiqqer-textImage-image .freemom-userProfileLink {
        right: 10%;
    }
}

@media screen and (max-width: 1432px) {
    .freemom-textAndImage--profilLink .quiqqer-textImage-image .freemom-userProfileLink {
        right: 1.5rem;
    }
}

@media screen and (max-width: 767px) {
    .freemom-textAndImage--profilLink .quiqqer-textImage-image .freemom-userProfileLink {
        bottom: 1rem;
        right: 1rem;
    }
}

.freemom-textAndImage--fadeIn .freemom-userProfileLink {
    opacity: 0;
    transform: translateY(10px);

    animation-name: freemom-userProfileLink--fadeIn;
    animation-delay: 0.5s;
    animation-timing-function: ease-out;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

@keyframes  freemom-userProfileLink--fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/************************/
/* Small company slider */
/************************/
.freemom-smallCompanySlider:not(.freemom-smallCompanySlider--footer) {
    max-width: 1200px;
    margin-inline: auto;
}

.freemom-smallCompanySlider .quiqqer-gallery-logoSlider-prev,
.freemom-smallCompanySlider .quiqqer-gallery-logoSlider-next {
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 768px) {
    .freemom-smallCompanySlider .quiqqer-gallery-logoSlider-child {
        min-width: calc(100% / 6);
        width: calc(100% / 6);
    }
}

/******************************/
/* Text and image: big images */
/******************************/
@media screen and (min-width: 1600px) {
    .quiqqer-textImage-box:last-child {
        justify-content: flex-end;
    }
}

/*****************************/
/* Text and image with color */
/*****************************/
.freemom-textAndImage-color {
    --_padding: 3rem;
    border-radius: 1rem;
}

@media screen and (max-width: 767px) {
    .freemom-textAndImage-color {
        --_padding: 1rem;
    }
}

.freemom-textAndImage-color .quiqqer-textImage-content {
    padding: var(--_padding) !important;
}

.freemom-textAndImage-color .quiqqer-textImage-box picture img {
    display: block;
}

.freemom-textAndImage-color :is(h1,h2,h3,h4,h5) {
    color: inherit;
}

/* text and image: lila */
.freemom-textAndImage-color--lila {
    background-color: var(--qui-color-secondary--light);
    color: #fff
}

/* text and image: light blue */
.freemom-textAndImage-color--lightblue {
    background-color: #D2E6ED;
    color: var(--qui-color-secondary--light);
}

/* text and image: grey */
.freemom-textAndImage-color--grey {
    background-color: #C7C3BF;
    color: #fff;
}

/*********************************/
/* Landingpage: so works freemom */
/*********************************/
.freemom-soWorksFreemom {
    position: relative;
    overflow: hidden;
}

.freemom-soWorksFreemom:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent, #00000044);
    z-index: 2;
}

.freemom-soWorksFreemom .quiqqer-textImage {
    position: relative;
}

.freemom-soWorksFreemom .quiqqer-textImage-content {
    width: 100% !important;
    position: relative;
    z-index: 5;
}

@media screen and (min-width: 768px) {
    .freemom-soWorksFreemom .freemom-narrowContent {
        width: max(35%, 400px);
    }

    .freemom-soWorksFreemom .quiqqer-textImage-image {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        align-items: flex-start;
    }

    .freemom-soWorksFreemom .quiqqer-textImage-image > picture > img {
        position: relative;
        top: -2rem;
        left: 10%;
    }
}


/* 3 boxes */
.freemom-soWorksFreemom .quiqqer-boxContentAdvanced-entry {
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: #fff;
    color: var(--qui-color-body);
    display: flex;
    flex-direction: column;
}

.freemom-soWorksFreemom .quiqqer-boxContentAdvanced-entry > header {
    padding-bottom: 0;
    margin-bottom: 0.5rem;
}


.freemom-soWorksFreemom .quiqqer-boxContentAdvanced-entry-title {
    font-size: 1.25rem !important;
    font-weight: 600;
}

.freemom-soWorksFreemom .quiqqer-boxContentAdvanced-entry-content {
    margin-top: auto;
}

.freemom-soWorksFreemom .quiqqer-boxContentAdvanced-entry-content .btn > .fa {
    margin-left: 1rem;
}

/***************************************************/
/* Mom search simple brick: visible only on mobile */
/***************************************************/
@media screen and (min-width: 768px) {
    .brick-container__freemom-momSearch--onlyForMobile {
        display: none !important;
    }
}

/**********************************/
/* Brick: Top Profile Information */
/**********************************/
@media screen and (min-width: 768px) {
    .freemom-topProfileInfo__content {
        margin-left: clamp(0px, calc(4vw - 1rem), 4rem);
    }
}

.freemom-topProfileInfo li > .fa {
    color: var(--qui-color-secondary);
    font-size: 2rem;
    margin-top: -6px;
}

/* quickfix - text above the image */
.freemom-topProfileInfo .quiqqer-textImage-image > picture {
    position: relative;
}

.freemom-topProfileInfo .quiqqer-textImage-image > picture:after {
    content: '3000+ Top Talente';
    position: absolute;
    left: 1rem;
    top: 1rem;
    font-size: var(--qui-fs-2xl);
    font-weight: bold;
    color: #fff;

    /* override unsemantic styling... */
    visibility: visible;
    line-height: 1.2;
    width: initial;
    height: initial;
}

/*********************/
/* One page checkout */
/*********************/
.qui-window-popup.SimpleCheckoutWindow input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"]),
.qui-window-popup.SimpleCheckoutWindow :is(select, textarea, div.qui-select) {
    background-color: #fff !important;
}

/* disable product image */
.SimpleCheckoutWindow .articleList-entry {
    display: block;
}

.SimpleCheckoutWindow .articleList-entry__image {
    display: none !important;
}
/* END disable product image */

/* restore default table behavior on mobile */
.SimpleCheckoutWindow table:not(.data-table) tbody tr:hover {
    background-color: initial;
}

@media screen and (max-width: 767px) {
    table thead {
        display: none;
    }

    .SimpleCheckoutWindow table > tbody > tr {
        display: table-row;
    }

    .SimpleCheckoutWindow table > tbody > tr > td {
        display: table-cell;
        width: initial !important;
    }

    .SimpleCheckoutWindow table > tbody > tr > td:before {
        display: none !important;
    }
}
/* END restore default table behavior on mobile */

/************/
/* Checkout */
/************/
.SimpleCheckoutWindow {
    width: 100vw !important;
}

table.quiqqer-order-control-order-information-orderData-table tr {
    background-color: transparent;
}

table.articles-sum tbody tr:hover {
    background-color: transparent;
}

.articleData__title a {
    pointer-events: none !important;
    color: inherit !important;
}

/**********************/
/* Subaccounts - page */
/**********************/
.freemom-subaccounts-page .qui-form {
    background-color: var(--freemom-bg-light);
    float: none;
    max-width: 800px;
    padding: 2rem;
    border-radius: 1rem;
    margin-inline: auto;
}

.freemom-subaccounts-page .qui-form :is(input[type="text"], input[type="email"], input[type="number"], select) {
    background-color: #fff;
}

.freemom-subaccounts-page .qui-form :is(input[type="text"], input[type="email"], input[type="number"], select):is(:hover, :focus, :active) {
    filter: brightness(0.99);
}

@media screen and (max-width: 767px) {
    .freemom-subaccounts-page .qui-form {
        padding: 1rem;
    }

    .freemom-subaccounts-page .qui-form input[type="submit"] {
        width: 100%;
    }
}

/*******************************/
/* Subaccounts - pricing boxes */
/*******************************/
.freemom-subaccounts .quiqqer-boxContentAdvanced-entry {
    background-color: #D2E6ED;
    border-radius: 1rem;
    padding: 2rem;
    color: var(--qui-color-secondary--light);
}

.freemom-subaccounts .quiqqer-boxContentAdvanced-entry header {
    text-align: center;
}

.freemom-subaccounts .quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-title {
    font-size: var(--qui-fs-2);
    color: inherit;
}

.freemom-subaccounts-box__pricing {
    text-align: center;
    margin-bottom: 2rem;
}

.freemom-subaccounts-box__pricingValue {
    font-size: var(--qui-fs-3);
    margin-bottom: 0;
}

.freemom-subaccounts-box__pricingHint {
    font-size: var(--qui-fs-xs);
    margin-top: -0.5rem;
    color: #9494b9;
}

/* highlight */
.freemom-subaccounts .quiqqer-boxContentAdvanced-entry-container:nth-child(2) .quiqqer-boxContentAdvanced-entry {
    background-color: var(--qui-color-secondary--light);
    color: #fff;
    outline: 4px solid #D2E6ED;
    outline-offset: -10px;
}

.freemom-subaccounts .quiqqer-boxContentAdvanced-entry-container:nth-child(2) .freemom-subaccounts-box__pricingHint {
    color: #ada2c2;
}

.freemom-subaccounts ul.freemom-list > li {
    margin-bottom: 0.5rem;
    font-size: var(--qui-fs-sm);
}

@media screen and (min-width: 768px) {
    .freemom-subaccounts .quiqqer-boxContentAdvanced-entry-container:nth-child(2) .quiqqer-boxContentAdvanced-entry {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .freemom-subaccounts .quiqqer-boxContentAdvanced-entry {
        padding: 1rem;
    }

    .freemom-subaccounts .quiqqer-boxContentAdvanced-entry-container:nth-child(2) .quiqqer-boxContentAdvanced-entry {
        padding: 1.5rem;
    }
}