.maxw1040 {
max-width: 1040px;
margin: 0 auto;
}
.maxw1040-article .article-container {
max-width: 1040px;
margin: 0 auto;
}
.fm-stage {
padding-top: 290px;
background-size: calc(100% - 24px);
background-position: top center;
}
@media all and (min-width: 1040px) {
.fm-stage {
padding-top: 0;
padding-right: 50%;
background-position: top right;
}
}
@media all and (min-width: 420px) {
.fm-stage.article--banderole--white {
background-size: 420px;
}
}
.fm-stage.article--banderole--white .l-outer--full-width-container-xl-element .article-headline-text {
background: none !important;
}
@media all and (min-width: 640px) {
.fm-stage.article--banderole--white .l-outer--full-width-container-xl-element .article-headline-text {
width: 100%;
min-width: 520px;
margin: 0 auto;
}
}
@media all and (min-width: 1040px) {
.fm-stage.article--banderole--white .l-outer--full-width-container-xl-element .article-headline-text {
width: 100%;
margin-left: 0;
}
.fm-stage.article--banderole--white .l-outer--full-width-container-xl-element .article-headline-text .align--center {
text-align: left;
}
}
.fm-stage.article--banderole--white .l-outer--full-width-container-xl-element .article-headline-text .article-text h1.font-size--48 {
font-size: 28px;
font-weight: bold;
line-height: 32px;
}
@media all and (min-width: 640px) {
.fm-stage.article--banderole--white .l-outer--full-width-container-xl-element .article-headline-text .article-text h1.font-size--48 {
font-size: 42px;
line-height: 48px;
}
}
.wm100 {
width: 100%;
}
@media all and (min-width: 640px) {
.wm100 {
width: auto;
}
}
.below {
padding-top: 290px;
background-size: calc(100% - 24px);
background-position: top center;
}
.pt24 {
padding-top: 24px;
}
#spi_969914, .grey-bg {
background-color: #f8f8f8;
margin: 0 !important;
padding: 24px;
width: 100% !important;
}
.c-collection__full-width-slider.simple-arrows .flickity-prev-next-button {
background-color: transparent;
opacity: 1;
}
.c-collection__full-width-slider.simple-arrows .flickity-prev-next-button svg .arrow {
fill: #2b2b2b;
}
.c-collection__full-width-slider.simple-arrows .flickity-prev-next-button.next {
right: 0;
}
.c-collection__full-width-slider.small-images .article-image {
padding: 0 48px;
}
.center-m .align--left {
text-align: center;
}
@media all and (min-width: 640px) {
.center-m .align--left {
text-align: left;
}
}
.w100 {
width: 100%;
}
.dalp.simple-page > .simple-page-item > .article {
position: relative;
}
.dalp.simple-page > .simple-page-item:nth-child(7) {
padding-top: 36px;
}
.dalp.simple-page > .article > .article-container {
padding-top: 36px;
}
.dalp .c-fw-article__placeholder {
display: none;
}
.dalp .fm-additional-functions .col-item {
padding: 0 24px;
padding-bottom: 18px;
border-bottom: solid #ededed 1px;
}
@media all and (min-width: 640px) {
.dalp .fm-additional-functions .col-item {
border: none;
}
}
.dalp .fm-additional-functions .col-item:last-child {
border-bottom: none;
}
.dalp .fm-additional-functions .col-item .outerRichtextDiv p:first-child {
display: flex;
align-items: center;
}
.dalp .fm-additional-functions .col-item .outerRichtextDiv p:first-child img, .dalp .fm-additional-functions .col-item .outerRichtextDiv p:first-child strong {
display: block;
}
.dalp .fm-additional-functions .col-item .outerRichtextDiv p:first-child img {
margin-right: 12px;
}
.dalp .channels .c-grid-nav__list {
display: flex;
flex-direction: row;
justify-content: center;
max-width: 228px;
margin: 0 auto;
}
.dalp .channels .c-grid-nav__list .c-grid-nav__item {
width: 90px;
padding: 0;
margin: 12px;
}
.dalp .channels .c-grid-nav__list .c-grid-nav__item .c-grid-nav__link {
border: 0;
height: 90px;
width: 90px;
max-width: 90px;
padding: 0;
cursor: default;
}
.dalp .channels .c-grid-nav__list .c-grid-nav__item .c-grid-nav__link:hover, .dalp .channels .c-grid-nav__list .c-grid-nav__item .c-grid-nav__link:focus {
box-shadow: none;
transform: scale(1);
}
.dalp .channels .c-grid-nav__list .c-grid-nav__item .c-grid-nav__link .c-grid-nav__icon-wrap {
max-width: 90px;
width: 100%;
margin: 0;
}
@media all and (min-width: 640px) {
.dalp .channels .c-grid-nav__list {
display: flex;
flex-direction: row;
justify-content: center;
max-width: 1040px;
margin: 0 auto;
}
.dalp .channels .c-grid-nav__list .c-grid-nav__item {
width: 100px;
padding: 0;
margin: 12px;
max-width: 100px;
display: block;
}
.dalp .channels .c-grid-nav__list .c-grid-nav__item .c-grid-nav__link {
border: 0;
height: 100px;
width: 100px;
max-width: 100px;
padding: 0;
}
.dalp .channels .c-grid-nav__list .c-grid-nav__item .c-grid-nav__link .c-grid-nav__icon-wrap {
max-width: 100px;
width: 100%;
margin: 0;
}
}
.dalp .posrel {
position: relative;
}
.stain-svg {
position: absolute;
z-index: 0;
width: calc(100% - 24px);
max-width: 1344px;
height: 100%;
}
.stain-svg.w100 {
width: 100%;
max-width: 100%;
}
.stain-svg svg {
position: absolute;
}
.stain-svg.stain-top svg {
top: 0;
}
.stain-svg.stain-top-24 svg {
top: 24px;
}
.stain-svg.stain-bottom {
height: 100%;
}
.stain-svg.stain-bottom svg {
bottom: 0;
}
.stain-svg.stain-right {
width: calc(100% - 24px);
right: 0;
}
.stain-svg.stain-right.w100 {
width: 100%;
}
.stain-svg.stain-right svg {
right: 0;
}
.stain-svg.stain-left svg {
left: 0;
}
.stain-svg.stain-middle {
height: 100%;
}
.stain-svg.stain-middle svg {
top: 0;
bottom: 0;
margin: auto 0;
}
@media all and (min-width: 640px) {
.fsm32 .p--tmd-heading-4 {
font-size: 32px;
line-height: 40px;
}
}
.fm-no-mb li {
margin-bottom: 0 !important;
}
.fm-image-accordion {
padding-top: 60px;
padding-bottom: 36px;
position: relative;
width: 100% !important;
max-width: 1024px;
}
.fm-image-accordion .fm-accordion-image {
margin-top: 36px;
}
.fm-image-accordion .fm-image-accordion-headline h2 {
margin: 0 0 0 24px;
}
@media all and (min-width: 640px) {
.fm-image-accordion .fm-image-accordion-headline h2 {
font-size: 32px;
line-height: 40px;
}
.fm-image-accordion .fm-image-accordion-headline h2 strong {
font-weight: 900;
}
}
.fm-image-accordion .scrollcordion {
position: relative;
background-color: #f8f8f8;
border: 0;
left: -12px;
width: calc(100% + 24px);
padding-bottom: 24px;
}
@media all and (min-width: 640px) {
.fm-image-accordion .scrollcordion {
background-color: transparent;
}
}
.fm-image-accordion .scrollcordion .accordion-header {
margin-left: 36px;
padding: 6px 36px;
border: 0 !important;
background-position: left;
}
.fm-image-accordion .scrollcordion .accordion-header h3.c-accordion-nav__text {
font-weight: 900;
font-size: 24px;
line-height: 32px;
color: #2b2b2b;
}
.fm-image-accordion .scrollcordion .accordion-header.ui-state-active {
background-color: transparent;
}
.fm-image-accordion .scrollcordion .accordion-header.ui-accordion-header-active {
border: 0;
color: #2b2b2b;
}
.fm-image-accordion .scrollcordion .accordion-header.ui-accordion-header-active h3.c-accordion-nav__text {
color: #2b2b2b;
}
.fm-image-accordion .scrollcordion .accordion-content {
padding: 0 36px 24px 36px;
}
.fm-image-accordion .scrollcordion .accordion-content .article-image {
display: none;
}
.fm-image-accordion .scrollcordion .accordion-content .img-left > .article-container > .img-text-wrap > .article-image + .article-text {
margin: 0;
}
.chat-question-field {
max-width: 720px;
margin: 0 auto;
}
.chat-question-field .chat-question-container {
width: 100%;
height: 80px;
background-color: #f8f8f8;
border-radius: 16px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 12px 0;
}
.chat-question-field .chat-question-container .chat-question {
display: flex;
}
.chat-question-field .chat-question-container .chat-question .chat-question-input {
border: 0;
margin: auto 30px;
background: transparent;
width: calc(100% - 224px);
outline: none;
font-size: 24px;
}
.chat-question-field .chat-question-container .chat-question button {
background-color: #e20074;
color: #ffffff;
text-align: center;
width: 150px;
height: 56px;
border-radius: 6px;
font-weight: bold;
}
.chat-question-field .chat-question-container .chat-question button:hover {
background-color: #d1006c;
}
.chat-question-field .chat-question-container .chat-question button:active {
background-color: #bd0061;
}
.fm-h210 {
height: 210px;
}
.p12 {
padding:12px;
}
.mb72 {
margin-bottom: 72px !important;
}
.dalp .flickity-page-dots .dot { background-color: #ffffff; border: solid #2d2d2d 1px; }
.dalp .flickity-page-dots .dot.is-selected { background-color: #2d2d2d; }
/*# sourceMappingURL=fm.css.map */