.messages {
padding: 15px 20px 15px 35px;
word-wrap: break-word;
border: 1px solid;
border-width: 1px 1px 1px 0;
border-radius: 2px;
background: no-repeat 10px 17px;
overflow-wrap: break-word
}
[dir=rtl] .messages {
padding-right: 35px;
padding-left: 20px;
text-align: right;
border-width: 1px 0 1px 1px;
background-position: right 10px top 17px
}
.messages + .messages {
margin-top: 1.538em
}
.messages__list {
margin: 0;
padding: 0;
list-style: none
}
.messages__item + .messages__item {
margin-top: .769em
}
.messages--status {
color: #325e1c;
border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
background-color: #f3faef;
background-image: url(//www.momentum-institut.at/wp-content/themes/moi/js/vue-tools/pflege-rechner/assets/check.svg);
box-shadow: -8px 0 #77b259
}
[dir=rtl] .messages--status {
margin-left: 0;
border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
box-shadow: 8px 0 #77b259
}
.messages--warning {
color: #734c00;
border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
background-color: #fdf8ed;
background-image: url(//www.momentum-institut.at/themes/contrib/classy/css/components/../../images/icons/e29700/warning.svg);
box-shadow: -8px 0 #e09600
}
[dir=rtl] .messages--warning {
border-color: #f4daa6 transparent #f4daa6 #f4daa6;
box-shadow: 8px 0 #e09600
}
.messages--error {
color: #a51b00;
border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
background-color: #fcf4f2;
background-image: url(//www.momentum-institut.at/themes/contrib/classy/css/components/../../images/icons/e32700/error.svg);
box-shadow: -8px 0 #e62600
}
[dir=rtl] .messages--error {
border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
box-shadow: 8px 0 #e62600
}
.messages--error p.error {
color: #a51b00
}
.hidden {
display: none
}
.visually-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
word-wrap: normal
}
.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
position: static !important;
overflow: visible;
clip: auto;
width: auto;
height: auto
}
.invisible {
visibility: hidden
}
.progress__track {
border-color: #b3b3b3;
border-radius: 10em;
background-color: #f2f1eb;
background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0);
background-image: linear-gradient(#e7e7df, #f0f0f0);
box-shadow: inset 0 1px 3px #00000029
}
.progress__bar {
height: 16px;
margin-top: -1px;
margin-left: -1px;
padding: 0 1px;
-webkit-transition: width .5s ease-out;
transition: width .5s ease-out;
-webkit-animation: animate-stripes 3s linear infinite;
-moz-animation: animate-stripes 3s linear infinite;
border: 1px #07629a solid;
border-radius: 10em;
background: #057ec9;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
background-image: linear-gradient(to bottom, #0000, #00000026), linear-gradient(to right bottom, #0094f0, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0, #0094f0);
background-size: 40px 40px
}
[dir=rtl] .progress__bar {
margin-right: -1px;
margin-left: 0;
-webkit-animation-direction: reverse;
-moz-animation-direction: reverse;
animation-direction: reverse
}
@media screen and (prefers-reduced-motion: reduce) {
.progress__bar {
-webkit-transition: none;
transition: none;
-webkit-animation: none;
-moz-animation: none
}
}
@-webkit-keyframes animate-stripes {
0% {
background-position: 0 0, 0 0
}
to {
background-position: 0 0, -80px 0
}
}
@-ms-keyframes animate-stripes {
0% {
background-position: 0 0, 0 0
}
to {
background-position: 0 0, -80px 0
}
}
@keyframes animate-stripes {
0% {
background-position: 0 0, 0 0
}
to {
background-position: 0 0, -80px 0
}
}
.node--unpublished {
background-color: #fff4f4
}
blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
margin: 0;
padding: 0
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: 400
}
ul {
list-style: none
}
button, input, select, textarea {
margin: 0
}
html {
box-sizing: border-box
}
*, :after, :before {
box-sizing: inherit
}
img, video {
height: auto;
max-width: 100%
}
iframe {
border: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
td, th {
padding: 0;
text-align: left
}
:root {
--vs-search-input-bg: transparent
}
@font-face {
font-display: swap;
font-family: SuisseScreen, sans-serif;
font-style: italic;
font-weight: 700;
src: url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_0_0.eot);
src: url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_0_0.eot?#iefix) format("embedded-opentype"), url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_0_0.woff2) format("woff2"), url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_0_0.woff) format("woff"), url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_0_0.ttf) format("truetype")
}
@font-face {
font-display: swap;
font-family: SuisseScreen, sans-serif;
font-weight: 700;
src: url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_1_0.eot);
src: url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_1_0.eot?#iefix) format("embedded-opentype"), url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_1_0.woff2) format("woff2"), url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_1_0.woff) format("woff"), url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_1_0.ttf) format("truetype")
}
@font-face {
font-display: swap;
font-family: SuisseScreen, sans-serif;
font-style: italic;
font-weight: 400;
src: url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_2_0.eot);
src: url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_2_0.eot?#iefix) format("embedded-opentype"), url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_2_0.woff2) format("woff2"), url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_2_0.woff) format("woff"), url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_2_0.ttf) format("truetype")
}
@font-face {
font-display: swap;
font-family: SuisseScreen, sans-serif;
font-weight: 400;
src: url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_3_0.eot);
src: url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_3_0.eot?#iefix) format("embedded-opentype"), url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_3_0.woff2) format("woff2"), url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_3_0.woff) format("woff"), url(//www.momentum-institut.at/themes/moment/assets/dist/fonts/39DD2E_3_0.ttf) format("truetype")
}
.toolbar-tray li {
margin-top: 0
}
.toolbar-tray a, .toolbar-tray a:visited {
color: #565656
}
.toolbar-oriented .toolbar-tray-vertical {
width: 12rem
}
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-left: 12rem
}
@media screen and (max-width: 1024px) {
#toolbar-bar {
position: fixed
}
}
.node-preview-container {
background: #000;
bottom: 0;
color: #fff;
font-size: .85rem;
padding: 0;
right: 0;
text-transform: uppercase;
top: auto
}
.node-preview-container a.node-preview-backlink {
font-size: .85rem;
margin-left: .1875rem
}
.node-preview-container form {
align-items: center;
display: flex;
justify-content: center
}
.node-preview-container form .form-item-view-mode {
flex: 1;
margin: .1875rem 0 .1875rem auto;
text-align: right
}
.node-preview-container form .form-item-view-mode label {
display: none
}
.node-preview-container form .form-item-view-mode select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: none;
border: 2px solid #fff;
border-radius: 0;
border-right: none;
color: #fff;
flex: 1;
font-family: Helvetica;
font-size: .85rem;
padding: calc(.25rem + 1px) .25rem .25rem;
text-transform: uppercase
}
.node-preview-container form .form-submit {
background: #fff;
color: #000;
font-size: .85rem;
margin-right: .1875rem
}
.hamburger {
background-color: transparent;
border: 0;
color: inherit;
cursor: pointer;
display: inline-block;
font: inherit;
margin: 0;
overflow: visible;
padding: 0;
text-transform: none;
transition-duration: .15s;
transition-property: opacity, filter;
transition-timing-function: linear
}
.hamburger.is-active:hover, .hamburger:hover {
opacity: 1
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
background-color: #ee907b
}
.hamburger-box {
display: inline-block;
height: 19px;
position: relative;
width: 26px
}
.hamburger-inner {
display: block;
margin-top: -1.5px;
top: 50%
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
background-color: #000;
border-radius: 0;
height: 3px;
position: absolute;
transition-duration: .15s;
transition-property: transform;
transition-timing-function: ease;
width: 26px
}
.hamburger-inner:after, .hamburger-inner:before {
content: "";
display: block
}
.hamburger-inner:before {
top: -8px
}
.hamburger-inner:after {
bottom: -8px
}
.hamburger--spin .hamburger-inner {
transition-duration: .22s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin .hamburger-inner:before {
transition: top .1s ease-in .25s, opacity .1s ease-in
}
.hamburger--spin .hamburger-inner:after {
transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--spin.is-active .hamburger-inner:before {
opacity: 0;
top: 0;
transition: top .1s ease-out, opacity .1s ease-out .12s
}
.hamburger--spin.is-active .hamburger-inner:after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}
.toggle .toggle-icon.hamburger {
cursor: pointer;
outline: none;
padding: 2px 0 0;
text-indent: 0
}
table {
border: none;
font-size: .95625rem
}
table caption {
font-size: .85rem
}
table td, table th {
border-color: #ccc;
padding: 5px
}
table th {
background: #ee907b;
border-color: #ee907b
}
table th, table th * {
color: #fff
}
:root {
font-family: Helvetica;
font-size: 14px
}
body {
font-size: 1.125rem
}
body, p {
color: #393939
}
p {
line-height: 180%
}
p.small {
font-size: .85rem
}
p.very-small {
font-size: .7rem
}
sup {
top: -.5em;
vertical-align: top
}
sub, sup {
position: relative
}
sub {
bottom: -.5em;
vertical-align: bottom
}
a[target=_blank]:not(.no-icon):after {
background: url(//www.momentum-institut.at/themes/moment/assets/dist/images/icon-extern.svg) no-repeat 50%;
background-size: contain;
content: "";
display: inline-block;
height: 12px;
margin-left: 4px;
margin-right: 2px;
width: 12px
}
abbr {
text-decoration: none
}
abbr.definition-toggle {
background: #b1d395;
border-radius: 1px;
cursor: pointer;
padding: 2px 5px;
position: relative
}
abbr.definition-toggle .definition {
display: block
}
abbr.definition-toggle .definition:before {
content: "Was ist das nochmal? ";
display: inline;
font-weight: 700
}
abbr.definition-toggle.open {
padding: 2px 0
}
abbr.definition-toggle.open .text {
border-bottom: 6px solid #b1d395;
padding: 0 5px;
position: relative
}
abbr.definition-toggle.open .definition {
background: #b1d395;
display: block;
margin: 0 .75rem .75rem 2.25rem;
padding: 0 .75rem
}
blockquote {
font-family: SuisseScreen, sans-serif;
font-size: 1.40625rem;
font-style: italic;
margin: 1.125rem 0;
padding: 4.5rem 1.5rem 1.5rem;
position: relative
}
blockquote:before {
content: "„";
font-size: 10rem;
left: 2rem;
line-height: 0;
position: absolute;
top: 0
}
blockquote > :last-child {
margin-bottom: 0
}
blockquote.tiktok-embed {
padding: 0
}
blockquote.tiktok-embed:before {
content: none
}
@media (min-width: 1024px) {
blockquote {
margin-left: -128px;
margin-right: -128px;
width: 1024px
}
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
margin-bottom: .5em;
overflow-x: auto
}
.h1, .h2, .h3, .h4, .h5, .h6, .slash, h1, h2, h3, h4, h5, h6 {
font-family: SuisseScreen, sans-serif;
font-weight: 700
}
.slash {
color: #ee907b
}
.h1, h1 {
font-size: 2.5rem
}
.h2, h2 {
font-size: 2.125rem
}
.h3, h3 {
font-size: 2rem
}
.h4, h4 {
font-size: 1.5rem
}
.h5, h5 {
font-size: 1.25rem
}
.h6, h6 {
font-size: 1rem
}
a, h1, h2, h3, h4, h5, h6 {
color: #000
}
@media (min-width: 768px) {
:root {
font-size: 16px
}
.h1, h1 {
font-size: 3rem
}
.h2, h2 {
font-size: 2.5rem
}
}
.anchor, .text-formatted a[id]:not(href) {
margin-top: -72px;
padding-top: 72px
}
.text-formatted ul {
line-height: 180%;
list-style: initial;
margin: .5em 0 .5em 1em
}
.color-primary {
fill: #000;
color: #000
}
.color-primary a {
color: #000
}
.color-background-primary {
background: #000
}
.color-secondary {
fill: #ee907b;
color: #ee907b
}
.color-secondary a {
color: #ee907b
}
.color-background-secondary {
background: #ee907b
}
.color-tertiary {
fill: #a0728a;
color: #a0728a
}
.color-tertiary a {
color: #a0728a
}
.color-background-tertiary {
background: #a0728a
}
.color-quaternary {
fill: #8c2e63;
color: #8c2e63
}
.color-quaternary a {
color: #8c2e63
}
.color-background-quaternary {
background: #8c2e63
}
.color-text {
fill: #000;
color: #000
}
.color-text a {
color: #000
}
.color-background-text {
background: #000
}
.color-light {
fill: #fff;
color: #fff
}
.color-light a {
color: #fff
}
.color-background-light {
background: #fff
}
.color-dark {
fill: #000;
color: #000
}
.color-dark a {
color: #000
}
.color-background-dark {
background: #000
}
.color-rosa {
fill: #f1c9dc
}
.color-rosa, .color-rosa a {
color: #f1c9dc
}
.color-background-rosa {
background: #f1c9dc
}
.color-green {
fill: #b1d395
}
.color-green, .color-green a {
color: #b1d395
}
.color-background-green {
background: #b1d395
}
.color-red {
fill: #ee907b
}
.color-red, .color-red a {
color: #ee907b
}
.color-background-red {
background: #ee907b
}
.color-light-grey {
fill: #f5f5f5;
color: #f5f5f5
}
.color-light-grey a {
color: #f5f5f5
}
.color-background-light-grey {
background: #f5f5f5
}
.color-dark-grey {
fill: #393939;
color: #393939
}
.color-dark-grey a {
color: #393939
}
.color-background-dark-grey {
background: #393939
}
form.comment-form, form.contact-form, form.user-form, form.user-login-form, form.user-pass, form.views-exposed-form, form.webform-submission-form {
margin: 0 auto;
max-width: 768px;
padding: 1.5rem .75rem
}
form.comment-form .form-wrapper label, form.contact-form .form-wrapper label, form.user-form .form-wrapper label, form.user-login-form .form-wrapper label, form.user-pass .form-wrapper label, form.views-exposed-form .form-wrapper label, form.webform-submission-form .form-wrapper label {
display: block;
font-family: SuisseScreen, sans-serif;
font-size: 1.125rem;
font-weight: 700;
margin-bottom: .375rem
}
@media (min-width: 1024px) {
form.comment-form .form-wrapper label, form.contact-form .form-wrapper label, form.user-form .form-wrapper label, form.user-login-form .form-wrapper label, form.user-pass .form-wrapper label, form.views-exposed-form .form-wrapper label, form.webform-submission-form .form-wrapper label {
font-size: .85rem
}
}
form.comment-form .form-wrapper label.big, form.contact-form .form-wrapper label.big, form.user-form .form-wrapper label.big, form.user-login-form .form-wrapper label.big, form.user-pass .form-wrapper label.big, form.views-exposed-form .form-wrapper label.big, form.webform-submission-form .form-wrapper label.big {
font-size: 1.35rem
}
@media (min-width: 1024px) {
form.comment-form .form-wrapper label.big, form.contact-form .form-wrapper label.big, form.user-form .form-wrapper label.big, form.user-login-form .form-wrapper label.big, form.user-pass .form-wrapper label.big, form.views-exposed-form .form-wrapper label.big, form.webform-submission-form .form-wrapper label.big {
font-size: 1.02rem
}
}
form.comment-form .form-wrapper label.form-required:after, form.contact-form .form-wrapper label.form-required:after, form.user-form .form-wrapper label.form-required:after, form.user-login-form .form-wrapper label.form-required:after, form.user-pass .form-wrapper label.form-required:after, form.views-exposed-form .form-wrapper label.form-required:after, form.webform-submission-form .form-wrapper label.form-required:after {
color: #ee907b;
content: " *"
}
form.comment-form .form-item--error-message, form.contact-form .form-item--error-message, form.user-form .form-item--error-message, form.user-login-form .form-item--error-message, form.user-pass .form-item--error-message, form.views-exposed-form .form-item--error-message, form.webform-submission-form .form-item--error-message {
color: #ee907b;
display: block;
width: 100%
}
form.comment-form .form-item, form.contact-form .form-item, form.user-form .form-item, form.user-login-form .form-item, form.user-pass .form-item, form.views-exposed-form .form-item, form.webform-submission-form .form-item {
margin-bottom: 1.5rem;
width: 100%
}
form.comment-form .form-item.form-type-checkbox, form.comment-form .form-item.form-type-radio, form.contact-form .form-item.form-type-checkbox, form.contact-form .form-item.form-type-radio, form.user-form .form-item.form-type-checkbox, form.user-form .form-item.form-type-radio, form.user-login-form .form-item.form-type-checkbox, form.user-login-form .form-item.form-type-radio, form.user-pass .form-item.form-type-checkbox, form.user-pass .form-item.form-type-radio, form.views-exposed-form .form-item.form-type-checkbox, form.views-exposed-form .form-item.form-type-radio, form.webform-submission-form .form-item.form-type-checkbox, form.webform-submission-form .form-item.form-type-radio {
align-items: center;
margin-bottom: 1.5rem
}
form.comment-form .form-item.form-type-checkbox label, form.comment-form .form-item.form-type-radio label, form.contact-form .form-item.form-type-checkbox label, form.contact-form .form-item.form-type-radio label, form.user-form .form-item.form-type-checkbox label, form.user-form .form-item.form-type-radio label, form.user-login-form .form-item.form-type-checkbox label, form.user-login-form .form-item.form-type-radio label, form.user-pass .form-item.form-type-checkbox label, form.user-pass .form-item.form-type-radio label, form.views-exposed-form .form-item.form-type-checkbox label, form.views-exposed-form .form-item.form-type-radio label, form.webform-submission-form .form-item.form-type-checkbox label, form.webform-submission-form .form-item.form-type-radio label {
margin-bottom: 0
}
form.comment-form .form-item.form-type-select .select-wrapper, form.contact-form .form-item.form-type-select .select-wrapper, form.user-form .form-item.form-type-select .select-wrapper, form.user-login-form .form-item.form-type-select .select-wrapper, form.user-pass .form-item.form-type-select .select-wrapper, form.views-exposed-form .form-item.form-type-select .select-wrapper, form.webform-submission-form .form-item.form-type-select .select-wrapper {
align-items: center;
border: 2px solid #b1d395;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: .75rem;
position: relative;
width: auto
}
form.comment-form .form-item.form-type-select .select-wrapper:after, form.contact-form .form-item.form-type-select .select-wrapper:after, form.user-form .form-item.form-type-select .select-wrapper:after, form.user-login-form .form-item.form-type-select .select-wrapper:after, form.user-pass .form-item.form-type-select .select-wrapper:after, form.views-exposed-form .form-item.form-type-select .select-wrapper:after, form.webform-submission-form .form-item.form-type-select .select-wrapper:after {
background: url(//www.momentum-institut.at/themes/moment/assets/dist/images/icon-arrow-down.svg) no-repeat 50%;
background-size: contain;
content: "";
cursor: pointer;
display: block;
height: 16px;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 16px;
z-index: 0
}
form.comment-form .form-item.form-type-select .select-wrapper label, form.contact-form .form-item.form-type-select .select-wrapper label, form.user-form .form-item.form-type-select .select-wrapper label, form.user-login-form .form-item.form-type-select .select-wrapper label, form.user-pass .form-item.form-type-select .select-wrapper label, form.views-exposed-form .form-item.form-type-select .select-wrapper label, form.webform-submission-form .form-item.form-type-select .select-wrapper label {
cursor: pointer;
flex: 0;
margin-bottom: 0;
margin-right: .75rem;
padding: .1875rem
}
form.comment-form .form-item.form-type-select .select-wrapper select, form.contact-form .form-item.form-type-select .select-wrapper select, form.user-form .form-item.form-type-select .select-wrapper select, form.user-login-form .form-item.form-type-select .select-wrapper select, form.user-pass .form-item.form-type-select .select-wrapper select, form.views-exposed-form .form-item.form-type-select .select-wrapper select, form.webform-submission-form .form-item.form-type-select .select-wrapper select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border: none;
cursor: pointer;
flex: 1;
font-size: 1rem;
max-width: 100%;
padding: .1875rem;
position: relative;
width: 100%;
z-index: 1
}
form.comment-form .form-item.form-type-select .select-wrapper select:focus, form.contact-form .form-item.form-type-select .select-wrapper select:focus, form.user-form .form-item.form-type-select .select-wrapper select:focus, form.user-login-form .form-item.form-type-select .select-wrapper select:focus, form.user-pass .form-item.form-type-select .select-wrapper select:focus, form.views-exposed-form .form-item.form-type-select .select-wrapper select:focus, form.webform-submission-form .form-item.form-type-select .select-wrapper select:focus {
outline: none
}
form.comment-form .form-item .description, form.contact-form .form-item .description, form.user-form .form-item .description, form.user-login-form .form-item .description, form.user-pass .form-item .description, form.views-exposed-form .form-item .description, form.webform-submission-form .form-item .description {
font-size: .85rem;
padding-bottom: .375rem;
padding-top: .375rem
}
form.comment-form .form-item.form-type-checkbox .description, form.contact-form .form-item.form-type-checkbox .description, form.user-form .form-item.form-type-checkbox .description, form.user-login-form .form-item.form-type-checkbox .description, form.user-pass .form-item.form-type-checkbox .description, form.views-exposed-form .form-item.form-type-checkbox .description, form.webform-submission-form .form-item.form-type-checkbox .description {
padding-left: 3.5rem
}
form.comment-form fieldset.radios--wrapper, form.contact-form fieldset.radios--wrapper, form.user-form fieldset.radios--wrapper, form.user-login-form fieldset.radios--wrapper, form.user-pass fieldset.radios--wrapper, form.views-exposed-form fieldset.radios--wrapper, form.webform-submission-form fieldset.radios--wrapper {
border-color: #ee907b;
border-style: solid;
margin-bottom: 1.5rem
}
form.comment-form .webform-entity-radios--wrapper .form-type-radio, form.contact-form .webform-entity-radios--wrapper .form-type-radio, form.user-form .webform-entity-radios--wrapper .form-type-radio, form.user-login-form .webform-entity-radios--wrapper .form-type-radio, form.user-pass .webform-entity-radios--wrapper .form-type-radio, form.views-exposed-form .webform-entity-radios--wrapper .form-type-radio, form.webform-submission-form .webform-entity-radios--wrapper .form-type-radio {
padding-left: 0
}
form.comment-form .form-actions, form.contact-form .form-actions, form.user-form .form-actions, form.user-login-form .form-actions, form.user-pass .form-actions, form.views-exposed-form .form-actions, form.webform-submission-form .form-actions {
display: flex;
justify-content: flex-end
}
form.comment-form .form-actions > *, form.contact-form .form-actions > *, form.user-form .form-actions > *, form.user-login-form .form-actions > *, form.user-pass .form-actions > *, form.views-exposed-form .form-actions > *, form.webform-submission-form .form-actions > * {
margin-left: .75rem
}
form.comment-form .form-item.form-type-checkbox, form.contact-form .form-item.form-type-checkbox, form.user-form .form-item.form-type-checkbox, form.user-login-form .form-item.form-type-checkbox, form.user-pass .form-item.form-type-checkbox {
justify-content: flex-start
}
form.webform-submission-form .inner {
max-width: 1280px;
padding-top: 30px
}
form.webform-submission-form .inner .form-wrapper, form.webform-submission-form .inner .intro {
padding: 20px
}
form.webform-submission-form .inner .form-wrapper h1, form.webform-submission-form .inner .form-wrapper h2, form.webform-submission-form .inner .form-wrapper h3, form.webform-submission-form .inner .form-wrapper h4, form.webform-submission-form .inner .form-wrapper h5, form.webform-submission-form .inner .form-wrapper h6, form.webform-submission-form .inner .intro h1, form.webform-submission-form .inner .intro h2, form.webform-submission-form .inner .intro h3, form.webform-submission-form .inner .intro h4, form.webform-submission-form .inner .intro h5, form.webform-submission-form .inner .intro h6 {
color: #ee907b
}
form.webform-submission-form .js-form-wrapper {
margin: 0 auto;
max-width: 768px
}
form.webform-submission-form .js-form-wrapper .webform-button--previous {
border: none
}
form.webform-submission-form .js-form-wrapper .fieldset-wrapper, form.webform-submission-form .js-form-wrapper fieldset {
border: none;
padding: 0
}
form.webform-submission-form .form-actions {
display: flex;
flex-direction: column;
justify-content: center
}
form.webform-submission-form input.webform-button--next.button.js-form-submit.form-submit, form.webform-submission-form input.webform-button--submit.button.button--primary.js-form-submit.form-submit {
margin: auto
}
form.comment-form .form-type-email label, form.comment-form .form-type-textfield label {
font-size: 1.125rem;
font-weight: 700
}
@media (min-width: 1024px) {
form.comment-form .form-type-email label, form.comment-form .form-type-textfield label {
font-size: .85rem
}
}
form.comment-form .form-type-checkbox {
margin-bottom: .25rem !important
}
form.comment-form .form-type-checkbox label {
font-weight: 400
}
form.comment-form .form-type-checkbox input[type=checkbox]:not(.switch) + label:before, form.comment-form .form-type-checkbox input[type=radio] + label:before {
height: 1.25rem;
width: 1.25rem
}
form.comment-form .form-type-checkbox input[type=checkbox]:not(.switch) + label, form.comment-form .form-type-checkbox input[type=radio] + label {
font-size: 1.125rem;
padding-left: 1.75rem
}
@media (min-width: 1024px) {
form.comment-form .form-type-checkbox input[type=checkbox]:not(.switch) + label, form.comment-form .form-type-checkbox input[type=radio] + label {
font-size: .85rem
}
}
.button, .node-preview-container a, article.comment .comment__meta .meta-links a, button, input[type=button], input[type=submit], nav.tabs ul li a {
background: #000;
border: none;
color: #fff;
cursor: pointer;
display: block;
font-size: 1.125rem;
outline: none;
padding: .375rem .75rem;
text-decoration: none;
transition: all .2s ease-in
}
.button:hover, .node-preview-container a:hover, article.comment .comment__meta .meta-links a:hover, button:hover, input[type=button]:hover, input[type=submit]:hover, nav.tabs ul li a:hover {
background: #ee907b;
color: #000
}
.button.clear, .node-preview-container a.clear, article.comment .comment__meta .meta-links a.clear, button.clear, input[type=button].clear, input[type=submit].clear, nav.tabs ul li a.clear {
background: none;
border: none;
color: #000
}
.button.clear:hover, .node-preview-container a.clear:hover, article.comment .comment__meta .meta-links a.clear:hover, button.clear:hover, input[type=button].clear:hover, input[type=submit].clear:hover, nav.tabs ul li a.clear:hover {
background: none;
color: #000
}
.button.outline, .node-preview-container a.outline, article.comment .comment__meta .meta-links a, button.outline, input[type=button].outline, input[type=submit].outline, nav.tabs ul li a.outline {
background: none;
border: 2px solid #000;
color: #000
}
.button.outline:hover, .node-preview-container a.outline:hover, article.comment .comment__meta .meta-links a:hover, button.outline:hover, input[type=button].outline:hover, input[type=submit].outline:hover, nav.tabs ul li a.outline:hover {
background: #000;
color: #fff
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], textarea {
-webkit-appearance: none;
background: #fff;
border: 2px solid #b1d395;
border-radius: 0;
color: #393939;
display: block;
font-family: SuisseScreen, sans-serif;
font-size: 1.125rem;
font-weight: 700;
margin-top: -1px;
outline: none;
padding: .75rem;
width: 100%
}
textarea {
resize: vertical
}
select {
color: #393939
}
input[type=search] {
border-left: none;
border-right: none;
border-top: none;
padding: .25rem .1875rem .375rem
}
input[type=checkbox]:not(.switch), input[type=radio] {
height: .75rem;
opacity: 0;
position: absolute;
width: .75rem
}
input[type=checkbox]:not(.switch) + label, input[type=radio] + label {
cursor: pointer;
display: block;
font-size: 1.125rem;
padding: calc(.75rem + 1px) .75rem calc(.75rem - 1px) 3.5rem;
position: relative;
width: 100%
}
input[type=checkbox]:not(.switch) + label:before, input[type=radio] + label:before {
border: 2px solid #ee907b;
content: "";
display: block;
font-size: 1rem;
height: 2.5em;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all .2s ease-in;
width: 2.5em
}
input[type=checkbox]:not(.switch):checked + label:before, input[type=radio]:checked + label:before {
background-image: url(//www.momentum-institut.at/wp-content/themes/moi/js/vue-tools/pflege-rechner/assets/icon-check.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 80%
}
input[type=radio] + label {
width: auto
}
input[type=radio] + label:before {
border-radius: 100%
}
input[type=radio]:checked + label:before {
background-size: 80%
}
input[type=checkbox].switch {
left: -9999px;
position: absolute
}
input[type=checkbox].switch + label {
align-items: center;
display: flex;
justify-content: space-between;
padding: .75rem
}
input[type=checkbox].switch + label span:last-child {
background: #434257;
border-radius: 15px;
box-shadow: inset 0 0 5px #0006;
height: 26px;
position: relative;
transition: all .3s;
width: 50px
}
input[type=checkbox].switch + label span:last-child:after, input[type=checkbox].switch + label span:last-child:before {
content: "";
position: absolute
}
input[type=checkbox].switch + label span:last-child:before {
background: #fff;
border-radius: 50%;
height: 24px;
left: 1px;
top: 1px;
transition: transform .3s;
width: 24px;
z-index: 1
}
input[type=checkbox].switch + label span:last-child:after {
background: url(//www.momentum-institut.at/themes/moment/assets/dist/images/uncheck-switcher.svg);
background-size: 12px 12px;
height: 12px;
right: 8px;
top: 50%;
transform: translateY(-50%);
width: 12px
}
input[type=checkbox].switch:checked + label span:last-child {
background: #b1d395
}
input[type=checkbox].switch:checked + label span:last-child:before {
transform: translate(24px)
}
input[type=checkbox].switch:checked + label span:last-child:after {
background-image: url(//www.momentum-institut.at/themes/moment/assets/dist/images/checkmark-switcher.svg);
background-size: 14px 14px;
height: 14px;
left: 8px;
width: 14px
}
.site-logo {
display: inline-block;
height: auto;
width: 100%
}
.site-logo svg {
height: 100%;
width: auto
}
nav.navigation ul li {
display: block
}
nav.navigation ul li a, nav.navigation ul li span {
cursor: pointer;
display: inline-block;
font-family: SuisseScreen, sans-serif;
font-size: 1rem;
font-weight: 700;
padding: .75rem;
position: relative;
text-decoration: none
}
@media (max-width: 1160px) {
nav.navigation ul li.menu-item--expanded .open-menu:hover {
background-color: transparent
}
nav.navigation ul li.menu-item--expanded .open-menu:after {
background-color: transparent;
background: url(//www.momentum-institut.at/themes/moment/assets/dist/images/icon-arrow-down.svg) no-repeat 50%;
content: "";
display: inline-block;
height: 2rem;
margin-left: .6rem;
transform-origin: center center;
transition: transform .25s linear;
width: 2rem
}
nav.navigation ul li.menu-item--expanded .open-menu.is-active:after {
transform: rotate(180deg)
}
nav.navigation ul li.menu-item--expanded .menu {
height: 0;
overflow: hidden;
transition: all .2s ease-in;
width: 100%
}
nav.navigation ul li.menu-item--expanded.open .menu {
height: auto
}
#block-button-morgenmoment .navigation, #block-highlightlink-3 .navigation, #block-loggedout-2 .navigation, .block-moment-featured-categories-menu .navigation, .menu--hauptnavigation-momentum-ko, .menu--hauptnavigation-momentum-re, .menu--main, .menu--main-institut {
width: 100%
}
#block-button-morgenmoment .navigation > ul.menu > li.menu-item, #block-highlightlink-3 .navigation > ul.menu > li.menu-item, #block-loggedout-2 .navigation > ul.menu > li.menu-item, .block-moment-featured-categories-menu .navigation > ul.menu > li.menu-item, .menu--hauptnavigation-momentum-ko > ul.menu > li.menu-item, .menu--hauptnavigation-momentum-re > ul.menu > li.menu-item, .menu--main-institut > ul.menu > li.menu-item, .menu--main > ul.menu > li.menu-item {
border-bottom: 1px solid #393939;
width: 100%
}
#block-button-morgenmoment .navigation > ul.menu > li.menu-item .menu-item--wrapper, #block-highlightlink-3 .navigation > ul.menu > li.menu-item .menu-item--wrapper, #block-loggedout-2 .navigation > ul.menu > li.menu-item .menu-item--wrapper, .block-moment-featured-categories-menu .navigation > ul.menu > li.menu-item .menu-item--wrapper, .menu--hauptnavigation-momentum-ko > ul.menu > li.menu-item .menu-item--wrapper, .menu--hauptnavigation-momentum-re > ul.menu > li.menu-item .menu-item--wrapper, .menu--main-institut > ul.menu > li.menu-item .menu-item--wrapper, .menu--main > ul.menu > li.menu-item .menu-item--wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between
}
#block-button-morgenmoment .navigation > ul.menu > li.menu-item .menu-item--wrapper a, #block-highlightlink-3 .navigation > ul.menu > li.menu-item .menu-item--wrapper a, #block-loggedout-2 .navigation > ul.menu > li.menu-item .menu-item--wrapper a, .block-moment-featured-categories-menu .navigation > ul.menu > li.menu-item .menu-item--wrapper a, .menu--hauptnavigation-momentum-ko > ul.menu > li.menu-item .menu-item--wrapper a, .menu--hauptnavigation-momentum-re > ul.menu > li.menu-item .menu-item--wrapper a, .menu--main-institut > ul.menu > li.menu-item .menu-item--wrapper a, .menu--main > ul.menu > li.menu-item .menu-item--wrapper a {
flex-grow: 1
}
.block-moment-featured-categories-menu {
width: 100%
}
.menu--hauptnavigation-momentum-ko > ul.menu, .menu--hauptnavigation-momentum-re > ul.menu, .menu--main-institut > ul.menu, .menu--main > ul.menu {
border-top: 1px solid #393939
}
#block-button-morgenmoment, #block-highlightlink-3 {
flex: 1
}
}
@media (min-width: 1160px) {
nav.navigation ul li {
display: inline-block
}
nav.navigation ul li a, nav.navigation ul li span {
margin-bottom: -5px;
opacity: .5
}
nav.navigation ul li a:after, nav.navigation ul li span:after {
background: #000;
bottom: -1px;
content: "";
display: block;
height: 2px;
left: 0;
right: auto;
transition: all .2s ease-in;
width: 0
}
nav.navigation ul li a.is-active:after, nav.navigation ul li a:hover:after, nav.navigation ul li span.is-active:after, nav.navigation ul li span:hover:after {
width: 100%
}
nav.navigation ul li a.is-active, nav.navigation ul li a:hover, nav.navigation ul li span.is-active, nav.navigation ul li span:hover {
opacity: 1
}
nav.navigation ul li.menu-item--expanded {
position: relative
}
nav.navigation ul li.menu-item--expanded .menu {
display: none;
margin-top: 0;
min-width: 300px;
position: absolute;
transition: all .2s ease-in
}
nav.navigation ul li.menu-item--expanded .menu li {
text-align: left;
width: 100%
}
nav.navigation ul li.menu-item--expanded .menu li a {
width: 100%
}
nav.navigation ul li.menu-item--expanded:hover .menu {
background-color: #fff;
box-shadow: 0 10px 15px #0000001f;
display: block;
margin-top: 6px
}
nav.navigation ul li.menu-item--expanded .open-menu {
display: none
}
}
.toggle .toggle-icon {
cursor: pointer;
display: block;
height: 40px;
margin: 0;
overflow: hidden;
position: relative;
text-indent: -9999px;
width: 40px
}
.toggle .toggle-icon img, .toggle .toggle-icon svg {
left: 50%;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0);
width: 50%
}
.toggle .toggle-content {
display: none
}
.toggle.open .toggle-content {
display: block
}
@media (min-width: 1160px) {
.toggle.show-on-desktop .toggle-icon {
display: none
}
.toggle.show-on-desktop .toggle-content {
display: block
}
}
#block-moment-local-tasks {
bottom: 0;
left: 10px;
max-width: calc(100vw - 20px);
position: fixed;
right: auto;
top: auto;
z-index: 200
}
nav.tabs {
background: #000;
text-align: center
}
nav.tabs ul {
margin: 0 auto;
max-width: 1024px;
overflow: auto;
white-space: nowrap
}
nav.tabs ul li {
display: inline-block;
padding: .1875rem
}
nav.tabs ul li a {
font-size: .85rem
}
.block-domain-switcher {
align-self: stretch;
flex: 0
}
.block-domain-switcher a {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
margin: 0 auto;
overflow: hidden;
padding: .75rem;
position: relative;
width: 10.5rem
}
.block-domain-switcher a svg {
height: auto;
opacity: .5;
transition: all .2s ease-in;
width: 100%
}
.block-domain-switcher a svg path, .block-domain-switcher a svg polygon, .block-domain-switcher a svg rect {
fill: #fff
}
.block-domain-switcher a:hover svg {
opacity: 1
}
@media screen and (min-width: 1160px) {
.block-domain-switcher {
background: #f5f5f5;
margin: -.375rem
}
.block-domain-switcher a {
padding-left: 3.75rem
}
.block-domain-switcher a:before {
background: #fff;
box-shadow: 0 2px 10px #00000040;
content: "";
height: 50px;
left: -70%;
position: absolute;
top: 0;
transform: rotate(45deg);
transform-origin: center center;
transition: all .2s ease-in;
width: 130%
}
.block-domain-switcher a svg path, .block-domain-switcher a svg polygon, .block-domain-switcher a svg rect {
fill: #000
}
.block-domain-switcher a:hover:before {
box-shadow: 0 2px 20px #00000040
}
}
#search-block-form, .block-search form {
display: flex;
margin: 0 auto
}
#search-block-form .form-item, .block-search form .form-item {
width: 100%
}
#search-block-form .form-item input.form-search, .block-search form .form-item input.form-search {
background: none
}
#search-block-form input.form-submit, .block-search form input.form-submit {
background: url(//www.momentum-institut.at/themes/moment/assets/dist/images/icon-search.svg) no-repeat 50%;
background-size: 50%;
height: 100%;
margin-left: -.375rem;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 2.25rem
}
.block-social-links .links {
display: flex;
margin: 0 .75rem
}
.block-social-links .links a {
display: block;
height: 2.25rem;
opacity: .5;
padding: .375rem;
position: relative;
transition: all .2s ease-in;
width: 2.25rem
}
.block-social-links .links a svg {
height: 100%;
width: 100%
}
.block-social-links .links a svg.svg-border {
border: 2px solid;
border-radius: 100%;
padding: 3px
}
.block-social-links .links a svg * {
fill: currentColor
}
.block-social-links .links a:hover {
opacity: 1
}
header .block-donation-overlay, header .block-highlight-link {
margin-right: .75rem
}
header .block-donation-overlay .donation-button, header .block-highlight-link .donation-button {
background-color: #ee907b;
border-radius: 2px;
color: #000;
display: block;
font-family: SuisseScreen, sans-serif;
font-weight: 700;
text-decoration: none;
text-indent: 0;
white-space: nowrap;
width: auto
}
header .block-donation-overlay .donation-button svg, header .block-highlight-link .donation-button svg {
margin-bottom: -4px;
margin-right: 3px
}
@media (min-width: 1160px) {
header .block-donation-overlay .donation-button svg, header .block-highlight-link .donation-button svg {
height: 18px;
width: 18px
}
}
header .block-donation-overlay .donation-button:hover, header .block-highlight-link .donation-button:hover {
box-shadow: 0 5px 15px #0003
}
header .region-header .toggle-content a.donation-button {
color: #000;
font-size: 2rem
}
@media (min-width: 1160px) {
header .region-header .toggle-content a.donation-button {
font-size: inherit
}
}
header .block-donation-overlay .donation-button {
background-color: #b1d395
}
.region-content .block-donation-overlay, .region-content .block-highlight-link, footer .block-donation-overlay, footer .block-highlight-link {
background: #b1d395;
padding: .75rem 1.5rem
}
@media screen and (min-width: 768px) {
.region-content .block-donation-overlay, .region-content .block-highlight-link, footer .block-donation-overlay, footer .block-highlight-link {
padding: 1.125rem 2.75rem
}
}
.region-content .block-donation-overlay .donation-banner, .region-content .block-highlight-link .donation-banner, footer .block-donation-overlay .donation-banner, footer .block-highlight-link .donation-banner {
align-items: center;
display: flex;
gap: 10px;
justify-content: space-between
}
.region-content .block-donation-overlay .donation-banner .content, .region-content .block-highlight-link .donation-banner .content, footer .block-donation-overlay .donation-banner .content, footer .block-highlight-link .donation-banner .content {
width: 71%
}
.region-content .block-donation-overlay .donation-banner .hearts, .region-content .block-highlight-link .donation-banner .hearts, footer .block-donation-overlay .donation-banner .hearts, footer .block-highlight-link .donation-banner .hearts {
width: 27%
}
@media screen and (min-width: 1024px) {
.region-content .block-donation-overlay .donation-banner .content, .region-content .block-highlight-link .donation-banner .content, footer .block-donation-overlay .donation-banner .content, footer .block-highlight-link .donation-banner .content {
width: 80%
}
.region-content .block-donation-overlay .donation-banner .hearts, .region-content .block-highlight-link .donation-banner .hearts, footer .block-donation-overlay .donation-banner .hearts, footer .block-highlight-link .donation-banner .hearts {
width: 20%
}
}
.region-content .block-donation-overlay .donation-banner .content span.p, .region-content .block-highlight-link .donation-banner .content span.p, footer .block-donation-overlay .donation-banner .content span.p, footer .block-highlight-link .donation-banner .content span.p {
font-family: SuisseScreen, sans-serif;
font-size: 1.2rem;
font-weight: 800;
line-height: 115%;
overflow: visible;
position: relative
}
@media screen and (min-width: 480px) {
.region-content .block-donation-overlay .donation-banner .content span.p, .region-content .block-highlight-link .donation-banner .content span.p, footer .block-donation-overlay .donation-banner .content span.p, footer .block-highlight-link .donation-banner .content span.p {
margin-top: 10px;
padding-top: 0
}
}
@media screen and (min-width: 768px) {
.region-content .block-donation-overlay .donation-banner .content span.p, .region-content .block-highlight-link .donation-banner .content span.p, footer .block-donation-overlay .donation-banner .content span.p, footer .block-highlight-link .donation-banner .content span.p {
font-size: 1.5rem;
margin: 0
}
}
@media screen and (min-width: 1024px) {
.region-content .block-donation-overlay .donation-banner .content span.p, .region-content .block-highlight-link .donation-banner .content span.p, footer .block-donation-overlay .donation-banner .content span.p, footer .block-highlight-link .donation-banner .content span.p {
font-size: 2.3rem
}
}
@media screen and (min-width: 1440px) {
.region-content .block-donation-overlay .donation-banner .content span.p, .region-content .block-highlight-link .donation-banner .content span.p, footer .block-donation-overlay .donation-banner .content span.p, footer .block-highlight-link .donation-banner .content span.p {
font-size: 2.5rem;
padding-left: 0
}
}
@media screen and (min-width: 1024px) {
.region-content .block-donation-overlay .donation-banner .content, .region-content .block-highlight-link .donation-banner .content, footer .block-donation-overlay .donation-banner .content, footer .block-highlight-link .donation-banner .content {
display: flex;
justify-content: space-between
}
.region-content .block-donation-overlay .donation-banner .content span.p, .region-content .block-highlight-link .donation-banner .content span.p, footer .block-donation-overlay .donation-banner .content span.p, footer .block-highlight-link .donation-banner .content span.p {
width: 49%
}
}
.region-content .block-donation-overlay .donation-banner .hearts, .region-content .block-highlight-link .donation-banner .hearts, footer .block-donation-overlay .donation-banner .hearts, footer .block-highlight-link .donation-banner .hearts {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
justify-items: center;
max-width: 150px
}
@media screen and (min-width: 480px) {
.region-content .block-donation-overlay .donation-banner .hearts, .region-content .block-highlight-link .donation-banner .hearts, footer .block-donation-overlay .donation-banner .hearts, footer .block-highlight-link .donation-banner .hearts {
flex-wrap: nowrap
}
}
@media screen and (min-width: 1024px) {
.region-content .block-donation-overlay .donation-banner .hearts, .region-content .block-highlight-link .donation-banner .hearts, footer .block-donation-overlay .donation-banner .hearts, footer .block-highlight-link .donation-banner .hearts {
flex-wrap: wrap
}
}
.region-content .block-donation-overlay .donation-banner .hearts svg, .region-content .block-highlight-link .donation-banner .hearts svg, footer .block-donation-overlay .donation-banner .hearts svg, footer .block-highlight-link .donation-banner .hearts svg {
height: auto;
padding: 5px;
width: 50%
}
@media screen and (min-width: 480px) {
.region-content .block-donation-overlay .donation-banner .hearts svg, .region-content .block-highlight-link .donation-banner .hearts svg, footer .block-donation-overlay .donation-banner .hearts svg, footer .block-highlight-link .donation-banner .hearts svg {
width: 100%
}
}
@media screen and (min-width: 768px) {
.region-content .block-donation-overlay .donation-banner .hearts svg, .region-content .block-highlight-link .donation-banner .hearts svg, footer .block-donation-overlay .donation-banner .hearts svg, footer .block-highlight-link .donation-banner .hearts svg {
width: 100%
}
}
@media screen and (min-width: 1024px) {
.region-content .block-donation-overlay .donation-banner .hearts svg, .region-content .block-highlight-link .donation-banner .hearts svg, footer .block-donation-overlay .donation-banner .hearts svg, footer .block-highlight-link .donation-banner .hearts svg {
padding: 10px;
width: 50%
}
}
.region-content .block-donation-overlay .donation-banner:focus .hearts .icon_heart:first-child, .region-content .block-donation-overlay .donation-banner:hover .hearts .icon_heart:first-child, .region-content .block-highlight-link .donation-banner:focus .hearts .icon_heart:first-child, .region-content .block-highlight-link .donation-banner:hover .hearts .icon_heart:first-child, footer .block-donation-overlay .donation-banner:focus .hearts .icon_heart:first-child, footer .block-donation-overlay .donation-banner:hover .hearts .icon_heart:first-child, footer .block-highlight-link .donation-banner:focus .hearts .icon_heart:first-child, footer .block-highlight-link .donation-banner:hover .hearts .icon_heart:first-child {
animation: pulse2 1s infinite
}
.region-content .block-donation-overlay .donation-banner:focus .hearts .icon_heart:nth-child(2), .region-content .block-donation-overlay .donation-banner:hover .hearts .icon_heart:nth-child(2), .region-content .block-highlight-link .donation-banner:focus .hearts .icon_heart:nth-child(2), .region-content .block-highlight-link .donation-banner:hover .hearts .icon_heart:nth-child(2), footer .block-donation-overlay .donation-banner:focus .hearts .icon_heart:nth-child(2), footer .block-donation-overlay .donation-banner:hover .hearts .icon_heart:nth-child(2), footer .block-highlight-link .donation-banner:focus .hearts .icon_heart:nth-child(2), footer .block-highlight-link .donation-banner:hover .hearts .icon_heart:nth-child(2) {
animation: pulse3 1s infinite
}
.region-content .block-donation-overlay .donation-banner:focus .hearts .icon_heart:nth-child(3), .region-content .block-donation-overlay .donation-banner:hover .hearts .icon_heart:nth-child(3), .region-content .block-highlight-link .donation-banner:focus .hearts .icon_heart:nth-child(3), .region-content .block-highlight-link .donation-banner:hover .hearts .icon_heart:nth-child(3), footer .block-donation-overlay .donation-banner:focus .hearts .icon_heart:nth-child(3), footer .block-donation-overlay .donation-banner:hover .hearts .icon_heart:nth-child(3), footer .block-highlight-link .donation-banner:focus .hearts .icon_heart:nth-child(3), footer .block-highlight-link .donation-banner:hover .hearts .icon_heart:nth-child(3) {
animation: pulse4 1s infinite
}
.region-content .block-donation-overlay > a, .region-content .block-highlight-link > a, footer .block-donation-overlay > a, footer .block-highlight-link > a {
text-decoration: none
}
.region-content .block-donation-overlay .donation-banner_link, .region-content .block-highlight-link .donation-banner_link, footer .block-donation-overlay .donation-banner_link, footer .block-highlight-link .donation-banner_link {
color: #fff;
display: inline-block;
padding: 0 10px;
position: relative;
text-decoration: none;
z-index: 2
}
.region-content .block-donation-overlay .donation-banner_link:before, .region-content .block-highlight-link .donation-banner_link:before, footer .block-donation-overlay .donation-banner_link:before, footer .block-highlight-link .donation-banner_link:before {
background: #ee907b;
bottom: 5px;
box-shadow: 0 0 10px #0000004d;
content: "";
left: 0;
position: absolute;
right: 0;
top: -10px;
transform: perspective(10em) rotateX(30deg) translateZ(-10px);
transition: transform .3s ease;
z-index: -1
}
.region-content .block-donation-overlay .donation-banner_link:hover:before, .region-content .block-highlight-link .donation-banner_link:hover:before, footer .block-donation-overlay .donation-banner_link:hover:before, footer .block-highlight-link .donation-banner_link:hover:before {
transform: perspective(1.5em) rotateX(30deg) translateZ(-10px)
}
@media screen and (min-width: 768px) {
.region-content .block-highlight-link .donation-banner, footer .block-highlight-link .donation-banner {
display: flex;
justify-content: space-between
}
}
.region-content .block-highlight-link .donation-banner .content, .region-content .block-highlight-link .donation-banner .content2, footer .block-highlight-link .donation-banner .content, footer .block-highlight-link .donation-banner .content2 {
display: block
}
.region-content .block-highlight-link .donation-banner .content h2, .region-content .block-highlight-link .donation-banner .content2 h2, footer .block-highlight-link .donation-banner .content h2, footer .block-highlight-link .donation-banner .content2 h2 {
text-align: center;
width: 100%
}
@media screen and (min-width: 768px) {
.region-content .block-highlight-link .donation-banner .content h2, .region-content .block-highlight-link .donation-banner .content2 h2, footer .block-highlight-link .donation-banner .content h2, footer .block-highlight-link .donation-banner .content2 h2 {
text-align: left
}
}
.region-content .block-highlight-link .donation-banner .actions, footer .block-highlight-link .donation-banner .actions {
align-self: center;
text-align: center
}
.region-content .block-highlight-link .donation-banner .actions *, footer .block-highlight-link .donation-banner .actions * {
width: 100%
}
.region-content .block-highlight-link .donation-banner .actions p, footer .block-highlight-link .donation-banner .actions p {
padding-left: 0
}
.node-preview-container .region-content .block-highlight-link .donation-banner a, .node-preview-container footer .block-highlight-link .donation-banner a, .region-content .block-highlight-link .donation-banner .button, .region-content .block-highlight-link .donation-banner .node-preview-container a, .region-content .block-highlight-link .donation-banner article.comment .comment__meta .meta-links a, .region-content .block-highlight-link .donation-banner nav.tabs ul li a, article.comment .comment__meta .meta-links .region-content .block-highlight-link .donation-banner a, article.comment .comment__meta .meta-links footer .block-highlight-link .donation-banner a, footer .block-highlight-link .donation-banner .button, footer .block-highlight-link .donation-banner .node-preview-container a, footer .block-highlight-link .donation-banner article.comment .comment__meta .meta-links a, footer .block-highlight-link .donation-banner nav.tabs ul li a, nav.tabs ul li .region-content .block-highlight-link .donation-banner a, nav.tabs ul li footer .block-highlight-link .donation-banner a {
margin-top: .75rem
}
@media screen and (max-width: 330px) {
#spenden-block-mobile {
display: none
}
}
@media screen and (min-width: 1160px) {
.block-donation-overlay.hide-on-desktop {
display: none
}
}
@keyframes pulse1 {
10% {
transform: scale(1.1)
}
}
@keyframes pulse2 {
10% {
transform: scale(1)
}
20% {
transform: scale(1.1)
}
}
@keyframes pulse3 {
20% {
transform: scale(1)
}
30% {
transform: scale(1.1)
}
}
@keyframes pulse4 {
30% {
transform: scale(1)
}
40% {
transform: scale(1.1)
}
}
@keyframes pulse5 {
40% {
transform: scale(1)
}
50% {
transform: scale(1.1)
}
}
.region-content .block-contact-us-block {
background: #b1d395;
padding: .75rem 1.5rem
}
@media screen and (min-width: 480px) {
.region-content .block-contact-us-block {
padding: 1.5rem
}
}
@media screen and (min-width: 768px) {
.region-content .block-contact-us-block {
padding: 1.5rem 2.25rem
}
}
@media screen and (min-width: 1024px) {
.region-content .block-contact-us-block {
padding: 2.25rem 2.625rem
}
}
@media screen and (min-width: 1440px) {
.region-content .block-contact-us-block {
padding: 3rem 3.75rem
}
}
@media screen and (min-width: 1920px) {
.region-content .block-contact-us-block {
padding: 3.975rem 4.95rem
}
}
@media screen and (min-width: 768px) {
.region-content .block-contact-us-block .content {
align-items: center;
display: flex;
justify-content: space-between
}
}
.region-content .block-contact-us-block .content > p:first-child {
padding-top: 0
}
@media screen and (min-width: 768px) {
.region-content .block-contact-us-block .content > p:first-child {
padding-left: 0;
width: calc(50% - 5px)
}
}
@media screen and (min-width: 1024px) {
.region-content .block-contact-us-block .content > p:first-child {
width: calc(35% - 5px)
}
}
.region-content .block-contact-us-block h2 {
font-size: 3rem;
line-height: 120%;
margin: 0;
overflow: visible
}
@media screen and (min-width: 768px) {
.region-content .block-contact-us-block h2 {
font-size: 5rem;
width: calc(50% - 5px)
}
}
@media screen and (min-width: 1024px) {
.region-content .block-contact-us-block h2 {
width: calc(35% - 5px)
}
}
.region-content .block-contact-us-block p {
font-family: SuisseScreen, sans-serif;
font-size: 2.5rem;
font-weight: 800;
line-height: 115%;
margin: 0;
max-width: 700px;
overflow: visible;
padding-top: 80px;
position: relative
}
@media screen and (min-width: 480px) {
.region-content .block-contact-us-block p {
margin-top: 10px;
padding-left: 55px;
padding-top: 0
}
}
@media screen and (min-width: 768px) {
.region-content .block-contact-us-block p {
margin-top: 0;
width: calc(50% - 5px)
}
}
@media screen and (min-width: 1024px) {
.region-content .block-contact-us-block p {
width: calc(60% - 5px)
}
}
@media screen and (min-width: 1440px) {
.region-content .block-contact-us-block p {
padding-left: 0;
width: calc(65% - 5px)
}
}
.region-content .block-contact-us-block .contactus-banner_link {
color: #fff;
display: inline-block;
padding: 0 10px;
position: relative;
text-decoration: none
}
.region-content .block-contact-us-block .contactus-banner_link:before {
background: #ee907b;
bottom: 5px;
box-shadow: 0 0 10px #0000004d;
content: "";
left: 0;
position: absolute;
right: 0;
top: -10px;
transform: perspective(10em) rotateX(30deg) translateZ(-10px);
transition: transform .3s ease
}
.region-content .block-contact-us-block .contactus-banner_link:hover:before {
transform: perspective(1.5em) rotateX(30deg) translateZ(-10px)
}
.region-content .block-contact-us-block .contactus-banner_link span {
display: block;
position: relative
}
.region-content .block-contact-us-block .contactus-banner_link-icon {
background: url(//www.momentum-institut.at/themes/moment/assets/dist/images/hand-right.svg) 50% no-repeat;
height: 80px;
left: 0;
position: absolute;
top: 10px;
transform: rotate(105deg);
transition: transform .3s ease;
width: 80px
}
.region-content .block-contact-us-block .contactus-banner_link-icon:hover {
transform: rotate(80deg)
}
@media screen and (min-width: 480px) {
.region-content .block-contact-us-block .contactus-banner_link-icon {
bottom: -28px;
left: -25px;
top: auto;
transform: rotate(-30deg)
}
.region-content .block-contact-us-block .contactus-banner_link-icon:hover {
transform: scale(1.05)
}
}
@media screen and (min-width: 768px) {
.region-content .block-contact-us-block .contactus-banner_link-icon {
bottom: 10px
}
}
@media screen and (min-width: 926px) {
.region-content .block-contact-us-block .contactus-banner_link-icon {
bottom: -30px
}
}
@media screen and (min-width: 1024px) {
.region-content .block-contact-us-block .contactus-banner_link-icon {
height: 100px;
left: -60px;
width: 100px
}
}
@media screen and (min-width: 1440px) {
.region-content .block-contact-us-block .contactus-banner_link-icon {
bottom: -45px;
left: -100px
}
}
.sliding-popup-bottom {
left: 0;
right: 0
}
.eu-cookie-compliance-banner {
background: #000
}
.eu-cookie-compliance-banner, .eu-cookie-compliance-banner button, .eu-cookie-compliance-banner p {
color: #fff;
font-size: .935rem;
text-align: center
}
.eu-cookie-compliance-banner a {
color: #fff;
text-decoration: underline
}
.eu-cookie-compliance-banner input[type=checkbox] + label, .eu-cookie-compliance-banner input[type=radio] + label {
flex-grow: 1;
margin-left: 0
}
.eu-cookie-compliance-banner .eu-cookie-compliance-content {
margin: 0 .75rem;
max-width: 800px;
width: auto
}
.eu-cookie-compliance-banner .eu-cookie-compliance-message {
align-items: center;
display: flex;
flex: 1;
flex-direction: column;
float: none;
max-width: none;
padding: .75rem 0
}
.eu-cookie-compliance-banner .eu-cookie-compliance-message p {
margin: 0
}
.eu-cookie-compliance-banner .eu-cookie-compliance-message button.find-more-button {
background: none;
border: none;
display: inline;
padding-left: 0;
padding-right: 0;
padding-top: 3px;
text-decoration: underline;
white-space: nowrap
}
.eu-cookie-compliance-banner .eu-cookie-compliance-category .title {
display: flex;
justify-content: space-between
}
.eu-cookie-compliance-banner .eu-cookie-compliance-category .toggle {
align-items: center;
cursor: pointer;
display: flex;
flex-grow: 1;
justify-content: flex-start;
padding: .75rem 0;
transition: all .2s ease-in
}
.eu-cookie-compliance-banner .eu-cookie-compliance-category .toggle:before {
content: "› ";
display: block;
font-size: 1.5rem;
margin-right: .75rem;
margin-top: -2px;
transition: all .2s ease-in
}
.eu-cookie-compliance-banner .eu-cookie-compliance-category .eu-cookie-compliance-category-description {
transition: all .2s ease-in
}
.eu-cookie-compliance-banner .eu-cookie-compliance-category .eu-cookie-compliance-category-description p {
text-align: left
}
.eu-cookie-compliance-banner .eu-cookie-compliance-category.closed .toggle {
transition: all .2s ease-in
}
.eu-cookie-compliance-banner .eu-cookie-compliance-category.closed .toggle:before {
transform: rotate(90deg);
transition: all .2s ease-in
}
.eu-cookie-compliance-banner .eu-cookie-compliance-category.closed .eu-cookie-compliance-category-description {
height: 0 !important;
overflow: hidden;
transition: all .2s ease-in
}
.eu-cookie-compliance-banner .eu-cookie-compliance-category .switch label {
padding: .75rem 0
}
.eu-cookie-compliance-banner .eu-cookie-compliance-category .switch label span:first-child {
left: -9999px;
position: absolute
}
.eu-cookie-compliance-banner #cookie-category-essential + label span:last-child {
cursor: not-allowed
}
.eu-cookie-compliance-banner .eu-cookie-compliance-buttons {
display: flex;
float: none;
justify-content: space-between;
max-width: none;
padding: .75rem 0
}
.eu-cookie-compliance-banner .eu-cookie-compliance-buttons button {
background-color: #fff;
border: 1px solid #fff;
color: #000
}
.eu-cookie-compliance-banner .eu-cookie-compliance-buttons button:hover {
background-color: transparent;
color: #fff
}
.eu-cookie-compliance-banner .eu-cookie-compliance-buttons button.outline {
background-color: transparent;
border: 1px solid #fff;
color: #fff
}
.eu-cookie-compliance-banner .eu-cookie-compliance-buttons button.outline:hover {
background-color: #fff;
color: #000
}
.cookie-content-blocker.video-embed-field-responsive-video:after {
display: none
}
.cookie-content-blocker .buttons {
display: flex;
justify-content: space-between
}
.cookie-content-blocker .buttons .button, .cookie-content-blocker .buttons .node-preview-container a, .cookie-content-blocker .buttons article.comment .comment__meta .meta-links a, .cookie-content-blocker .buttons nav.tabs ul li a, .node-preview-container .cookie-content-blocker .buttons a, article.comment .comment__meta .meta-links .cookie-content-blocker .buttons a, nav.tabs ul li .cookie-content-blocker .buttons a {
margin-right: .75rem
}
.cookie-content-blocker .buttons .button:last-child, .cookie-content-blocker .buttons .node-preview-container a:last-child, .cookie-content-blocker .buttons article.comment .comment__meta .meta-links a:last-child, .cookie-content-blocker .buttons nav.tabs ul li a:last-child, .node-preview-container .cookie-content-blocker .buttons a:last-child, article.comment .comment__meta .meta-links .cookie-content-blocker .buttons a:last-child, nav.tabs ul li .cookie-content-blocker .buttons a:last-child {
margin-right: 0
}
.cookie-content-blocker .cookie-content-blocker__message-wrapper {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center
}
.cookie-content-blocker .cookie-content-blocker__headline {
font-size: 1.25rem;
margin-bottom: .5em
}
.webform-confirmation, form.webform-submission-form {
background: #f5f5f5;
max-width: none
}
.webform-confirmation > .inner, form.webform-submission-form > .inner {
background: #fff;
border: 1px solid transparent;
margin: 0 auto;
max-width: 1024px;
position: relative
}
.webform-confirmation .messages, form.webform-submission-form .messages {
margin: .75rem .75rem .75rem 1.5rem
}
.webform-confirmation .webform-progress__status, form.webform-submission-form .webform-progress__status {
margin-bottom: .75rem;
text-align: left
}
.webform-confirmation .webform-progress__summary, form.webform-submission-form .webform-progress__summary {
background: #b1d395;
color: #fff;
display: inline-block;
font-family: SuisseScreen, sans-serif;
font-size: 1rem;
font-weight: 700;
padding: .375rem .75rem .25rem
}
.webform-confirmation .form-wrapper, form.webform-submission-form .form-wrapper {
padding: .75rem
}
.webform-confirmation .form-wrapper.form-actions, form.webform-submission-form .form-wrapper.form-actions {
text-align: center
}
.node-preview-container .webform-confirmation .form-wrapper.form-actions a, .node-preview-container form.webform-submission-form .form-wrapper.form-actions a, .webform-confirmation .form-wrapper.form-actions .button, .webform-confirmation .form-wrapper.form-actions .node-preview-container a, .webform-confirmation .form-wrapper.form-actions article.comment .comment__meta .meta-links a, .webform-confirmation .form-wrapper.form-actions nav.tabs ul li a, article.comment .comment__meta .meta-links .webform-confirmation .form-wrapper.form-actions a, article.comment .comment__meta .meta-links form.webform-submission-form .form-wrapper.form-actions a, form.webform-submission-form .form-wrapper.form-actions .button, form.webform-submission-form .form-wrapper.form-actions .node-preview-container a, form.webform-submission-form .form-wrapper.form-actions article.comment .comment__meta .meta-links a, form.webform-submission-form .form-wrapper.form-actions nav.tabs ul li a, nav.tabs ul li .webform-confirmation .form-wrapper.form-actions a, nav.tabs ul li form.webform-submission-form .form-wrapper.form-actions a {
display: inline-block;
margin: .75rem
}
.webform-confirmation .form-wrapper.form-actions .button--primary, .webform-confirmation .form-wrapper.form-actions .webform-button--next, form.webform-submission-form .form-wrapper.form-actions .button--primary, form.webform-submission-form .form-wrapper.form-actions .webform-button--next {
background: #ee907b;
font-size: 1.5rem
}
.webform-confirmation .form-wrapper.form-actions .button--primary:hover, .webform-confirmation .form-wrapper.form-actions .webform-button--next:hover, form.webform-submission-form .form-wrapper.form-actions .button--primary:hover, form.webform-submission-form .form-wrapper.form-actions .webform-button--next:hover {
background: #000;
color: #fff
}
.webform-confirmation .form-wrapper.form-actions .webform-button--previous, form.webform-submission-form .form-wrapper.form-actions .webform-button--previous {
background: none;
border: 0;
color: #000;
padding: 0;
text-decoration: underline
}
.webform-confirmation a.tabledrag-handle, form.webform-submission-form a.tabledrag-handle {
text-decoration: none
}
.webform-confirmation .form-type-webform-markup, form.webform-submission-form .form-type-webform-markup {
margin: 0 auto .75rem;
max-width: 768px;
text-align: center
}
.webform-confirmation .form-type-webform-markup h1, .webform-confirmation .form-type-webform-markup h2, .webform-confirmation .form-type-webform-markup h3, .webform-confirmation .form-type-webform-markup h4, .webform-confirmation .form-type-webform-markup h5, .webform-confirmation .form-type-webform-markup h6, form.webform-submission-form .form-type-webform-markup h1, form.webform-submission-form .form-type-webform-markup h2, form.webform-submission-form .form-type-webform-markup h3, form.webform-submission-form .form-type-webform-markup h4, form.webform-submission-form .form-type-webform-markup h5, form.webform-submission-form .form-type-webform-markup h6 {
color: #ee907b
}
.webform-submission-momentum-kongress-foerdermitglie-form .webform-flexbox.form-wrapper {
padding: 0
}
.webform-submission-momentum-kongress-foerdermitglie-form .form-item-adresse, .webform-submission-momentum-kongress-foerdermitglie-form .form-item-hiermit-beantrage-ich-die-foerdermitgliedschaft-im-verein-moment, .webform-submission-momentum-kongress-foerdermitglie-form .form-item-ich-ermaechtige-den-verein-momentum-zahlungen-von-meinem-konto-m, .webform-submission-momentum-kongress-foerdermitglie-form .form-item-ich-stimme-zu-dass-meine-daten-dafuer-verwendet-werden-duerfen-u {
margin: 0 .5em
}
.webform-submission-momentum-kongress-foerdermitglie-form .form-item-adresse input[type=checkbox] + label, .webform-submission-momentum-kongress-foerdermitglie-form .form-item-adresse input[type=radio] + label, .webform-submission-momentum-kongress-foerdermitglie-form .form-item-hiermit-beantrage-ich-die-foerdermitgliedschaft-im-verein-moment input[type=checkbox] + label, .webform-submission-momentum-kongress-foerdermitglie-form .form-item-hiermit-beantrage-ich-die-foerdermitgliedschaft-im-verein-moment input[type=radio] + label, .webform-submission-momentum-kongress-foerdermitglie-form .form-item-ich-ermaechtige-den-verein-momentum-zahlungen-von-meinem-konto-m input[type=checkbox] + label, .webform-submission-momentum-kongress-foerdermitglie-form .form-item-ich-ermaechtige-den-verein-momentum-zahlungen-von-meinem-konto-m input[type=radio] + label, .webform-submission-momentum-kongress-foerdermitglie-form .form-item-ich-stimme-zu-dass-meine-daten-dafuer-verwendet-werden-duerfen-u input[type=checkbox] + label, .webform-submission-momentum-kongress-foerdermitglie-form .form-item-ich-stimme-zu-dass-meine-daten-dafuer-verwendet-werden-duerfen-u input[type=radio] + label {
font-weight: 400;
margin-left: 0
}
.webform-submission-momentum-kongress-foerdermitglie-form .form-item-infotext-datenschutz.form-type-webform-markup, .webform-submission-momentum-kongress-foerdermitglie-form .form-item-markup.form-type-webform-markup {
margin: 1em auto 1.5em
}
.webform-submission-momentum-kongress-foerdermitglie-form .form-type-webform-markup {
text-align: left !important
}
@-webkit-keyframes newsletter-button {
0% {
background-position: 70%
}
50% {
background-position: 200%
}
51% {
background-position: -70%
}
to {
background-position: 70%
}
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form {
align-items: center;
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 100%;
display: flex;
flex-direction: column;
height: 80vh;
justify-content: center;
margin: 0;
min-height: 500px;
padding: 0;
position: relative
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form.lazyloaded, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form.lazyloaded {
background: #fff url(//www.momentum-institut.at/themes/moment/assets/dist/images/newsletter_background.svg);
background-attachment: fixed
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form h1, form.webform-submission-form.webform-submission-newsletteranmeldung-form h2, form.webform-submission-form.webform-submission-newsletteranmeldung-form h3, form.webform-submission-form.webform-submission-newsletteranmeldung-form h4, form.webform-submission-form.webform-submission-newsletteranmeldung-form h5, form.webform-submission-form.webform-submission-newsletteranmeldung-form h6, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h1, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h2, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h3, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h4, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h5, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h6 {
color: #000;
margin-left: .75rem;
text-align: left
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form h1 strong, form.webform-submission-form.webform-submission-newsletteranmeldung-form h2 strong, form.webform-submission-form.webform-submission-newsletteranmeldung-form h3 strong, form.webform-submission-form.webform-submission-newsletteranmeldung-form h4 strong, form.webform-submission-form.webform-submission-newsletteranmeldung-form h5 strong, form.webform-submission-form.webform-submission-newsletteranmeldung-form h6 strong, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h1 strong, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h2 strong, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h3 strong, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h4 strong, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h5 strong, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h6 strong {
color: #fff;
display: inline-block;
padding: 0 10px;
position: relative;
text-decoration: none
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form h1 strong:before, form.webform-submission-form.webform-submission-newsletteranmeldung-form h2 strong:before, form.webform-submission-form.webform-submission-newsletteranmeldung-form h3 strong:before, form.webform-submission-form.webform-submission-newsletteranmeldung-form h4 strong:before, form.webform-submission-form.webform-submission-newsletteranmeldung-form h5 strong:before, form.webform-submission-form.webform-submission-newsletteranmeldung-form h6 strong:before, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h1 strong:before, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h2 strong:before, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h3 strong:before, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h4 strong:before, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h5 strong:before, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h6 strong:before {
background: #ee907b;
bottom: 5px;
box-shadow: 0 0 10px #0000004d;
content: "";
left: 0;
position: absolute;
right: 0;
top: -10px;
transform: perspective(10em) rotateX(30deg) translateZ(-10px);
transition: transform .3s ease
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form h1 strong:hover:before, form.webform-submission-form.webform-submission-newsletteranmeldung-form h2 strong:hover:before, form.webform-submission-form.webform-submission-newsletteranmeldung-form h3 strong:hover:before, form.webform-submission-form.webform-submission-newsletteranmeldung-form h4 strong:hover:before, form.webform-submission-form.webform-submission-newsletteranmeldung-form h5 strong:hover:before, form.webform-submission-form.webform-submission-newsletteranmeldung-form h6 strong:hover:before, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h1 strong:hover:before, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h2 strong:hover:before, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h3 strong:hover:before, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h4 strong:hover:before, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h5 strong:hover:before, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h6 strong:hover:before {
transform: perspective(1.5em) rotateX(30deg) translateZ(-10px)
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form h1 strong span, form.webform-submission-form.webform-submission-newsletteranmeldung-form h2 strong span, form.webform-submission-form.webform-submission-newsletteranmeldung-form h3 strong span, form.webform-submission-form.webform-submission-newsletteranmeldung-form h4 strong span, form.webform-submission-form.webform-submission-newsletteranmeldung-form h5 strong span, form.webform-submission-form.webform-submission-newsletteranmeldung-form h6 strong span, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h1 strong span, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h2 strong span, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h3 strong span, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h4 strong span, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h5 strong span, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form h6 strong span {
display: block;
position: relative
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form p, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form p {
font-size: .85rem
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form .inner, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form .inner {
background: none;
margin: 0 .75rem;
max-width: 980px
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form #edit-input, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form #edit-input {
align-items: center;
background: #fff;
border-radius: 4px;
box-shadow: 0 7px 15px #0003;
display: flex;
justify-content: center;
margin-bottom: .75rem;
padding: 8px
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form #edit-input > *, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form #edit-input > * {
margin: 0
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form #edit-input .form-email, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form #edit-input .form-email {
border: none;
height: 70px;
padding-left: .75rem
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form #edit-input .form-actions, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form #edit-input .form-actions {
align-self: stretch;
background: #ee907b url(//www.momentum-institut.at/themes/moment/assets/dist/images/newsletter_button_overlay.svg);
background-position: -30px;
background-repeat: no-repeat;
background-size: contain;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
margin: -8px -8px -8px 8px;
padding: 0;
position: relative
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form #edit-input .form-actions input, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form #edit-input .form-actions input {
background: url(//www.momentum-institut.at/themes/moment/assets/dist/images/newsletter_button.svg) no-repeat;
background-position: 70%;
border: none;
height: 100%;
overflow: hidden;
position: relative;
text-indent: -999px;
transition: background-position 1s linear;
width: 150px
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form #edit-input .form-actions input:hover, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form #edit-input .form-actions input:hover {
animation: newsletter-button 1s
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form .form-item-info, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form .form-item-info {
font-style: italic;
margin-bottom: 2.25rem
}
@media (max-width: 768px) {
form.webform-submission-form.webform-submission-newsletteranmeldung-form, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form {
height: auto
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form.lazyloaded, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form.lazyloaded {
background-image: url(//www.momentum-institut.at/themes/moment/assets/dist/images/newsletter_background_mobile.svg)
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form #edit-input, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form #edit-input {
margin-bottom: 100px;
position: relative
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form #edit-input > .captcha, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form #edit-input > .captcha {
bottom: auto;
left: 10px;
position: absolute;
top: 75px
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form #edit-input .form-email, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form #edit-input .form-email {
height: 50px
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form #edit-input .form-actions, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form #edit-input .form-actions {
background-position: -20px
}
form.webform-submission-form.webform-submission-newsletteranmeldung-form #edit-input .form-actions input, form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form #edit-input .form-actions input {
background-size: 40%;
width: 100px
}
}
.webform-confirmation.newsletter-confirmation {
padding: 7.5rem .75rem;
text-align: center
}
form.webform-submission-form.webform-submission-newsletteranmeldung-institut-form.lazyloaded {
background-image: url(//www.momentum-institut.at/themes/moment/assets/dist/images/newsletter_background_simple.svg)
}
svg.animated-logo rect {
transform: rotate(0)
}
svg.animated-logo rect:first-of-type {
transform-origin: 96px 35px
}
svg.animated-logo rect:nth-of-type(2) {
transform-origin: 139px 50px
}
svg.animated-logo rect:nth-of-type(3) {
transform-origin: 173px 57px
}
svg.animated-logo rect:nth-of-type(4) {
transform-origin: 208px 69px
}
svg.animated-logo rect:nth-of-type(5) {
transform-origin: 244px 92px
}
svg.animated-logo rect:nth-of-type(6) {
transform-origin: 0 92px
}
svg.animated-logo rect:nth-of-type(8) {
transform-origin: 0 50px
}
svg.animated-logo.animated rect:first-of-type {
transform: rotate(76deg)
}
svg.animated-logo.animated rect:nth-of-type(2) {
transform: rotate(69deg)
}
svg.animated-logo.animated rect:nth-of-type(3) {
transform: rotate(64deg)
}
svg.animated-logo.animated rect:nth-of-type(4) {
transform: rotate(49deg)
}
svg.animated-logo.animated rect:nth-of-type(5) {
transform: rotate(28deg)
}
svg.animated-logo.animated rect:nth-of-type(6) {
transform: skew(-16deg)
}
svg.animated-logo.animated rect:nth-of-type(7) {
transform: translate(12.5px)
}
svg.animated-logo.animated rect:nth-of-type(8) {
transform: skew(-16deg)
}
form.webform-submission-form .amount-field {
display: flex;
flex-wrap: wrap;
margin-bottom: .75rem
}
form.webform-submission-form .amount-field > * {
display: block;
margin: 1%;
width: 48%
}
form.webform-submission-form .amount-field button {
background: #ee907b;
cursor: pointer;
font-family: SuisseScreen, sans-serif;
font-size: 1.25rem;
font-weight: 700;
padding: 1.5rem .75rem
}
form.webform-submission-form .amount-field button.active, form.webform-submission-form .amount-field button:hover {
background: #c9543a;
color: #fff
}
form.webform-submission-form .amount-field .custom-amount {
align-items: stretch;
border: 2px solid #ee907b;
display: flex;
justify-content: center
}
form.webform-submission-form .amount-field .custom-amount input {
border: none;
flex: 1;
font-family: SuisseScreen, sans-serif;
font-size: 1rem;
font-weight: 700;
margin-top: 0;
min-width: 0;
padding: calc(.375rem + 1px) 0 calc(.375rem - 1px) .75rem;
width: 100%
}
form.webform-submission-form .amount-field .custom-amount input:focus {
outline: none
}
form.webform-submission-form .amount-field .custom-amount .suffix {
align-self: center;
color: #ee907b;
font-size: 1.25rem;
font-weight: 700;
padding: 2px .75rem 0 0
}
@media (min-width: 1024px) {
form.webform-submission-form .amount-field > * {
width: 31%
}
form.webform-submission-form .amount-field button {
font-size: 1.5rem
}
}
form.webform-submission-form .js-form-wrapper .webform-address--wrapper {
padding: 0
}
form.webform-submission-form .js-form-wrapper .webform-address--wrapper .webform-flexbox {
margin-bottom: 0;
margin-top: 0
}
@media (min-width: 768px) {
form.webform-submission-form .js-form-wrapper .webform-address--wrapper .webform-address__city {
flex-basis: 63%;
width: 63%
}
form.webform-submission-form .js-form-wrapper .webform-address--wrapper .webform-address__postal-code {
flex-basis: 33%;
width: 33%
}
}
form.webform-submission-form .js-form-wrapper #edit-plakat--wrapper {
border: none;
padding: 0
}
form.webform-submission-form .js-form-wrapper #edit-plakat {
width: 100%
}
@media (min-width: 480px) {
form.webform-submission-form .js-form-wrapper #edit-plakat {
align-items: flex-start;
display: flex;
flex-wrap: wrap
}
}
form.webform-submission-form .js-form-wrapper #edit-plakat .form-item-plakat {
display: block;
margin: 0;
padding: 0
}
form.webform-submission-form .js-form-wrapper #edit-plakat .form-item-plakat input {
display: none
}
form.webform-submission-form .js-form-wrapper #edit-plakat .form-item-plakat label {
margin-left: 0;
padding-left: 1.8em
}
form.webform-submission-form .js-form-wrapper #edit-plakat .form-item-plakat label:before {
height: 1.5em;
width: 1.5em
}
@media (min-width: 480px) {
form.webform-submission-form .js-form-wrapper #edit-plakat .form-item-plakat {
width: 50%
}
}
@media (min-width: 710px) {
form.webform-submission-form .js-form-wrapper #edit-plakat .form-item-plakat {
width: 25%
}
}
form.webform-submission-form .js-form-wrapper #edit-erklaerung {
display: block;
margin-bottom: .375rem
}
form.webform-submission-form .webform-donation-meta {
margin: 3rem auto .75rem;
max-width: 1280px
}
form.webform-submission-form .webform-donation-meta h3, form.webform-submission-form .webform-donation-meta h4 {
color: #ee907b
}
form.webform-submission-form .webform-donation-meta .webform-donation-comments .content {
background: #ee907b;
color: #fff;
padding: .75rem .75rem .375rem
}
form.webform-submission-form .webform-donation-meta .webform-donation-comments .webform-donation-submission {
margin: .75rem 0 2.25rem
}
form.webform-submission-form .webform-donation-meta .webform-donation-comments .webform-donation-submission p {
background: #0000000d;
color: #fff;
font-size: 90%;
padding: .375rem
}
form.webform-submission-form .webform-donation-meta .webform-donation-comments .webform-donation-submission:last-of-type {
margin-bottom: 0
}
form.webform-submission-form .webform-donation-meta .webform-donation-faqs {
display: flex;
flex-direction: column
}
form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content {
background: #fff;
display: block;
flex: 1;
font-size: .85rem;
height: 100%;
padding: 1.5rem
}
form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content h1, form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content h2, form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content h3, form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content h4, form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content h5, form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content h6 {
margin-top: 2.25rem
}
form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content h1:first-child, form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content h2:first-child, form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content h3:first-child, form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content h4:first-child, form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content h5:first-child, form.webform-submission-form .webform-donation-meta .webform-donation-faqs .content h6:first-child {
margin-top: 0
}
@media (min-width: 1024px) {
form.webform-submission-form .webform-donation-meta {
display: flex
}
form.webform-submission-form .webform-donation-meta .webform-donation-comments {
width: 35%
}
form.webform-submission-form .webform-donation-meta .webform-donation-faqs {
padding-right: 3%;
width: 62%
}
}
form.webform-submission-form.webform-submission-unterstuetzen-form .form-item input, form.webform-submission-form.webform-submission-unterstuetzen-form .form-item textarea, form.webform-submission-form.webform-submission-unterstuetzen-form .form-item.form-type-select .select-wrapper, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form .form-item input, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form .form-item textarea, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form .form-item.form-type-select .select-wrapper {
border-color: #ee907b
}
form.webform-submission-form.webform-submission-unterstuetzen-form .webform-progress, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form .webform-progress {
left: 0;
position: absolute;
top: 0
}
form.webform-submission-form.webform-submission-unterstuetzen-form .form-item-jahresbericht, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form .form-item-jahresbericht {
margin-bottom: 0
}
form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper {
border: 0;
padding: 0
}
form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper .form-item, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper .form-item {
margin-bottom: 0
}
form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons, form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper .webform-options-display-buttons, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper .webform-options-display-buttons {
width: 100%
}
form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons .form-type-radio, form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper .webform-options-display-buttons .form-type-radio, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons .form-type-radio, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper .webform-options-display-buttons .form-type-radio {
display: block
}
form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons .form-type-radio label, form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper .webform-options-display-buttons .form-type-radio label, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons .form-type-radio label, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper .webform-options-display-buttons .form-type-radio label {
background-color: #ee907b;
border: 0;
border-radius: 0;
color: #fff;
cursor: pointer;
font-family: SuisseScreen, sans-serif;
font-size: 1.25rem;
font-weight: 700;
padding: 1.5rem .75rem
}
@media (min-width: 1024px) {
form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons .form-type-radio label, form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper .webform-options-display-buttons .form-type-radio label, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons .form-type-radio label, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper .webform-options-display-buttons .form-type-radio label {
font-size: 1.5rem
}
}
form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons .form-type-radio label:before, form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper .webform-options-display-buttons .form-type-radio label:before, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons .form-type-radio label:before, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper .webform-options-display-buttons .form-type-radio label:before {
display: none
}
form.webform-submission-form.webform-submission-unterstuetzen-form #edit-haeufigkeit--wrapper .webform-options-display-buttons input:checked + label.webform-options-display-buttons-label, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-haeufigkeit--wrapper .webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
background-color: #c9543a
}
form.webform-submission-form.webform-submission-unterstuetzen-form #edit-weihnachtsaktion, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-weihnachtsaktion {
background-color: #f5f5f5;
font-size: .85rem;
margin-bottom: .75rem;
margin-top: 1.5rem;
padding: .75rem
}
form.webform-submission-form.webform-submission-unterstuetzen-form #edit-weihnachtsaktion a.glightbox, form.webform-submission-form.webform-submission-unterstuetzen-mit-bild--form #edit-weihnachtsaktion a.glightbox {
margin-left: auto;
margin-right: auto;
max-width: 300px
}
form.webform-submission-unterstuetzen-mit-bild--form {
margin-left: auto;
margin-right: auto;
max-width: 1440px;
padding-left: 0;
padding-right: 0
}
form.webform-submission-unterstuetzen-mit-bild--form > .inner {
border: 0;
max-width: unset;
padding-top: 0
}
form.webform-submission-unterstuetzen-mit-bild--form > .inner .intro {
padding: 0 .75rem
}
@media (min-width: 1024px) {
form.webform-submission-unterstuetzen-mit-bild--form > .inner .intro {
max-width: 650px;
min-width: 480px
}
}
form.webform-submission-unterstuetzen-mit-bild--form > .inner .intro picture {
display: block;
height: 100%
}
form.webform-submission-unterstuetzen-mit-bild--form > .inner .intro picture img {
height: 100%;
object-fit: cover;
width: 100%
}
form.webform-submission-unterstuetzen-mit-bild--form > .inner .inner-form {
padding: .75rem
}
@media (min-width: 1024px) {
form.webform-submission-unterstuetzen-mit-bild--form > .inner .inner-form {
flex-grow: 1;
max-width: 800px;
width: auto
}
}
form.webform-submission-unterstuetzen-mit-bild--form > .inner .inner-form > label {
display: block;
margin-bottom: .5em
}
form.webform-submission-unterstuetzen-mit-bild--form > .inner .inner-form .amount-field, form.webform-submission-unterstuetzen-mit-bild--form > .inner .inner-form .webform-options-display-buttons {
gap: .5em 1%;
margin-left: 0;
margin-right: 0
}
form.webform-submission-unterstuetzen-mit-bild--form > .inner .inner-form .amount-field > *, form.webform-submission-unterstuetzen-mit-bild--form > .inner .inner-form .webform-options-display-buttons > * {
margin: 0
}
@media (max-width: 600px) {
form.webform-submission-unterstuetzen-mit-bild--form > .inner .inner-form .webform-options-display-buttons .webform-options-display-buttons-wrapper {
margin-top: .5em
}
form.webform-submission-unterstuetzen-mit-bild--form > .inner .inner-form .webform-options-display-buttons .webform-options-display-buttons-wrapper:first-child {
margin-top: 0
}
}
form.webform-submission-unterstuetzen-mit-bild--form > .inner .inner-form .amount-field > * {
width: 49.1%
}
@media (min-width: 1024px) {
form.webform-submission-unterstuetzen-mit-bild--form > .inner .inner-form .amount-field > * {
width: 32.6%
}
}
form.webform-submission-unterstuetzen-mit-bild--form > .inner .form-type-processed-text h1, form.webform-submission-unterstuetzen-mit-bild--form > .inner .form-type-processed-text h2, form.webform-submission-unterstuetzen-mit-bild--form > .inner .form-type-processed-text h3, form.webform-submission-unterstuetzen-mit-bild--form > .inner .form-type-processed-text h4, form.webform-submission-unterstuetzen-mit-bild--form > .inner .form-type-processed-text h5, form.webform-submission-unterstuetzen-mit-bild--form > .inner .form-type-processed-text h6 {
margin-bottom: 0
}
form.webform-submission-unterstuetzen-mit-bild--form > .inner #edit-betrag .custom-amount input {
font-size: 1.25rem
}
@media (min-width: 1024px) {
.webform-submission-unterstuetzen-form .inner, .webform-submission-unterstuetzen-mit-bild--form .inner {
display: flex
}
.webform-submission-unterstuetzen-form .inner .intro, .webform-submission-unterstuetzen-mit-bild--form .inner .intro {
flex: 1;
width: auto
}
.webform-submission-unterstuetzen-form .inner .inner-form, .webform-submission-unterstuetzen-mit-bild--form .inner .inner-form {
width: 600px
}
form.webform-submission-unterstuetzen-mit-bild--form .inner .intro {
padding: 0 .75rem 0 0
}
form.webform-submission-unterstuetzen-mit-bild--form .inner .inner-form {
display: flex;
flex-direction: column;
justify-content: center
}
}
.pager {
padding: 1.5rem
}
.pager .pager__items {
align-items: center;
display: flex;
font-size: .85rem;
justify-content: center
}
.pager .pager__items li {
color: #393939;
padding: 0 .375rem
}
.pager .pager__items li a {
color: #000;
text-decoration: none
}
.pager .pager__items li.is-active {
font-weight: 700
}
.badge {
background-color: #ee907b;
border-radius: 2px;
color: #000;
padding: .25em .5em
}
@media screen and (min-width: 768px) {
.paragraph--type--related-article-list .node--type-article.node--view-mode-teaser a, .paragraph--type--related-article-list .node--type-article.node--view-mode-teaser-slider a {
min-height: auto
}
.paragraph--type--related-article-list .node--type-article.node--view-mode-teaser a .field--name-field-teaser-image img, .paragraph--type--related-article-list .node--type-article.node--view-mode-teaser-slider a .field--name-field-teaser-image img {
bottom: 0;
left: 0;
position: relative;
right: 0;
top: 0
}
}
@media screen and (min-width: 1440px) {
.paragraph--type--related-article-list .node--type-article.node--view-mode-teaser a, .paragraph--type--related-article-list .node--type-article.node--view-mode-teaser-slider a {
min-height: auto
}
}
.share-links {
align-items: center;
display: flex;
justify-content: center
}
.share-links a {
display: block;
height: 1.875rem;
margin: .75rem;
width: 1.875rem
}
.share-links a:after, .share-links a[target=_blank]:not(.no-icon):after {
display: none
}
.share-links a svg {
height: 100%;
width: 100%
}
.share-links[data-sticky] {
display: none
}
@media (min-width: 1204px) {
.share-links[data-sticky].sticky {
display: block;
flex-direction: column;
left: 50%;
position: fixed;
top: 45%;
transform: translate3d(530px, -50%, 0)
}
}
.media--loading:before {
background: #ee907b
}
.region-header {
background: #fff;
box-shadow: 0 2px 20px #00000020;
left: 0;
padding: .375rem;
position: fixed;
right: 0;
z-index: 50
}
.region-header, .region-header .show-on-mobile {
align-items: center;
display: flex;
justify-content: flex-start
}
.region-header .show-on-mobile {
flex: 1
}
.region-header .toggle-icon {
z-index: 150
}
.region-header .block-system-branding-block {
flex: 1;
font-size: 0;
line-height: 0;
margin-left: .375rem
}
.region-header .block-system-branding-block .site-logo {
height: 2.25rem;
padding: .375rem;
width: auto
}
.region-header .block-system-branding-block#block-momentum-institute-branding .site-logo {
padding-bottom: .1875rem;
padding-top: .1875rem
}
@media (max-width: 1160px) {
.region-header .toggle-content {
align-items: center;
background: #000;
bottom: auto;
display: flex;
flex-direction: column;
height: 100vh;
justify-content: flex-start;
left: auto;
max-width: 100vw;
opacity: 0;
overflow: auto;
padding: 52px 0 0;
position: fixed;
right: -400px;
top: 0;
transition: all .2s ease-in;
width: 400px;
z-index: 100
}
.region-header .toggle-content > * {
order: 2
}
.region-header .toggle-content > :last-child {
padding-bottom: 52px
}
.region-header .toggle-content > #block-spendenoverlay {
order: 1;
text-align: center;
width: 74%
}
.region-header .toggle-content > #block-spendenoverlay .donation-button {
font-size: 2rem
}
.region-header .toggle-content .block-system-branding-block {
display: none
}
.region-header .toggle-content .search-block-form {
width: 200px
}
.region-header .toggle-content .block-social-links .links a {
color: #fff;
opacity: 1
}
.region-header .toggle-content #block-hauptnavigationmomentuminstitut, .region-header .toggle-content #block-hauptnavigationmomentumkongress, .region-header .toggle-content #block-hauptnavigationmomentumresearch, .region-header .toggle-content #block-moment-main-menu {
margin-top: 2em
}
.region-header .toggle-content #block-sociallinks, .region-header .toggle-content #block-sociallinks-mi {
display: none
}
.region-header .toggle-content #block-sociallinks-2, .region-header .toggle-content #block-sociallinks-3 {
margin-bottom: 1em;
margin-top: 1em
}
.region-header .toggle-content #block-loggedout-2 {
margin-bottom: 2em
}
.region-header .toggle-content #block-button-morgenmoment, .region-header .toggle-content #block-highlightlink-3 {
margin-right: 0;
margin-top: 1em
}
.region-header .toggle-content a, .region-header .toggle-content h1, .region-header .toggle-content h2, .region-header .toggle-content h3, .region-header .toggle-content h4, .region-header .toggle-content h5, .region-header .toggle-content h6, .region-header .toggle-content p {
color: #ee907b
}
.region-header .toggle-content nav.navigation {
align-items: center;
display: block;
flex-direction: column;
justify-content: flex-start
}
.region-header .toggle-content nav.navigation ul.menu li.menu-item a, .region-header .toggle-content nav.navigation ul.menu li.menu-item span {
color: #ee907b;
font-size: 2rem
}
.region-header .toggle-content nav.navigation ul.menu li.menu-item a:after, .region-header .toggle-content nav.navigation ul.menu li.menu-item span:after {
background-color: #ee907b
}
.region-header .toggle-content nav.navigation ul.menu li.menu-item ul.menu li.menu-item a {
color: #f5f5f5;
font-size: 1.25rem
}
.region-header.open .toggle-content {
display: flex;
opacity: 1;
right: 0
}
}
@media (min-width: 1160px) {
.region-header .show-on-mobile {
display: none
}
.region-header.toggle.show-on-desktop .toggle-content {
align-items: center;
display: flex;
flex: 1;
justify-content: flex-start
}
.region-header .block-menu, .region-header .search-block-form {
margin-right: .75rem
}
}
@media (min-width: 1160px) and (max-width: 1260px) {
.region-header .moment-header-search.search-toggle {
margin-right: -.75rem
}
.region-header nav.navigation ul li a, .region-header nav.navigation ul li span {
padding: .25rem
}
.region-header .block-social-links .links {
margin-left: 0
}
.region-header .block-menu, .region-header .search-block-form, .region-header header .block-highlight-link {
margin-right: 0
}
}
@media (min-width: 1260px) and (max-width: 1360px) {
.region-header .moment-header-search.search-toggle {
margin-right: -.5rem
}
.region-header nav.navigation ul li a, .region-header nav.navigation ul li span {
padding: .5rem
}
.region-header .block-social-links .links {
margin-left: 0
}
.region-header .block-menu, .region-header .search-block-form, .region-header header .block-highlight-link {
margin-right: 0
}
}
.dialog-off-canvas-main-canvas {
background: #f5f5f5
}
.layout-container {
background: #fff;
margin: 0 auto;
max-width: 1440px
}
.region-content {
padding-top: 49px
}
.spenden-seite .layout-container {
background-color: transparent
}
.region-footer {
padding: 1.5rem 1.5rem 4.5rem
}
.region-footer a, .region-footer h1, .region-footer h2, .region-footer h3, .region-footer h4, .region-footer h5, .region-footer h6, .region-footer p {
color: #ee907b
}
.region-footer .color-primary {
fill: #ee907b
}
.region-footer .content {
margin: 0 auto;
max-width: 768px;
padding: .75rem 0;
position: relative
}
.region-footer .content .block-system-branding-block {
flex: 2
}
.region-footer .content .block-system-branding-block svg {
height: auto;
max-width: 100%;
width: 250px
}
.region-footer .content .block-system-branding-block h1, .region-footer .content .block-system-branding-block h2, .region-footer .content .block-system-branding-block h3, .region-footer .content .block-system-branding-block h4, .region-footer .content .block-system-branding-block h5, .region-footer .content .block-system-branding-block h6 {
line-height: 100%;
margin-top: 1.5rem;
width: 250px
}
.region-footer .content nav.navigation ul {
flex: 1;
margin-top: 1.5rem;
text-align: left
}
.region-footer .content nav.navigation ul li {
display: inline-block;
text-align: left
}
.region-footer .content nav.navigation ul li a {
opacity: 1;
padding: .75rem .375rem
}
.region-footer .content nav.navigation ul li a:after {
background-color: #ee907b
}
.region-footer .content .menu--footer-meta li a, .region-footer .content .menu--fusszeile---meta---kongress li a, .region-footer .content .menu--fusszeile---meta---research li a {
font-size: .85rem
}
.region-footer .content svg.animated-logo {
bottom: 0;
height: auto;
max-width: 50vw;
position: absolute;
right: 0;
width: auto
}
@media screen and (min-width: 768px) {
.region-footer .content {
align-items: flex-start;
display: flex;
justify-content: space-between;
padding: 3rem 0
}
.region-footer .content .block-system-branding-block h1, .region-footer .content .block-system-branding-block h2, .region-footer .content .block-system-branding-block h3, .region-footer .content .block-system-branding-block h4, .region-footer .content .block-system-branding-block h5, .region-footer .content .block-system-branding-block h6 {
margin-top: 3rem;
overflow: visible
}
.region-footer .content nav.navigation ul {
margin-left: 3rem;
margin-top: 0
}
.region-footer .content nav.navigation ul li {
display: block
}
.spenden-seite .region-footer .content {
align-items: center
}
}
.spenden-seite .region-footer #block-footerspenden .menu .menu-item:first-child a {
padding-left: 0
}
.spenden-seite .region-footer #block-spendenfootertext .field--name-body {
font-size: 1rem
}
.spenden-seite .region-footer .animated-logo {
display: none
}
@media screen and (min-width: 768px) {
.spenden-seite .region-footer .animated-logo {
display: block
}
}
.page--40x .region-content .block-system-main-block {
margin: 4.5rem auto;
max-width: 768px;
padding: .75rem;
position: relative
}
.node--type-article .node--title, .node--type-momentum-research-article .node--title {
margin: 0;
text-align: center
}
.node--type-article p.meta, .node--type-article span.title-meta, .node--type-momentum-research-article p.meta, .node--type-momentum-research-article span.title-meta {
font-size: .85rem;
padding: .16667em .75em .1em 0;
text-align: center
}
.node--type-article aside.title-container span.title-meta, .node--type-momentum-research-article aside.title-container span.title-meta {
margin-bottom: .5em;
padding: .25em .5em
}
.node--type-article aside.title-container span.title-meta .slash, .node--type-momentum-research-article aside.title-container span.title-meta .slash {
display: none
}
.node--type-article .field--name-field-intro-image, .node--type-article .field--name-field-intro-image *, .node--type-article .field--name-field-teaser-image, .node--type-article .field--name-field-teaser-image *, .node--type-momentum-research-article .field--name-field-intro-image, .node--type-momentum-research-article .field--name-field-intro-image *, .node--type-momentum-research-article .field--name-field-teaser-image, .node--type-momentum-research-article .field--name-field-teaser-image * {
height: 100%
}
.node--type-article .field--name-field-intro-image picture, .node--type-article .field--name-field-teaser-image picture, .node--type-momentum-research-article .field--name-field-intro-image picture, .node--type-momentum-research-article .field--name-field-teaser-image picture {
display: block
}
.node--type-article .field--name-field-intro-image img, .node--type-article .field--name-field-teaser-image img, .node--type-momentum-research-article .field--name-field-intro-image img, .node--type-momentum-research-article .field--name-field-teaser-image img {
height: 100%;
max-width: none;
object-fit: cover;
width: 100%
}
.node--type-article .content-container .node__content, .node--type-article .content-container .node__footer, .node--type-momentum-research-article .content-container .node__content, .node--type-momentum-research-article .content-container .node__footer {
margin: .75rem auto;
max-width: 1024px;
padding: .75rem
}
.node--type-article.node--view-mode-teaser-big-non-lazy- > a, .node--type-article.node--view-mode-teaser-big > a, .node--type-article.node--view-mode-teaser-medium > a, .node--type-article.node--view-mode-teaser-morgenmoment > a, .node--type-article.node--view-mode-teaser-non-lazy- > a, .node--type-article.node--view-mode-teaser-slider > a, .node--type-article.node--view-mode-teaser > a, .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- > a, .node--type-momentum-research-article.node--view-mode-teaser-big > a, .node--type-momentum-research-article.node--view-mode-teaser-medium > a, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment > a, .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- > a, .node--type-momentum-research-article.node--view-mode-teaser-slider > a, .node--type-momentum-research-article.node--view-mode-teaser > a {
align-items: center;
background: #fff;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
min-height: 300px;
position: relative;
text-decoration: none
}
.node--type-article.node--view-mode-teaser-big-non-lazy- > a .field--name-field-teaser-image, .node--type-article.node--view-mode-teaser-big > a .field--name-field-teaser-image, .node--type-article.node--view-mode-teaser-medium > a .field--name-field-teaser-image, .node--type-article.node--view-mode-teaser-morgenmoment > a .field--name-field-teaser-image, .node--type-article.node--view-mode-teaser-non-lazy- > a .field--name-field-teaser-image, .node--type-article.node--view-mode-teaser-slider > a .field--name-field-teaser-image, .node--type-article.node--view-mode-teaser > a .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- > a .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser-big > a .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser-medium > a .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment > a .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- > a .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser-slider > a .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser > a .field--name-field-teaser-image {
align-self: stretch;
flex: 0 1 auto;
position: relative
}
.node--type-article.node--view-mode-teaser-big-non-lazy- > a .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-big > a .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-medium > a .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-morgenmoment > a .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-non-lazy- > a .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-slider > a .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-big > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-medium > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-slider > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser > a .field--name-field-teaser-image img {
object-fit: cover;
transition: all .2s ease-in
}
.node--type-article.node--view-mode-teaser-big-non-lazy- > a.without-image, .node--type-article.node--view-mode-teaser-big > a.without-image, .node--type-article.node--view-mode-teaser-medium > a.without-image, .node--type-article.node--view-mode-teaser-morgenmoment > a.without-image, .node--type-article.node--view-mode-teaser-non-lazy- > a.without-image, .node--type-article.node--view-mode-teaser-slider > a.without-image, .node--type-article.node--view-mode-teaser > a.without-image, .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- > a.without-image, .node--type-momentum-research-article.node--view-mode-teaser-big > a.without-image, .node--type-momentum-research-article.node--view-mode-teaser-medium > a.without-image, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment > a.without-image, .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- > a.without-image, .node--type-momentum-research-article.node--view-mode-teaser-slider > a.without-image, .node--type-momentum-research-article.node--view-mode-teaser > a.without-image {
background: #ee907b
}
.node--type-article.node--view-mode-teaser-big-non-lazy- > a:hover .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-big > a:hover .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-medium > a:hover .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-morgenmoment > a:hover .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-non-lazy- > a:hover .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-slider > a:hover .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser > a:hover .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- > a:hover .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-big > a:hover .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-medium > a:hover .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment > a:hover .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- > a:hover .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-slider > a:hover .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser > a:hover .field--name-field-teaser-image img {
transform: scale(1.1)
}
.node--type-article.node--view-mode-teaser p.meta, .node--type-article.node--view-mode-teaser-big p.meta, .node--type-article.node--view-mode-teaser-big-non-lazy- p.meta, .node--type-article.node--view-mode-teaser-medium p.meta, .node--type-article.node--view-mode-teaser-morgenmoment p.meta, .node--type-article.node--view-mode-teaser-non-lazy- p.meta, .node--type-article.node--view-mode-teaser-slider p.meta, .node--type-momentum-research-article.node--view-mode-teaser p.meta, .node--type-momentum-research-article.node--view-mode-teaser-big p.meta, .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- p.meta, .node--type-momentum-research-article.node--view-mode-teaser-medium p.meta, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment p.meta, .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- p.meta, .node--type-momentum-research-article.node--view-mode-teaser-slider p.meta {
font-weight: 700
}
.node--type-article.node--view-mode-teaser .title-container, .node--type-article.node--view-mode-teaser-big .title-container, .node--type-article.node--view-mode-teaser-big-non-lazy- .title-container, .node--type-article.node--view-mode-teaser-medium .title-container, .node--type-article.node--view-mode-teaser-morgenmoment .title-container, .node--type-article.node--view-mode-teaser-non-lazy- .title-container, .node--type-article.node--view-mode-teaser-slider .title-container, .node--type-momentum-research-article.node--view-mode-teaser .title-container, .node--type-momentum-research-article.node--view-mode-teaser-big .title-container, .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- .title-container, .node--type-momentum-research-article.node--view-mode-teaser-medium .title-container, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment .title-container, .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- .title-container, .node--type-momentum-research-article.node--view-mode-teaser-slider .title-container {
padding: .75rem
}
.node--type-article.node--view-mode-teaser .field--name-field-teaser-image, .node--type-article.node--view-mode-teaser-big .field--name-field-teaser-image, .node--type-article.node--view-mode-teaser-big-non-lazy- .field--name-field-teaser-image, .node--type-article.node--view-mode-teaser-medium .field--name-field-teaser-image, .node--type-article.node--view-mode-teaser-morgenmoment .field--name-field-teaser-image, .node--type-article.node--view-mode-teaser-non-lazy- .field--name-field-teaser-image, .node--type-article.node--view-mode-teaser-slider .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser-big .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser-medium .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- .field--name-field-teaser-image, .node--type-momentum-research-article.node--view-mode-teaser-slider .field--name-field-teaser-image {
min-height: 200px;
overflow: hidden
}
.node--type-article.node--view-mode-full .meta-container, .node--type-momentum-research-article.node--view-mode-full .meta-container {
display: flex;
justify-content: flex-end
}
.node--type-article.node--view-mode-full .meta-container .meta, .node--type-momentum-research-article.node--view-mode-full .meta-container .meta {
display: flex;
flex-direction: column;
max-width: 70%;
width: fit-content
}
.node--type-article.node--view-mode-full .meta-container .meta > div, .node--type-momentum-research-article.node--view-mode-full .meta-container .meta > div {
display: inline-flex
}
.node--type-article.node--view-mode-full .meta-container .meta > div .slash, .node--type-momentum-research-article.node--view-mode-full .meta-container .meta > div .slash {
margin-right: .25em
}
.node--type-article.node--view-mode-full div.meta, .node--type-article.node--view-mode-full p.meta, .node--type-momentum-research-article.node--view-mode-full div.meta, .node--type-momentum-research-article.node--view-mode-full p.meta {
margin-top: 0
}
.node--type-article.node--view-mode-full div.meta .authors, .node--type-article.node--view-mode-full p.meta .authors, .node--type-momentum-research-article.node--view-mode-full div.meta .authors, .node--type-momentum-research-article.node--view-mode-full p.meta .authors {
display: flex;
flex-wrap: wrap;
margin-bottom: .375rem
}
.node--type-article.node--view-mode-full div.meta .authors .username, .node--type-article.node--view-mode-full p.meta .authors .username, .node--type-momentum-research-article.node--view-mode-full div.meta .authors .username, .node--type-momentum-research-article.node--view-mode-full p.meta .authors .username {
white-space: nowrap
}
.node--type-article.node--view-mode-full div.meta .authors .field--name-field-authors, .node--type-article.node--view-mode-full div.meta .authors .field--name-uid, .node--type-article.node--view-mode-full p.meta .authors .field--name-field-authors, .node--type-article.node--view-mode-full p.meta .authors .field--name-uid, .node--type-momentum-research-article.node--view-mode-full div.meta .authors .field--name-field-authors, .node--type-momentum-research-article.node--view-mode-full div.meta .authors .field--name-uid, .node--type-momentum-research-article.node--view-mode-full p.meta .authors .field--name-field-authors, .node--type-momentum-research-article.node--view-mode-full p.meta .authors .field--name-uid {
margin-right: .375rem
}
.node--type-article.node--view-mode-full div.meta .authors .field--name-field-authors:after, .node--type-article.node--view-mode-full div.meta .authors .field--name-uid:after, .node--type-article.node--view-mode-full p.meta .authors .field--name-field-authors:after, .node--type-article.node--view-mode-full p.meta .authors .field--name-uid:after, .node--type-momentum-research-article.node--view-mode-full div.meta .authors .field--name-field-authors:after, .node--type-momentum-research-article.node--view-mode-full div.meta .authors .field--name-uid:after, .node--type-momentum-research-article.node--view-mode-full p.meta .authors .field--name-field-authors:after, .node--type-momentum-research-article.node--view-mode-full p.meta .authors .field--name-uid:after {
content: ","
}
.node--type-article.node--view-mode-full div.meta .authors .field--name-field-authors:last-child:after, .node--type-article.node--view-mode-full div.meta .authors .field--name-uid:last-child:after, .node--type-article.node--view-mode-full p.meta .authors .field--name-field-authors:last-child:after, .node--type-article.node--view-mode-full p.meta .authors .field--name-uid:last-child:after, .node--type-momentum-research-article.node--view-mode-full div.meta .authors .field--name-field-authors:last-child:after, .node--type-momentum-research-article.node--view-mode-full div.meta .authors .field--name-uid:last-child:after, .node--type-momentum-research-article.node--view-mode-full p.meta .authors .field--name-field-authors:last-child:after, .node--type-momentum-research-article.node--view-mode-full p.meta .authors .field--name-uid:last-child:after {
display: none
}
.node--type-article.node--view-mode-full .node--title, .node--type-momentum-research-article.node--view-mode-full .node--title {
font-size: 1.5rem;
text-align: left
}
.node--type-article.node--view-mode-full span.title-meta, .node--type-momentum-research-article.node--view-mode-full span.title-meta {
display: inline-block;
text-align: left
}
.node--type-article.node--view-mode-full .intro-image-container, .node--type-momentum-research-article.node--view-mode-full .intro-image-container {
overflow: hidden;
position: relative
}
.node--type-article.node--view-mode-full .intro-image-container .title-container, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container {
align-items: flex-start;
bottom: .75rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
left: .75rem;
position: absolute;
right: .75rem;
top: auto
}
.node--type-article.node--view-mode-full .intro-image-container .title-container .title-meta, .node--type-article.node--view-mode-full .intro-image-container .title-container h1, .node--type-article.node--view-mode-full .intro-image-container .title-container h2, .node--type-article.node--view-mode-full .intro-image-container .title-container h3, .node--type-article.node--view-mode-full .intro-image-container .title-container h4, .node--type-article.node--view-mode-full .intro-image-container .title-container h5, .node--type-article.node--view-mode-full .intro-image-container .title-container h6, .node--type-article.node--view-mode-full .intro-image-container .title-container p, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container .title-meta, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container h1, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container h2, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container h3, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container h4, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container h5, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container h6, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container p {
background: #ee907b;
color: #000;
display: inline-block;
font-weight: 700;
margin-top: 0;
padding: .25em .5em;
text-align: left
}
.node--type-article.node--view-mode-full .intro-image-container .title-container h1, .node--type-article.node--view-mode-full .intro-image-container .title-container h2, .node--type-article.node--view-mode-full .intro-image-container .title-container h3, .node--type-article.node--view-mode-full .intro-image-container .title-container h4, .node--type-article.node--view-mode-full .intro-image-container .title-container h5, .node--type-article.node--view-mode-full .intro-image-container .title-container h6, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container h1, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container h2, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container h3, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container h4, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container h5, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container h6 {
margin-top: 0;
padding-bottom: 0;
text-align: left
}
.node--type-article.node--view-mode-full .intro-image-container .media--type-article-image, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .media--type-article-image {
height: 100%;
position: static
}
.node--type-article.node--view-mode-full .intro-image-container .media--type-article-image .field--name-field-media-image, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .media--type-article-image .field--name-field-media-image {
height: 100%;
overflow: hidden
}
.node--type-article.node--view-mode-full .meta, .node--type-momentum-research-article.node--view-mode-full .meta {
font-size: 1.125rem;
margin-top: .75rem
}
.node--type-article.node--view-mode-full .node__footer, .node--type-momentum-research-article.node--view-mode-full .node__footer {
padding: .75rem
}
.node--type-article.node--view-mode-full .node__footer > *, .node--type-momentum-research-article.node--view-mode-full .node__footer > * {
margin: 0 auto;
max-width: 768px
}
.node--type-article.node--view-mode-full .node__footer .tags, .node--type-momentum-research-article.node--view-mode-full .node__footer .tags {
color: #393939;
font-size: .85rem;
text-align: right
}
.node--type-article.node--view-mode-full .paragraph--type--form, .node--type-momentum-research-article.node--view-mode-full .paragraph--type--form {
margin-left: calc(-50vw + 50%);
width: 100vw
}
.node--type-article.node--view-mode-teaser-morgenmoment, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment {
position: relative
}
.node--type-article.node--view-mode-teaser-morgenmoment > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment > a .field--name-field-teaser-image img {
object-position: right center
}
.node--type-article.node--view-mode-teaser-morgenmoment .cleverpush-subscribe.cleverpush-bell, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment .cleverpush-subscribe.cleverpush-bell {
background-color: #000;
display: none;
left: 1.5rem;
position: absolute;
top: 1.5rem;
z-index: 5
}
.node--type-article.node--view-mode-teaser-morgenmoment .cleverpush-subscribe.cleverpush-bell.active, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment .cleverpush-subscribe.cleverpush-bell.active {
display: block
}
.node--type-article.node--view-mode-teaser-morgenmoment .cleverpush-subscribe.cleverpush-bell .cleverpush-bell-message, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment .cleverpush-subscribe.cleverpush-bell .cleverpush-bell-message {
opacity: 0;
width: 0
}
.node--type-article.node--view-mode-teaser-morgenmoment .cleverpush-subscribe.cleverpush-bell:hover .cleverpush-bell-message, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment .cleverpush-subscribe.cleverpush-bell:hover .cleverpush-bell-message {
opacity: 1;
-webkit-transform: translateY(-50%) scaleX(1) translateZ(0);
transform: translateY(-50%) scaleX(1) translateZ(0);
width: auto
}
@media screen and (min-width: 768px) {
.node--type-article.node--view-mode-teaser-big-non-lazy- > a, .node--type-article.node--view-mode-teaser-big > a, .node--type-article.node--view-mode-teaser-medium > a, .node--type-article.node--view-mode-teaser-morgenmoment > a, .node--type-article.node--view-mode-teaser-non-lazy- > a, .node--type-article.node--view-mode-teaser-slider > a, .node--type-article.node--view-mode-teaser > a, .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- > a, .node--type-momentum-research-article.node--view-mode-teaser-big > a, .node--type-momentum-research-article.node--view-mode-teaser-medium > a, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment > a, .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- > a, .node--type-momentum-research-article.node--view-mode-teaser-slider > a, .node--type-momentum-research-article.node--view-mode-teaser > a {
min-height: 20vw
}
.node--type-article.node--view-mode-teaser-big-non-lazy- > a .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-big > a .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-medium > a .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-morgenmoment > a .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-non-lazy- > a .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser-slider > a .field--name-field-teaser-image img, .node--type-article.node--view-mode-teaser > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-big > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-medium > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser-slider > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node--view-mode-teaser > a .field--name-field-teaser-image img {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.node--type-article.node--view-mode-full .node--title, .node--type-momentum-research-article.node--view-mode-full .node--title {
font-size: 2.5rem
}
.node--type-article.node--view-mode-full .intro-image-container, .node--type-momentum-research-article.node--view-mode-full .intro-image-container {
height: calc(100vh - 150px);
max-height: 720px
}
.node--type-article.node--view-mode-full .intro-image-container .title-container, .node--type-momentum-research-article.node--view-mode-full .intro-image-container .title-container {
bottom: 1.5rem;
left: 1.5rem;
right: 1.5rem
}
.node--type-article.node.node--view-mode-teaser-morgenmoment > a .field--name-field-teaser-image img, .node--type-momentum-research-article.node.node--view-mode-teaser-morgenmoment > a .field--name-field-teaser-image img {
left: auto;
object-fit: unset;
width: auto
}
.node--type-article.node.node--view-mode-teaser-morgenmoment aside.title-container, .node--type-momentum-research-article.node.node--view-mode-teaser-morgenmoment aside.title-container {
background: none;
bottom: 0;
position: absolute
}
.node--type-article.node.node--view-mode-teaser-morgenmoment aside.title-container .node--title, .node--type-momentum-research-article.node.node--view-mode-teaser-morgenmoment aside.title-container .node--title {
color: #000
}
}
@media screen and (min-width: 1024px) {
.node--type-article.node--view-mode-full .intro-image-container, .node--type-momentum-research-article.node--view-mode-full .intro-image-container {
height: auto
}
}
@media screen and (min-width: 1440px) {
.node--type-article.node--view-mode-teaser-big-non-lazy- > a, .node--type-article.node--view-mode-teaser-big > a, .node--type-article.node--view-mode-teaser-medium > a, .node--type-article.node--view-mode-teaser-morgenmoment > a, .node--type-article.node--view-mode-teaser-non-lazy- > a, .node--type-article.node--view-mode-teaser-slider > a, .node--type-article.node--view-mode-teaser > a, .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- > a, .node--type-momentum-research-article.node--view-mode-teaser-big > a, .node--type-momentum-research-article.node--view-mode-teaser-medium > a, .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment > a, .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- > a, .node--type-momentum-research-article.node--view-mode-teaser-slider > a, .node--type-momentum-research-article.node--view-mode-teaser > a {
min-height: 150px
}
}
.layout-main1 .node--type-article.node--view-mode-teaser .field--name-field-teaser-image, .layout-main1 .node--type-article.node--view-mode-teaser-big .field--name-field-teaser-image, .layout-main1 .node--type-article.node--view-mode-teaser-big-non-lazy- .field--name-field-teaser-image, .layout-main1 .node--type-article.node--view-mode-teaser-medium .field--name-field-teaser-image, .layout-main1 .node--type-article.node--view-mode-teaser-morgenmoment .field--name-field-teaser-image, .layout-main1 .node--type-article.node--view-mode-teaser-non-lazy- .field--name-field-teaser-image, .layout-main1 .node--type-article.node--view-mode-teaser-slider .field--name-field-teaser-image, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser .field--name-field-teaser-image, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big .field--name-field-teaser-image, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- .field--name-field-teaser-image, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-medium .field--name-field-teaser-image, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment .field--name-field-teaser-image, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- .field--name-field-teaser-image, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-slider .field--name-field-teaser-image {
height: 60vh;
min-height: 300px;
overflow: hidden
}
.layout-main1 .node--type-article.node--view-mode-teaser a:not(.without-image) .title-container, .layout-main1 .node--type-article.node--view-mode-teaser-big a:not(.without-image) .title-container, .layout-main1 .node--type-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container, .layout-main1 .node--type-article.node--view-mode-teaser-medium a:not(.without-image) .title-container, .layout-main1 .node--type-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container, .layout-main1 .node--type-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container, .layout-main1 .node--type-article.node--view-mode-teaser-slider a:not(.without-image) .title-container, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser a:not(.without-image) .title-container, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big a:not(.without-image) .title-container, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-medium a:not(.without-image) .title-container, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-slider a:not(.without-image) .title-container {
align-items: flex-start;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
left: 0;
position: absolute;
right: 0;
top: auto
}
.layout-main1 .node--type-article.node--view-mode-teaser a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-article.node--view-mode-teaser a:not(.without-image) .title-container h1, .layout-main1 .node--type-article.node--view-mode-teaser a:not(.without-image) .title-container h2, .layout-main1 .node--type-article.node--view-mode-teaser a:not(.without-image) .title-container h3, .layout-main1 .node--type-article.node--view-mode-teaser a:not(.without-image) .title-container h4, .layout-main1 .node--type-article.node--view-mode-teaser a:not(.without-image) .title-container h5, .layout-main1 .node--type-article.node--view-mode-teaser a:not(.without-image) .title-container h6, .layout-main1 .node--type-article.node--view-mode-teaser a:not(.without-image) .title-container p, .layout-main1 .node--type-article.node--view-mode-teaser-big a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-article.node--view-mode-teaser-big a:not(.without-image) .title-container h1, .layout-main1 .node--type-article.node--view-mode-teaser-big a:not(.without-image) .title-container h2, .layout-main1 .node--type-article.node--view-mode-teaser-big a:not(.without-image) .title-container h3, .layout-main1 .node--type-article.node--view-mode-teaser-big a:not(.without-image) .title-container h4, .layout-main1 .node--type-article.node--view-mode-teaser-big a:not(.without-image) .title-container h5, .layout-main1 .node--type-article.node--view-mode-teaser-big a:not(.without-image) .title-container h6, .layout-main1 .node--type-article.node--view-mode-teaser-big a:not(.without-image) .title-container p, .layout-main1 .node--type-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container h1, .layout-main1 .node--type-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container h2, .layout-main1 .node--type-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container h3, .layout-main1 .node--type-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container h4, .layout-main1 .node--type-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container h5, .layout-main1 .node--type-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container h6, .layout-main1 .node--type-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container p, .layout-main1 .node--type-article.node--view-mode-teaser-medium a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-article.node--view-mode-teaser-medium a:not(.without-image) .title-container h1, .layout-main1 .node--type-article.node--view-mode-teaser-medium a:not(.without-image) .title-container h2, .layout-main1 .node--type-article.node--view-mode-teaser-medium a:not(.without-image) .title-container h3, .layout-main1 .node--type-article.node--view-mode-teaser-medium a:not(.without-image) .title-container h4, .layout-main1 .node--type-article.node--view-mode-teaser-medium a:not(.without-image) .title-container h5, .layout-main1 .node--type-article.node--view-mode-teaser-medium a:not(.without-image) .title-container h6, .layout-main1 .node--type-article.node--view-mode-teaser-medium a:not(.without-image) .title-container p, .layout-main1 .node--type-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container h1, .layout-main1 .node--type-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container h2, .layout-main1 .node--type-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container h3, .layout-main1 .node--type-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container h4, .layout-main1 .node--type-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container h5, .layout-main1 .node--type-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container h6, .layout-main1 .node--type-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container p, .layout-main1 .node--type-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container h1, .layout-main1 .node--type-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container h2, .layout-main1 .node--type-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container h3, .layout-main1 .node--type-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container h4, .layout-main1 .node--type-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container h5, .layout-main1 .node--type-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container h6, .layout-main1 .node--type-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container p, .layout-main1 .node--type-article.node--view-mode-teaser-slider a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-article.node--view-mode-teaser-slider a:not(.without-image) .title-container h1, .layout-main1 .node--type-article.node--view-mode-teaser-slider a:not(.without-image) .title-container h2, .layout-main1 .node--type-article.node--view-mode-teaser-slider a:not(.without-image) .title-container h3, .layout-main1 .node--type-article.node--view-mode-teaser-slider a:not(.without-image) .title-container h4, .layout-main1 .node--type-article.node--view-mode-teaser-slider a:not(.without-image) .title-container h5, .layout-main1 .node--type-article.node--view-mode-teaser-slider a:not(.without-image) .title-container h6, .layout-main1 .node--type-article.node--view-mode-teaser-slider a:not(.without-image) .title-container p, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser a:not(.without-image) .title-container h1, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser a:not(.without-image) .title-container h2, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser a:not(.without-image) .title-container h3, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser a:not(.without-image) .title-container h4, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser a:not(.without-image) .title-container h5, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser a:not(.without-image) .title-container h6, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser a:not(.without-image) .title-container p, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big a:not(.without-image) .title-container h1, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big a:not(.without-image) .title-container h2, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big a:not(.without-image) .title-container h3, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big a:not(.without-image) .title-container h4, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big a:not(.without-image) .title-container h5, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big a:not(.without-image) .title-container h6, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big a:not(.without-image) .title-container p, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container h1, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container h2, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container h3, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container h4, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container h5, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container h6, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- a:not(.without-image) .title-container p, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-medium a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-medium a:not(.without-image) .title-container h1, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-medium a:not(.without-image) .title-container h2, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-medium a:not(.without-image) .title-container h3, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-medium a:not(.without-image) .title-container h4, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-medium a:not(.without-image) .title-container h5, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-medium a:not(.without-image) .title-container h6, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-medium a:not(.without-image) .title-container p, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container h1, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container h2, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container h3, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container h4, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container h5, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container h6, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment a:not(.without-image) .title-container p, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container h1, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container h2, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container h3, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container h4, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container h5, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container h6, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- a:not(.without-image) .title-container p, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-slider a:not(.without-image) .title-container .title-meta, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-slider a:not(.without-image) .title-container h1, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-slider a:not(.without-image) .title-container h2, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-slider a:not(.without-image) .title-container h3, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-slider a:not(.without-image) .title-container h4, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-slider a:not(.without-image) .title-container h5, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-slider a:not(.without-image) .title-container h6, .layout-main1 .node--type-momentum-research-article.node--view-mode-teaser-slider a:not(.without-image) .title-container p {
background: #ee907b;
color: #000;
display: inline-block;
font-weight: 700;
margin: .375rem 0 0;
padding: .16667em .55em .1em;
text-align: left
}
@media screen and (min-width: 768px) {
.layout-none .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- > a, .layout-none .node--type-momentum-research-article.node--view-mode-teaser-big > a, .layout-none .node--type-momentum-research-article.node--view-mode-teaser-medium > a, .layout-none .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment > a, .layout-none .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- > a, .layout-none .node--type-momentum-research-article.node--view-mode-teaser-slider > a, .layout-none .node--type-momentum-research-article.node--view-mode-teaser > a, .layout-research .node--type-momentum-research-article.node--view-mode-teaser-big-non-lazy- > a, .layout-research .node--type-momentum-research-article.node--view-mode-teaser-big > a, .layout-research .node--type-momentum-research-article.node--view-mode-teaser-medium > a, .layout-research .node--type-momentum-research-article.node--view-mode-teaser-morgenmoment > a, .layout-research .node--type-momentum-research-article.node--view-mode-teaser-non-lazy- > a, .layout-research .node--type-momentum-research-article.node--view-mode-teaser-slider > a, .layout-research .node--type-momentum-research-article.node--view-mode-teaser > a {
min-height: 12vw;
padding: .75rem
}
.layout-none .node--type-article.node--view-mode-teaser-big-non-lazy- > a, .layout-none .node--type-article.node--view-mode-teaser-big > a, .layout-none .node--type-article.node--view-mode-teaser-medium > a, .layout-none .node--type-article.node--view-mode-teaser-morgenmoment > a, .layout-none .node--type-article.node--view-mode-teaser-non-lazy- > a, .layout-none .node--type-article.node--view-mode-teaser-slider > a, .layout-none .node--type-article.node--view-mode-teaser > a, .layout-research .node--type-article.node--view-mode-teaser-big-non-lazy- > a, .layout-research .node--type-article.node--view-mode-teaser-big > a, .layout-research .node--type-article.node--view-mode-teaser-medium > a, .layout-research .node--type-article.node--view-mode-teaser-morgenmoment > a, .layout-research .node--type-article.node--view-mode-teaser-non-lazy- > a, .layout-research .node--type-article.node--view-mode-teaser-slider > a, .layout-research .node--type-article.node--view-mode-teaser > a {
min-height: 25vw
}
}
.node--type-momentum-research-article .meta {
font-size: .85rem;
padding: .75rem
}
.node--type-momentum-research-article .meta .slash {
color: #f1c9dc
}
.node--type-momentum-research-article.node--view-mode-teaser-slider, .node--type-momentum-research-article.node--view-mode-teaser > a {
align-items: start;
justify-content: start;
transition: all .2s ease-in
}
.node--type-momentum-research-article.node--view-mode-teaser-slider h3, .node--type-momentum-research-article.node--view-mode-teaser > a h3 {
margin-bottom: 1.5rem;
text-align: left
}
.node--type-momentum-research-article.node--view-mode-teaser-slider h1, .node--type-momentum-research-article.node--view-mode-teaser-slider h2, .node--type-momentum-research-article.node--view-mode-teaser-slider h3, .node--type-momentum-research-article.node--view-mode-teaser-slider h4, .node--type-momentum-research-article.node--view-mode-teaser-slider h5, .node--type-momentum-research-article.node--view-mode-teaser-slider h6, .node--type-momentum-research-article.node--view-mode-teaser > a h1, .node--type-momentum-research-article.node--view-mode-teaser > a h2, .node--type-momentum-research-article.node--view-mode-teaser > a h3, .node--type-momentum-research-article.node--view-mode-teaser > a h4, .node--type-momentum-research-article.node--view-mode-teaser > a h5, .node--type-momentum-research-article.node--view-mode-teaser > a h6 {
position: relative
}
.node--type-momentum-research-article.node--view-mode-teaser-slider h1:after, .node--type-momentum-research-article.node--view-mode-teaser-slider h2:after, .node--type-momentum-research-article.node--view-mode-teaser-slider h3:after, .node--type-momentum-research-article.node--view-mode-teaser-slider h4:after, .node--type-momentum-research-article.node--view-mode-teaser-slider h5:after, .node--type-momentum-research-article.node--view-mode-teaser-slider h6:after, .node--type-momentum-research-article.node--view-mode-teaser > a h1:after, .node--type-momentum-research-article.node--view-mode-teaser > a h2:after, .node--type-momentum-research-article.node--view-mode-teaser > a h3:after, .node--type-momentum-research-article.node--view-mode-teaser > a h4:after, .node--type-momentum-research-article.node--view-mode-teaser > a h5:after, .node--type-momentum-research-article.node--view-mode-teaser > a h6:after {
background: #fff;
bottom: .5em;
content: "";
display: block;
height: 4px;
left: 0;
right: auto;
transition: all .2s ease-in;
width: 0
}
.node--type-momentum-research-article.node--view-mode-teaser-slider:hover, .node--type-momentum-research-article.node--view-mode-teaser > a:hover {
opacity: .85
}
.node--type-momentum-research-article.node--view-mode-teaser-slider:hover h1:after, .node--type-momentum-research-article.node--view-mode-teaser-slider:hover h2:after, .node--type-momentum-research-article.node--view-mode-teaser-slider:hover h3:after, .node--type-momentum-research-article.node--view-mode-teaser-slider:hover h4:after, .node--type-momentum-research-article.node--view-mode-teaser-slider:hover h5:after, .node--type-momentum-research-article.node--view-mode-teaser-slider:hover h6:after, .node--type-momentum-research-article.node--view-mode-teaser > a:hover h1:after, .node--type-momentum-research-article.node--view-mode-teaser > a:hover h2:after, .node--type-momentum-research-article.node--view-mode-teaser > a:hover h3:after, .node--type-momentum-research-article.node--view-mode-teaser > a:hover h4:after, .node--type-momentum-research-article.node--view-mode-teaser > a:hover h5:after, .node--type-momentum-research-article.node--view-mode-teaser > a:hover h6:after {
width: 100%
}
.node--type-news.node--view-mode-teaser {
background: #fff
}
.node--type-news.node--view-mode-teaser .content {
position: relative
}
.node--type-news.node--view-mode-teaser small {
display: inline-block;
margin-bottom: .375rem
}
.node--type-news.node--view-mode-teaser .has-download {
background: #ee907b;
color: #fff;
font-size: .75em;
font-weight: 300;
overflow: hidden;
padding: .375rem .75rem .375rem 2.25rem;
position: absolute;
right: 0;
top: 0
}
.node--type-news.node--view-mode-teaser .has-download:before {
background: #fff;
content: "";
height: 50px;
left: -70%;
position: absolute;
top: 0;
transform: rotate(45deg);
transform-origin: center center;
transition: all .2s ease-in;
width: 130%
}
.node--type-news.node--view-mode-teaser a {
text-decoration: none
}
.node--type-news.node--view-mode-teaser a .field--name-field-teaser-image {
height: 300px;
overflow: hidden
}
.node--type-news.node--view-mode-teaser a .field--name-field-teaser-image * {
height: 100%
}
.node--type-news.node--view-mode-teaser a .field--name-field-teaser-image .field--name-field-media-image {
overflow: hidden;
position: relative
}
.node--type-news.node--view-mode-teaser a .field--name-field-teaser-image .field--name-field-media-image picture {
height: 100%;
position: absolute;
width: 100%
}
.node--type-news.node--view-mode-teaser a .field--name-field-teaser-image .field--name-field-media-image picture img {
height: 100%;
object-fit: cover;
object-position: center center;
transition: all .2s ease-in;
width: 100%
}
.node--type-news.node--view-mode-teaser a .content {
padding: 1.5rem
}
.node--type-news.node--view-mode-full .node--title {
margin-top: 1.5rem;
text-align: center
}
.node--type-news.node--view-mode-full .intro-image-container {
overflow: hidden;
position: relative
}
.node--type-news.node--view-mode-full .intro-image-container .title-container {
align-items: flex-start;
bottom: 1.5rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
left: 1.5rem;
position: absolute;
right: 1.5rem;
top: auto
}
.node--type-news.node--view-mode-full .intro-image-container .title-container h1, .node--type-news.node--view-mode-full .intro-image-container .title-container h2, .node--type-news.node--view-mode-full .intro-image-container .title-container h3, .node--type-news.node--view-mode-full .intro-image-container .title-container h4, .node--type-news.node--view-mode-full .intro-image-container .title-container h5, .node--type-news.node--view-mode-full .intro-image-container .title-container h6, .node--type-news.node--view-mode-full .intro-image-container .title-container p {
background: #ee907b;
color: #000;
display: inline-block;
font-weight: 700;
margin-top: .375rem;
padding: .25em .5em;
text-align: left
}
.node--type-news.node--view-mode-full .meta-container {
display: flex;
justify-content: flex-end;
margin-right: 1.5rem
}
.node--type-news.node--view-mode-full .meta-container .meta {
display: flex;
flex-direction: column;
max-width: 70%;
width: fit-content
}
.node--type-news.node--view-mode-full .meta-container .meta > div {
display: inline-flex
}
.node--type-news.node--view-mode-full .meta-container .meta > div .slash {
margin-right: .25em
}
.node--type-news.node--view-mode-full div.meta, .node--type-news.node--view-mode-full p.meta {
margin-top: 0
}
.node--type-news.node--view-mode-full div.meta .authors, .node--type-news.node--view-mode-full p.meta .authors {
display: flex;
flex-wrap: wrap;
margin-bottom: .375rem
}
.node--type-news.node--view-mode-full div.meta .authors .username, .node--type-news.node--view-mode-full p.meta .authors .username {
white-space: nowrap
}
.node--type-news.node--view-mode-full div.meta .authors .field--name-field-authors, .node--type-news.node--view-mode-full div.meta .authors .field--name-uid, .node--type-news.node--view-mode-full p.meta .authors .field--name-field-authors, .node--type-news.node--view-mode-full p.meta .authors .field--name-uid {
margin-right: .375rem
}
.node--type-news.node--view-mode-full div.meta .authors .field--name-field-authors:after, .node--type-news.node--view-mode-full div.meta .authors .field--name-uid:after, .node--type-news.node--view-mode-full p.meta .authors .field--name-field-authors:after, .node--type-news.node--view-mode-full p.meta .authors .field--name-uid:after {
content: ","
}
.node--type-news.node--view-mode-full div.meta .authors .field--name-field-authors:last-child:after, .node--type-news.node--view-mode-full div.meta .authors .field--name-uid:last-child:after, .node--type-news.node--view-mode-full p.meta .authors .field--name-field-authors:last-child:after, .node--type-news.node--view-mode-full p.meta .authors .field--name-uid:last-child:after {
display: none
}
.node--type-news.node--view-mode-full .meta {
font-size: 1.125rem;
margin-top: .75rem
}
.node--type-news.node--view-mode-full .field--name-body {
margin: 2.25rem auto;
max-width: 768px
}
@media screen and (min-width: 768px) {
.node--type-news.node--view-mode-teaser a {
align-items: stretch;
display: flex;
opacity: 1;
transition: all .2s ease-in
}
.node--type-news.node--view-mode-teaser a .field--name-field-teaser-image {
flex: 0 0 40%;
height: auto;
min-height: 300px
}
.node--type-news.node--view-mode-teaser a .content {
padding: 2.25rem
}
.node--type-news.node--view-mode-teaser a h1, .node--type-news.node--view-mode-teaser a h2, .node--type-news.node--view-mode-teaser a h3, .node--type-news.node--view-mode-teaser a h4, .node--type-news.node--view-mode-teaser a h5, .node--type-news.node--view-mode-teaser a h6 {
position: relative
}
.node--type-news.node--view-mode-teaser a h1:after, .node--type-news.node--view-mode-teaser a h2:after, .node--type-news.node--view-mode-teaser a h3:after, .node--type-news.node--view-mode-teaser a h4:after, .node--type-news.node--view-mode-teaser a h5:after, .node--type-news.node--view-mode-teaser a h6:after {
background: #000;
bottom: .5em;
content: "";
display: block;
height: 4px;
left: 0;
right: auto;
transition: all .2s ease-in;
width: 0
}
.node--type-news.node--view-mode-teaser a:hover {
opacity: 1
}
.node--type-news.node--view-mode-teaser a:hover .field--name-field-teaser-image img {
transform: scale(1.1)
}
.node--type-news.node--view-mode-teaser a:hover h1:after, .node--type-news.node--view-mode-teaser a:hover h2:after, .node--type-news.node--view-mode-teaser a:hover h3:after, .node--type-news.node--view-mode-teaser a:hover h4:after, .node--type-news.node--view-mode-teaser a:hover h5:after, .node--type-news.node--view-mode-teaser a:hover h6:after {
width: 100%
}
.node--type-news.node--view-mode-full .intro-image-container {
height: calc(100vh - 150px);
max-height: 720px
}
}
@media screen and (min-width: 1024px) {
.node--type-news.node--view-mode-full div.meta {
margin-top: .75rem
}
.node--type-news.node--view-mode-full .intro-image-container {
height: auto
}
}
.node--type-event small {
display: block;
margin-bottom: 1em
}
.node--type-event.node--view-mode-teaser {
background: #ee907b;
color: #fff
}
.node--type-event.node--view-mode-teaser a, .node--type-event.node--view-mode-teaser h1, .node--type-event.node--view-mode-teaser h2, .node--type-event.node--view-mode-teaser h3, .node--type-event.node--view-mode-teaser h4, .node--type-event.node--view-mode-teaser h5, .node--type-event.node--view-mode-teaser h6, .node--type-event.node--view-mode-teaser p {
color: #fff
}
.node--type-event.node--view-mode-teaser a:after, .node--type-event.node--view-mode-teaser h1:after, .node--type-event.node--view-mode-teaser h2:after, .node--type-event.node--view-mode-teaser h3:after, .node--type-event.node--view-mode-teaser h4:after, .node--type-event.node--view-mode-teaser h5:after, .node--type-event.node--view-mode-teaser h6:after, .node--type-event.node--view-mode-teaser p:after {
background: #fff !important
}
.node--type-event.node--view-mode-teaser .badge {
background-color: #fff
}
.only-events .node--type-event.node--view-mode-teaser {
background: #fff;
color: #000
}
.only-events .node--type-event.node--view-mode-teaser a, .only-events .node--type-event.node--view-mode-teaser h1, .only-events .node--type-event.node--view-mode-teaser h2, .only-events .node--type-event.node--view-mode-teaser h3, .only-events .node--type-event.node--view-mode-teaser h4, .only-events .node--type-event.node--view-mode-teaser h5, .only-events .node--type-event.node--view-mode-teaser h6, .only-events .node--type-event.node--view-mode-teaser p {
color: #000
}
.only-events .node--type-event.node--view-mode-teaser a:after, .only-events .node--type-event.node--view-mode-teaser h1:after, .only-events .node--type-event.node--view-mode-teaser h2:after, .only-events .node--type-event.node--view-mode-teaser h3:after, .only-events .node--type-event.node--view-mode-teaser h4:after, .only-events .node--type-event.node--view-mode-teaser h5:after, .only-events .node--type-event.node--view-mode-teaser h6:after, .only-events .node--type-event.node--view-mode-teaser p:after {
background: #000 !important
}
.only-events .node--type-event.node--view-mode-teaser .badge {
background-color: #ee907b
}
.node--type-event.node--view-mode-teaser a {
text-decoration: none
}
.node--type-event.node--view-mode-teaser a .field--name-field-teaser-image {
height: 300px;
overflow: hidden
}
.node--type-event.node--view-mode-teaser a .field--name-field-teaser-image * {
height: 100%
}
.node--type-event.node--view-mode-teaser a .field--name-field-teaser-image .field--name-field-media-image {
overflow: hidden;
position: relative
}
.node--type-event.node--view-mode-teaser a .field--name-field-teaser-image .field--name-field-media-image picture {
height: 100%;
position: absolute;
width: 100%
}
.node--type-event.node--view-mode-teaser a .field--name-field-teaser-image .field--name-field-media-image picture img {
height: 100%;
object-fit: cover;
object-position: center center;
transition: all .2s ease-in;
width: 100%
}
.node--type-event.node--view-mode-teaser a .content {
padding: 1.5rem
}
.node--type-event.node--view-mode-full .node--title {
margin-top: 1.5rem;
text-align: center
}
.node--type-event.node--view-mode-full .intro-image-container {
overflow: hidden;
position: relative
}
.node--type-event.node--view-mode-full .intro-image-container .title-container {
align-items: flex-start;
bottom: 1.5rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
left: 1.5rem;
position: absolute;
right: 1.5rem;
top: auto
}
.node--type-event.node--view-mode-full .intro-image-container .title-container h1, .node--type-event.node--view-mode-full .intro-image-container .title-container h2, .node--type-event.node--view-mode-full .intro-image-container .title-container h3, .node--type-event.node--view-mode-full .intro-image-container .title-container h4, .node--type-event.node--view-mode-full .intro-image-container .title-container h5, .node--type-event.node--view-mode-full .intro-image-container .title-container h6, .node--type-event.node--view-mode-full .intro-image-container .title-container p {
background: #ee907b;
color: #000;
display: inline-block;
font-weight: 700;
margin-top: .375rem;
padding: .25em .5em;
text-align: left
}
.node--type-event.node--view-mode-full .meta {
display: inline-block;
font-size: 1.125rem;
margin-left: 50%;
margin-top: .75rem;
text-align: left;
transform: translate(-50%);
width: auto
}
@media (min-width: 1024px) {
.node--type-event.node--view-mode-full .meta {
margin-left: 75%
}
}
.node--type-event.node--view-mode-full .field--name-body {
margin: 2.25rem auto;
max-width: 768px
}
@media screen and (min-width: 768px) {
.node--type-event.node--view-mode-teaser a {
align-items: stretch;
display: flex;
opacity: 1;
transition: all .2s ease-in
}
.node--type-event.node--view-mode-teaser a .field--name-field-teaser-image {
flex: 0 0 40%;
height: auto;
min-height: 300px
}
.node--type-event.node--view-mode-teaser a .content {
padding: 2.25rem
}
.node--type-event.node--view-mode-teaser a h1, .node--type-event.node--view-mode-teaser a h2, .node--type-event.node--view-mode-teaser a h3, .node--type-event.node--view-mode-teaser a h4, .node--type-event.node--view-mode-teaser a h5, .node--type-event.node--view-mode-teaser a h6 {
position: relative
}
.node--type-event.node--view-mode-teaser a h1:after, .node--type-event.node--view-mode-teaser a h2:after, .node--type-event.node--view-mode-teaser a h3:after, .node--type-event.node--view-mode-teaser a h4:after, .node--type-event.node--view-mode-teaser a h5:after, .node--type-event.node--view-mode-teaser a h6:after {
background: #000;
bottom: .5em;
content: "";
display: block;
height: 4px;
left: 0;
right: auto;
transition: all .2s ease-in;
width: 0
}
.node--type-event.node--view-mode-teaser a:hover {
opacity: 1
}
.node--type-event.node--view-mode-teaser a:hover .field--name-field-teaser-image img {
transform: scale(1.1)
}
.node--type-event.node--view-mode-teaser a:hover h1:after, .node--type-event.node--view-mode-teaser a:hover h2:after, .node--type-event.node--view-mode-teaser a:hover h3:after, .node--type-event.node--view-mode-teaser a:hover h4:after, .node--type-event.node--view-mode-teaser a:hover h5:after, .node--type-event.node--view-mode-teaser a:hover h6:after {
width: 100%
}
.node--type-event.node--view-mode-full .intro-image-container {
height: calc(100vh - 150px);
max-height: 720px
}
}
@media screen and (min-width: 1024px) {
.node--type-event.node--view-mode-full .meta {
margin-left: calc(50vw - 30px);
text-align: left
}
.node--type-event.node--view-mode-full .intro-image-container {
height: auto
}
}
.user h1, .user h2, .user h3, .user h4, .user h5, .user h6 {
margin: 0
}
.user h1 > *, .user h2 > *, .user h3 > *, .user h4 > *, .user h5 > *, .user h6 > * {
display: inline
}
.user .field--name-field-job {
font-size: .85rem
}
.user .field--name-field-job .field__item {
display: inline
}
.user .field--name-field-job .field__item:after {
content: ","
}
.user .field--name-field-job .field__item:last-of-type:after {
content: none
}
.user.user--view-mode-teaser {
position: relative
}
.user.user--view-mode-teaser a {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
margin: 1.5rem auto 0;
max-width: 400px;
text-decoration: none
}
.user.user--view-mode-teaser a .title-container {
background: #fff;
margin: 0 auto .75rem;
padding: 0 .75rem;
position: relative;
width: 95%
}
.user.user--view-mode-teaser a .title-container h4 {
padding-top: .375rem;
text-align: center
}
.user.user--view-mode-teaser a .title-container .field--name-field-job {
margin-bottom: .5em;
text-align: center
}
.user.user--view-mode-teaser a .title-container .frame-left, .user.user--view-mode-teaser a .title-container .frame-right {
bottom: -1px;
height: calc(100% + 3px);
left: -1px;
position: absolute;
top: -1px;
width: auto
}
.user.user--view-mode-teaser a .title-container .frame-left polygon, .user.user--view-mode-teaser a .title-container .frame-right polygon {
fill: #ee907b
}
.user.user--view-mode-teaser a .title-container .frame-right {
left: auto;
right: -1px
}
.user.user--view-mode-teaser a .field--name-user-picture {
display: flex;
flex-direction: column;
font-size: 0;
height: 100%;
justify-content: flex-end;
overflow: hidden;
text-align: center
}
.user.user--view-mode-teaser a .field--name-user-picture img {
transform: scale(1);
transform-origin: center center;
transition: all .2s ease-in;
width: auto
}
@media screen and (min-width: 768px) {
.user.user--view-mode-teaser a {
margin-top: 0
}
.user.user--view-mode-teaser a .title-container {
background: none;
bottom: -.75rem;
position: absolute;
top: auto;
transform: translateY(100%);
width: 100%
}
.user.user--view-mode-teaser a .title-container h4 {
margin-top: .75rem
}
.user.user--view-mode-teaser a .title-container .frame-left, .user.user--view-mode-teaser a .title-container .frame-right {
display: none
}
}
.user.user--view-mode-full {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
margin: 4.5rem auto 0;
max-width: 1024px;
padding: .75rem;
position: relative
}
.user.user--view-mode-full .back-button {
left: .75rem;
position: absolute;
top: -2.25rem
}
.user.user--view-mode-full .content {
flex: 1
}
.user.user--view-mode-full .field--name-user-picture {
background: #ee907b;
font-size: 0
}
.user.user--view-mode-full .field--name-field-job .field__item {
background: #000;
border-radius: 2px;
color: #fff;
font-size: .7rem;
font-weight: 700;
margin-right: 4px;
padding: 3px 5px 2px;
text-transform: uppercase
}
.user.user--view-mode-full .field--name-field-job .field__item:after {
display: none
}
.user.user--view-mode-full .text-formatted {
font-size: .93rem;
margin-top: .75rem
}
.user.user--view-mode-full .text-formatted h1, .user.user--view-mode-full .text-formatted h2, .user.user--view-mode-full .text-formatted h3, .user.user--view-mode-full .text-formatted h4, .user.user--view-mode-full .text-formatted h5, .user.user--view-mode-full .text-formatted h6 {
margin: 2em 0 .5em
}
.user.user--view-mode-full .text-formatted .field__label {
font-weight: 700
}
.user.user--view-mode-full .text-formatted > :last-child {
margin-bottom: 0
}
.user.user--view-mode-full .field--name-field-bio {
background: #f5f5f5;
border-radius: 2px;
padding: .75rem
}
.user.user--view-mode-full .field--name-field-newest-publications {
background: #f5f5f5;
margin-top: 0;
padding: .75rem
}
.user.user--view-mode-full .field--name-field-newest-publications .field__label {
color: #000;
font-family: SuisseScreen, sans-serif;
font-size: 1.25rem;
font-weight: 700;
margin: 0 0 .5em
}
@media (min-width: 480px) {
.user.user--view-mode-full .field--name-user-picture {
margin-right: 1.5rem;
width: 300px
}
}
.user.user--view-mode-participant {
position: relative
}
.user.user--view-mode-participant .content {
margin: 4.5rem auto 2.25rem;
max-width: 768px;
padding: .75rem
}
.user-pass-reset {
margin: 4.5rem auto;
max-width: 768px;
padding: .75rem;
position: relative
}
.user--related-content {
margin: 4.5rem auto 0;
position: relative
}
.user-actions {
display: flex;
margin-bottom: .75rem
}
.user-core-information {
background: #f5f5f5;
font-size: .93rem;
line-height: 150%;
padding: .75rem
}
.user--related-content, .user--related-registrations-block {
background: #393939;
padding: 1.5rem
}
.user--related-content > h1, .user--related-content > h2, .user--related-content > h3, .user--related-content > h4, .user--related-content > h5, .user--related-content > h6, .user--related-content > p, .user--related-registrations-block > h1, .user--related-registrations-block > h2, .user--related-registrations-block > h3, .user--related-registrations-block > h4, .user--related-registrations-block > h5, .user--related-registrations-block > h6, .user--related-registrations-block > p {
color: #fff;
margin-bottom: 1.5rem;
text-align: center
}
.node__comments {
background: #f5f5f5
}
.field--name-comment {
margin: 0 auto;
max-width: 768px;
padding: 2.25rem .75rem 1.5rem
}
.field--name-comment form {
padding: 0
}
.field--name-comment .title.comment-form__title {
margin-top: 2.25rem
}
.field--name-comment .indented {
position: relative
}
.field--name-comment .indented:before {
border-bottom: 1px solid #000;
border-left: 1px solid #000;
bottom: 0;
content: "";
left: -20px;
opacity: .125;
position: absolute;
top: 0;
width: 15px
}
article.comment {
margin-bottom: 1.5rem;
overflow: auto;
position: relative
}
article.comment mark {
font-family: SuisseScreen, sans-serif;
font-size: .85rem;
font-weight: 700;
padding: .25em .5em 0;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0
}
article.comment .comment__meta {
border-bottom: 1px solid #f5f5f5;
display: flex;
font-size: .85rem;
font-style: italic;
padding: .5em
}
article.comment .comment__meta > * {
margin-right: .5em;
opacity: .5
}
article.comment .comment__meta .meta-links {
flex: 1;
margin-right: -.25em;
margin-top: -.25em;
opacity: 1;
text-align: right
}
article.comment .comment__meta .meta-links .links {
display: flex;
justify-content: flex-end
}
article.comment .comment__meta .meta-links a {
border-color: #ee907b;
color: #ee907b;
display: inline-block;
font-size: .85rem;
margin-left: .25em;
padding: .25em .5em
}
article.comment .comment__meta .meta-links a:hover {
background-color: #ee907b;
color: #fff
}
article.comment .content {
background: #fff;
padding: .75rem
}
article.comment.by-node-author .comment__meta > * {
color: #ee907b;
opacity: 1
}
article.comment.by-node-author .comment__meta > * a {
color: #ee907b
}
article.comment.by-node-author .content {
border-left: 3px solid #ee907b
}
body.path-comment .block-system-main-block {
margin: 0 auto;
max-width: 768px;
padding: 2.25rem .75rem 1.5rem
}
body.path-comment article.comment .comment__meta .meta-links {
display: none
}
.node--type-board-member.node--view-mode-teaser a {
display: block;
margin: .75rem .75rem 3.75rem;
text-decoration: none
}
.node--type-board-member.node--view-mode-teaser a:hover .skew-content:after {
background: #ee917c40
}
.node--type-board-member.node--view-mode-full {
display: flex;
flex-wrap: wrap;
margin: 4.5rem auto 0;
max-width: 1024px;
padding: .75rem;
position: relative
}
.node--type-board-member.node--view-mode-full .back-button {
left: calc(.75rem + 21%);
position: absolute;
top: -2.25rem
}
.node--type-board-member.node--view-mode-full .content {
flex: 1;
margin: 2.25rem 0 0
}
.node--type-board-member .skew-content {
cursor: pointer;
display: inline-block;
font-size: 0;
max-width: 500px;
overflow: hidden;
position: relative
}
.node--type-board-member .skew-content:after {
background: #ee917c00;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s ease-in
}
.node--type-board-member .skew-content .frame-left, .node--type-board-member .skew-content .frame-right {
bottom: -1px;
height: calc(100% + 3px);
left: -1px;
position: absolute;
right: auto;
top: -1px;
width: auto;
z-index: 5
}
.node--type-board-member .skew-content .frame-left polygon, .node--type-board-member .skew-content .frame-right polygon {
fill: #fff
}
.node--type-board-member .skew-content .frame-right {
left: auto;
right: -1px
}
.node--type-board-member .title-container {
margin-top: .75rem;
padding-right: 21%;
text-align: center
}
.node--type-board-member .field--name-field-link-email, .node--type-board-member .field--name-field-link-facebook, .node--type-board-member .field--name-field-link-instagram, .node--type-board-member .field--name-field-link-twitter {
display: inline-block;
margin: .375rem .375rem 0 0
}
@media screen and (min-width: 768px) {
.node--type-board-member.node--view-mode-full {
margin-top: 7.5rem
}
.node--type-board-member.node--view-mode-full .back-button {
left: calc(.75rem + 110px);
top: -4.5rem
}
.node--type-board-member.node--view-mode-full .content {
margin: 0 0 0 2.25rem
}
}
.taxonomy-term.taxonomy-page {
text-align: center
}
.taxonomy-term.taxonomy-page .intro-image-container {
overflow: hidden;
position: relative
}
.taxonomy-term.taxonomy-page .intro-image-container .title-container {
align-items: flex-start;
bottom: .75rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
left: .75rem;
position: absolute;
right: .75rem;
top: auto
}
@media screen and (min-width: 768px) {
.taxonomy-term.taxonomy-page .intro-image-container .title-container {
bottom: 1.5rem;
left: 1.5rem;
right: 1.5rem
}
}
.taxonomy-term.taxonomy-page .intro-image-container .title-container h1, .taxonomy-term.taxonomy-page .intro-image-container .title-container h2, .taxonomy-term.taxonomy-page .intro-image-container .title-container h3, .taxonomy-term.taxonomy-page .intro-image-container .title-container h4, .taxonomy-term.taxonomy-page .intro-image-container .title-container h5, .taxonomy-term.taxonomy-page .intro-image-container .title-container h6, .taxonomy-term.taxonomy-page .intro-image-container .title-container p {
background: #ee907b;
color: #000;
display: inline-block;
font-weight: 700;
margin-top: 0;
padding: .25em .5em;
text-align: left
}
.taxonomy-term.taxonomy-page .intro-image-container .title-container h1, .taxonomy-term.taxonomy-page .intro-image-container .title-container h2, .taxonomy-term.taxonomy-page .intro-image-container .title-container h3, .taxonomy-term.taxonomy-page .intro-image-container .title-container h4, .taxonomy-term.taxonomy-page .intro-image-container .title-container h5, .taxonomy-term.taxonomy-page .intro-image-container .title-container h6 {
margin-top: 0;
padding-bottom: 0;
text-align: left
}
.taxonomy-term.taxonomy-page .intro-image-container .media--type-article-image {
height: 100%;
position: static
}
.taxonomy-term.taxonomy-page .intro-image-container .media--type-article-image .field--name-field-media-image {
height: 100%;
overflow: hidden
}
.taxonomy-term.taxonomy-page .field--name-field-caption, .taxonomy-term.taxonomy-page .field--name-field-credit {
margin-bottom: 1.5rem
}
.taxonomy-term.taxonomy-page .padding-top {
padding-top: 4.5rem
}
@media screen and (min-width: 768px) {
.taxonomy-term.taxonomy-page .intro-image-container {
height: calc(100vh - 150px);
max-height: 720px
}
}
@media screen and (min-width: 1024px) {
.taxonomy-term.taxonomy-page .intro-image-container {
height: auto
}
}
.view-taxonomy-term {
background: #f5f5f5
}
.view-taxonomy-term .view-content.article-list {
margin: 4.5rem auto 0;
padding: .75rem;
position: relative
}
.node.dark-mode.node--view-mode-full {
background: #000;
color: #fff
}
.node.dark-mode.node--view-mode-full .paragraph--type--text-block .field--name-field-text ol, .node.dark-mode.node--view-mode-full .paragraph--type--text-block .field--name-field-text ul, .node.dark-mode.node--view-mode-full a, .node.dark-mode.node--view-mode-full h1, .node.dark-mode.node--view-mode-full h2, .node.dark-mode.node--view-mode-full h3, .node.dark-mode.node--view-mode-full h4, .node.dark-mode.node--view-mode-full h5, .node.dark-mode.node--view-mode-full h6, .node.dark-mode.node--view-mode-full p {
color: #fff
}
.node.dark-mode.node--view-mode-full .block-donation-overlay.as-banner {
color: #000
}
.node.dark-mode.node--view-mode-full .node__comments {
background: #ffffff40
}
.search-toggle .search-toggle-icon {
align-items: center;
background: none;
color: #fff;
display: flex;
height: 45px;
justify-content: center;
opacity: .5;
padding: 0;
position: relative;
transition: all .3s ease-in;
width: 45px;
z-index: 15
}
.search-toggle .search-toggle-icon:hover {
background-color: transparent !important;
opacity: 1
}
.search-toggle .icon-default {
display: inline-block
}
.search-toggle .icon-open, .search-toggle.open .icon-default {
display: none
}
.search-toggle.open .icon-open {
display: inline-block
}
.moment-header-search .toggle-search-content {
background-color: #000;
left: 0;
padding: .75rem;
position: fixed;
right: 0;
top: 0;
transform: translateY(-180%);
transition: all .2s ease-in;
z-index: 12
}
.moment-header-search.open .toggle-search-content {
transform: translateY(0)
}
.moment-header-search form .form--inline {
display: flex;
margin: 3rem
}
.moment-header-search form .form--inline .form-item {
flex: 1 1 auto
}
.moment-header-search form .form--inline .form-item input {
border: 0;
margin-top: 0
}
.moment-header-search form .form--inline .form-actions input {
height: 100%
}
.layout-content .block-views-exposed-filter-blocksearch-moment-at-search, .layout-content .block-views-exposed-filter-blocksearch-standard-search {
margin: 6rem auto 0;
max-width: 768px
}
#views-exposed-form-search-moment-at-search .form--inline, #views-exposed-form-search-standard-search .form--inline {
position: relative
}
#views-exposed-form-search-moment-at-search .form--inline div.form-actions, #views-exposed-form-search-standard-search .form--inline div.form-actions {
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 50px;
z-index: 10
}
#views-exposed-form-search-moment-at-search .form--inline div.form-actions input.button, #views-exposed-form-search-standard-search .form--inline div.form-actions input.button {
Background-size: contain;
background: none;
background-image: url(//www.momentum-institut.at/themes/moment/assets/dist/images/icon-search-black.svg);
background-repeat: no-repeat;
height: 60%;
margin-top: 10px;
text-align: center;
text-indent: -9999px;
width: 60%
}
.view-search {
margin: 6rem auto 3rem;
max-width: 768px
}
.view-search .view-footer {
margin-top: 3rem
}
.view-search .views-row {
margin-bottom: 2.25rem
}
.view-search .views-row .field--name-title a {
text-decoration: none
}
.view-search .views-row .field--name-title a:after {
background: #000;
bottom: .5em;
content: "";
display: block;
height: 4px;
left: 0;
right: auto;
transition: all .2s ease-in;
width: 0
}
.view-search .views-row .field--name-title a:hover:after {
width: 100%
}
body.moment-at .view-search {
background-color: #f5f5f5;
margin: 6rem auto 3rem;
max-width: 1440px
}
body.moment-at .view-search .view-header {
margin: 3rem auto 0;
max-width: 768px
}
body.moment-at .view-search .view-footer {
margin: 3rem auto 0;
max-width: 768px;
padding-bottom: 3rem
}
body.moment-at .view-search .view-content {
background-color: #f5f5f5;
max-width: 1440px
}
body.moment-at .search-toggle .icon-default {
color: #fff
}
@media screen and (min-width: 1024px) {
body.moment-at .search-toggle .icon-default {
color: #000
}
}
body.momentum-institut-at .search-toggle .icon-default {
color: #fff
}
body.moment-at.user-logged-in .moment-header-search .toggle-search-content, body.momentum-institut-at.user-logged-in .moment-header-search .toggle-search-content {
top: 80px
}
body.moment-at .moment-header-search.open .search-toggle-icon, body.momentum-institut-at .moment-header-search.open .search-toggle-icon {
margin-top: -20px;
position: absolute;
right: 0
}
.node--type-press-article .field--name-field-media-image img {
height: auto;
width: 100%
}
.node--type-press-article .field--name-body, .node--type-press-article h3 {
height: 10px;
left: -99999px;
overflow: hidden;
position: absolute;
top: 0;
width: 10px
}
.press-list.layout-grid .view-content {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: .75rem
}
.press-list.layout-grid .view-content .views-row {
border-radius: 3px;
box-shadow: 0 10px 15px #0003;
line-height: 0;
margin: .75rem;
max-width: 400px;
overflow: hidden;
position: relative;
text-align: left;
text-decoration: none;
transition: all .3s ease;
width: 100%
}
.press-list.layout-grid .view-content .views-row:hover {
box-shadow: 0 15px 20px #0000004d
}
.paragraph--type--featured-press-list {
background: #f5f5f5;
border-bottom: 1px solid #f5f5f5;
border-top: 1px solid #f5f5f5;
padding: 1.5rem .75rem 2.25rem;
text-align: center
}
.paragraph--type--featured-press-list > h4 {
margin: 40px 20px 20px;
text-align: center;
text-transform: uppercase
}
.node-preview-container .paragraph--type--featured-press-list > a.outline, .paragraph--type--featured-press-list > a.button.outline, article.comment .comment__meta .meta-links .paragraph--type--featured-press-list > a, nav.tabs ul li .paragraph--type--featured-press-list > a.outline {
display: inline-block;
margin-top: .75rem
}
@media (min-width: 1024px) {
.press-list.layout-grid .view-content .views-row {
margin: 1.125rem
}
}
.media--type-article-image picture {
display: block;
font-size: 0
}
.media--type-article-image picture img {
width: 100%
}
.media--type-article-image.media--view-mode-term-teaser img {
height: 100%;
max-width: 100%;
width: auto
}
.paragraph--type--image-block .field--name-field-media-image {
text-align: center
}
.paragraph--type--image-block .media--type-article-image {
background: none;
display: inline-block;
width: auto
}
.paragraph--type--image-block .media--type-article-image.media--view-mode-portrait img {
height: auto;
max-width: 60vw;
width: 400px
}
.paragraph--type--image-block .media--type-article-image.media--view-mode-article-narrow img {
height: 100%;
max-width: 100%;
width: auto
}
.paragraph--type--gallery .media--type-article-image.media--view-mode-gallery-thumb img {
max-width: 100%;
width: auto
}
.field--name-field-caption, .field--name-field-credit {
background: #f5f5f5;
font-size: .85rem;
font-style: italic;
padding: .25rem .75rem .15rem;
text-align: center
}
.paragraph--type--text-block {
padding: .75rem
}
.paragraph--type--text-block .field--name-field-text {
margin: 0 auto;
max-width: 768px;
overflow-x: auto
}
.paragraph--type--text-block .field--name-field-text h1, .paragraph--type--text-block .field--name-field-text h2, .paragraph--type--text-block .field--name-field-text h3, .paragraph--type--text-block .field--name-field-text h4, .paragraph--type--text-block .field--name-field-text h5, .paragraph--type--text-block .field--name-field-text h6 {
margin-top: 1.5em
}
.paragraph--type--text-block .field--name-field-text ul {
list-style: initial
}
.paragraph--type--text-block .field--name-field-text ol, .paragraph--type--text-block .field--name-field-text ul {
color: #393939;
line-height: 180%;
margin: .5em 0 .5em 1em
}
.paragraph--type--text-block .field--name-field-text table {
margin: .75rem 0
}
@media screen and (min-width: 1024px) {
.node--type-page .field__items > .field__item:first-of-type > .paragraph--type--text-block {
margin-top: 6rem
}
.paragraph--type--text-block .field--name-field-text {
overflow-x: initial
}
.paragraph--type--text-block .field--name-field-text table {
margin-left: -10vw;
margin-right: -10vw;
width: calc(100% + 20vw)
}
}
.paragraph--type--text-block .field--name-field-text table[align] {
margin: auto;
width: auto
}
.paragraph--type--text-image-block {
padding: .75rem
}
.paragraph--type--text-image-block .content-container {
padding: .75rem 0
}
.paragraph--type--text-image-block .image-container {
align-self: center;
padding: 0 0 .75rem
}
.paragraph--type--text-image-block .image-container > .field--name-field-media-image img {
display: block;
height: auto;
width: 100%
}
.paragraph--type--text-image-block .image-container .field--name-field-caption, .paragraph--type--text-image-block .image-container .field--name-field-credit {
background-color: #dcdcdc
}
@media screen and (min-width: 1024px) {
.paragraph--type--text-image-block {
align-items: stretch;
display: flex;
justify-content: space-between;
padding: 1.5rem 0
}
.paragraph--type--text-image-block.layout__image_left {
flex-direction: row-reverse
}
.paragraph--type--text-image-block.image_display__cover .image-container {
align-self: auto;
position: relative
}
.paragraph--type--text-image-block.image_display__cover .image-container > .field--name-field-media-image {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.paragraph--type--text-image-block.image_display__cover .image-container > .field--name-field-media-image > .media {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
width: 100%
}
.paragraph--type--text-image-block.image_display__cover .image-container > .field--name-field-media-image > .media > .field--name-field-media-image, .paragraph--type--text-image-block.image_display__cover .image-container > .field--name-field-media-image > .media > .field--name-field-media-image picture {
height: 100%
}
.paragraph--type--text-image-block.image_display__cover .image-container > .field--name-field-media-image img {
display: block;
height: 100%;
object-fit: cover;
object-position: center;
width: 100%
}
.paragraph--type--text-image-block .content-container, .paragraph--type--text-image-block .image-container {
width: 50%
}
.paragraph--type--text-image-block .content-container {
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: center;
padding: .75rem
}
.paragraph--type--text-image-block .image-container {
padding: 0
}
}
.node-preview-container .paragraph--type--text-image-block a, .paragraph--type--text-image-block .button, .paragraph--type--text-image-block .node-preview-container a, .paragraph--type--text-image-block article.comment .comment__meta .meta-links a, .paragraph--type--text-image-block nav.tabs ul li a, article.comment .comment__meta .meta-links .paragraph--type--text-image-block a, nav.tabs ul li .paragraph--type--text-image-block a {
display: inline-block;
margin-top: .75rem
}
.node-preview-container .paragraph--type--text-image-block a a, .paragraph--type--text-image-block .button a, .paragraph--type--text-image-block .node-preview-container a a, .paragraph--type--text-image-block article.comment .comment__meta .meta-links a a, .paragraph--type--text-image-block nav.tabs ul li a a, article.comment .comment__meta .meta-links .paragraph--type--text-image-block a a, nav.tabs ul li .paragraph--type--text-image-block a a {
text-decoration: none
}
.node-preview-container .paragraph--type--text-image-block a:focus a, .node-preview-container .paragraph--type--text-image-block a:hover a, .paragraph--type--text-image-block .button:focus a, .paragraph--type--text-image-block .button:hover a, .paragraph--type--text-image-block .node-preview-container a:focus a, .paragraph--type--text-image-block .node-preview-container a:hover a, .paragraph--type--text-image-block article.comment .comment__meta .meta-links a:focus a, .paragraph--type--text-image-block article.comment .comment__meta .meta-links a:hover a, .paragraph--type--text-image-block nav.tabs ul li a:focus a, .paragraph--type--text-image-block nav.tabs ul li a:hover a, article.comment .comment__meta .meta-links .paragraph--type--text-image-block a:focus a, article.comment .comment__meta .meta-links .paragraph--type--text-image-block a:hover a, nav.tabs ul li .paragraph--type--text-image-block a:focus a, nav.tabs ul li .paragraph--type--text-image-block a:hover a {
color: #fff
}
@media screen and (min-width: 1024px) {
.path-frontpage .paragraph--type--text-image-block {
padding: 0
}
}
.paragraph--type--article-list {
background: #f5f5f5
}
.article-list {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
padding: .75rem 0
}
.article-list > .node--type-article, .article-list > .node--type-momentum-research-article {
flex: 1 1 100%;
padding: .75rem
}
.article-list.layout-research .node--type-article .node--title, .article-list.layout-research .node--type-article p.meta, .article-list.layout-research .node--type-article p.title-meta, .article-list.layout-research .node--type-momentum-research-article .node--title, .article-list.layout-research .node--type-momentum-research-article p.meta {
padding-left: 0;
text-align: left
}
@media (min-width: 768px) {
.article-list {
margin-left: -.75rem;
margin-right: -.75rem
}
.article-list.layout-none > .node--type-article, .article-list.layout-none > .node--type-momentum-research-article, .article-list.layout-research > .node--type-article, .article-list.layout-research > .node--type-momentum-research-article {
flex: 0 1 40%
}
.article-list.layout-none > .node--type-article:nth-child(4n), .article-list.layout-none > .node--type-article:nth-child(4n+1), .article-list.layout-none > .node--type-momentum-research-article:nth-child(4n), .article-list.layout-none > .node--type-momentum-research-article:nth-child(4n+1), .article-list.layout-research > .node--type-article:nth-child(4n), .article-list.layout-research > .node--type-article:nth-child(4n+1), .article-list.layout-research > .node--type-momentum-research-article:nth-child(4n), .article-list.layout-research > .node--type-momentum-research-article:nth-child(4n+1) {
flex: 0 1 60%
}
.article-list.layout-main1 > .node--type-article, .article-list.layout-main1 > .node--type-momentum-research-article, .article-list.layout-main2 > .node--type-article, .article-list.layout-main2 > .node--type-momentum-research-article {
flex: 1
}
}
.paragraph--type--user-list {
background: #f5f5f5
}
@media (min-width: 768px) {
.paragraph--type--user-list {
padding: 1.5rem
}
}
.user-list {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
max-width: 1152px;
padding: .75rem;
position: relative
}
.user-list > .user {
flex: 1 1 100%;
padding: .75rem 1.875rem
}
.user-list > .user a {
background: #ee907b;
position: relative
}
.user-list > .user a img {
transition: all .2s ease-in
}
.user-list > .user a:hover img {
transform: scale(1.05)
}
.user-list > .frame-left, .user-list > .frame-right {
display: none
}
@media (min-width: 768px) {
.user-list {
background: #ee907b;
margin-bottom: 9rem;
padding: .75rem 6% 0
}
.user-list > .user {
flex: 0 1 33%;
padding-bottom: 0
}
.user-list > .user a {
background: none
}
.user-list > .frame-left, .user-list > .frame-right {
bottom: -1px;
display: block;
height: calc(100% + 3px);
left: -1px;
position: absolute;
top: -1px;
width: auto
}
.user-list > .frame-left polygon, .user-list > .frame-right polygon {
fill: #f5f5f5
}
.user-list > .frame-right {
left: auto;
right: -1px
}
}
.momentum-institut-at .view-taxonomy-term .article-list, .paragraph--type--news-list {
background: #f5f5f5
}
.momentum-institut-at .view-taxonomy-term .article-list, .news-list {
margin: 0 auto;
padding: .75rem
}
.momentum-institut-at .view-taxonomy-term .article-list .views-row > .node--type-event, .momentum-institut-at .view-taxonomy-term .article-list .views-row > .node--type-news, .momentum-institut-at .view-taxonomy-term .article-list > .node--type-event, .momentum-institut-at .view-taxonomy-term .article-list > .node--type-news, .news-list .views-row > .node--type-event, .news-list .views-row > .node--type-news, .news-list > .node--type-event, .news-list > .node--type-news {
margin-bottom: .75rem
}
.momentum-institut-at .view-taxonomy-term .article-list > .node--type-event:last-child, .momentum-institut-at .view-taxonomy-term .article-list > .node--type-news:last-child, .news-list > .node--type-event:last-child, .news-list > .node--type-news:last-child {
margin-bottom: 0
}
@media screen and (min-width: 768px) {
.momentum-institut-at .view-taxonomy-term .article-list, .news-list {
padding: 2.25rem
}
.momentum-institut-at .view-taxonomy-term .article-list .views-row > .node--type-event, .momentum-institut-at .view-taxonomy-term .article-list .views-row > .node--type-news, .momentum-institut-at .view-taxonomy-term .article-list > .node--type-event, .momentum-institut-at .view-taxonomy-term .article-list > .node--type-news, .news-list .views-row > .node--type-event, .news-list .views-row > .node--type-news, .news-list > .node--type-event, .news-list > .node--type-news {
margin-bottom: 2.25rem
}
}
.user--related-content .node--type-news {
margin-bottom: .75rem;
width: 100%
}
@media screen and (min-width: 768px) {
.user--related-content .node--type-news {
margin-bottom: 2.25rem
}
}
.paragraph--type--mission-statement {
background: #ee907b;
left: 50%;
margin-left: -50vw;
overflow: hidden;
position: relative;
width: 100vw
}
.paragraph--type--mission-statement iframe {
left: 50%;
min-height: 100vh;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100vw;
z-index: 0
}
.paragraph--type--mission-statement .content {
background: #ee917c80;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: calc(100vh - 160px);
padding: 5vw;
position: relative;
z-index: 5
}
.paragraph--type--mission-statement svg.logo {
bottom: 0;
display: block;
height: auto;
opacity: .25;
position: absolute;
right: 0;
width: 90%;
z-index: 6
}
.paragraph--type--mission-statement svg.logo .color-primary {
fill: #fff
}
.paragraph--type--mission-statement h1, .paragraph--type--mission-statement h2, .paragraph--type--mission-statement h3, .paragraph--type--mission-statement h4, .paragraph--type--mission-statement h5, .paragraph--type--mission-statement h6 {
color: #fff;
font-size: 2.5rem;
position: relative
}
@media (min-width: 768px) {
.paragraph--type--mission-statement .content {
padding: 5vw 20vw 10vw 5vw
}
.paragraph--type--mission-statement svg.logo {
height: 80%;
width: auto
}
.paragraph--type--mission-statement h1, .paragraph--type--mission-statement h2, .paragraph--type--mission-statement h3, .paragraph--type--mission-statement h4, .paragraph--type--mission-statement h5, .paragraph--type--mission-statement h6 {
font-size: 4rem
}
}
.paragraph--type--board-members {
padding: .75rem
}
.board-members {
margin: .75rem auto;
max-width: 1024px
}
@media screen and (min-width: 768px) {
.board-members {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: stretch
}
.board-members .node--type-board-member {
display: block;
flex: 0 1 33%
}
}
.paragraph--type--embed-code, .paragraph--type--faq-embed {
margin: 1.5rem -.75rem;
min-height: 100px;
padding: .75rem
}
.paragraph--type--embed-code iframe, .paragraph--type--faq-embed iframe {
width: 100%
}
.paragraph--type--embed-code .instagram-media, .paragraph--type--embed-code .twitter-tweet, .paragraph--type--embed-code [id^=eventbrite-widget-modal], .paragraph--type--faq-embed .instagram-media, .paragraph--type--faq-embed .twitter-tweet, .paragraph--type--faq-embed [id^=eventbrite-widget-modal] {
margin-left: auto !important;
margin-right: auto !important
}
.paragraph--type--embed-code:not(.auto-height) iframe, .paragraph--type--faq-embed:not(.auto-height) iframe {
height: 100%
}
@media screen and (min-width: 768px) {
.paragraph--type--embed-code, .paragraph--type--faq-embed {
margin-left: 0;
margin-right: 0
}
}
.paragraph--type--video div.field--name-field-media-video-file, .paragraph--type--video div.field--name-field-media-video-file video, .paragraph--type--video div.video-embed-field-lazy, .paragraph--type--video div.video-embed-field-lazy video, .paragraph--type--video div.video-embed-field-responsive-video, .paragraph--type--video div.video-embed-field-responsive-video video {
width: 100%
}
.paragraph--type--video .video-embed-field-lazy iframe, .paragraph--type--video .video-embed-field-responsive-video iframe {
height: 100%;
width: 100%
}
.paragraph--type--video.paragraph--type--size--small-width div.field--name-field-media-video-file, .paragraph--type--video.paragraph--type--size--small-width div.video-embed-field-lazy, .paragraph--type--video.paragraph--type--size--small-width div.video-embed-field-responsive-video {
margin: 0 auto;
max-width: 768px
}
.paragraph--type--video.paragraph--type--size--small-width div.video-embed-field-lazy, .paragraph--type--video.paragraph--type--size--small-width div.video-embed-field-responsive-video {
max-height: 432px
}
.paragraph--type--video.paragraph--type--size--full-width div.field--name-field-media-video-file, .paragraph--type--video.paragraph--type--size--full-width div.video-embed-field-lazy, .paragraph--type--video.paragraph--type--size--full-width div.video-embed-field-responsive-video {
margin-left: calc(-50vw + 50%);
width: 100vw
}
.video-background iframe {
height: 100%;
width: 100%
}
@media screen and (min-width: 480px) {
.video-background iframe {
min-height: 50vh
}
}
@media screen and (min-width: 1024px) {
.home-banner .video-slide {
height: calc(100vh - 100px);
margin-left: calc(-50vw + 50%);
position: relative;
width: 100vw
}
.home-banner .slide .video-slide {
background-color: #000
}
.home-banner.loading .video-background {
opacity: 0
}
.video-background {
height: 100%;
left: 0;
opacity: 1;
padding-top: 56.25%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity 2s ease;
transition: opacity 2s ease;
width: 100%
}
.video-background iframe {
left: 0;
position: absolute;
top: 0
}
}
.video-embed-field-lazy-play:hover {
background: url(//www.momentum-institut.at/themes/moment/assets/dist/images/play.svg) no-repeat
}
.paragraph--type--accordion-container {
margin: 0 auto 3.75rem;
max-width: 768px;
overflow-x: auto
}
@media screen and (min-width: 1024px) {
.paragraph--type--accordion-container {
overflow-x: initial
}
}
.paragraph--type--accordion-container .field__item:first-child .paragraph--type--accordion {
border-top: 2px solid #ee907b
}
.paragraph--type--accordion-container ul {
line-height: 180%;
list-style: initial;
margin: .5em 0 .5em 1em
}
.paragraph--type--accordion-item {
border-bottom: 2px solid #ee907b;
padding: .375rem 0
}
.paragraph--type--accordion-item .toggle {
cursor: pointer;
display: flex;
margin: .75rem;
transition: all .2s ease-in
}
.paragraph--type--accordion-item .toggle h4, .paragraph--type--accordion-item .toggle span.h4 {
margin-bottom: 0
}
.paragraph--type--accordion-item .toggle span {
display: block;
flex: 0 0 15px;
margin-right: .75rem;
overflow: hidden
}
.paragraph--type--accordion-item .toggle span:before {
content: "› ";
display: block;
margin-top: -2px;
transition: all .2s ease-in
}
.paragraph--type--accordion-item .field--name-field-text {
margin-left: calc(15px + 1.5rem);
overflow: hidden;
padding: 0;
transition: all .2s ease-in
}
.paragraph--type--accordion-item.closed span:before {
margin-top: 0;
transform: rotate(90deg)
}
.paragraph--type--accordion-item.closed .field--name-field-text {
height: 0 !important
}
.subpages {
margin: .75rem auto;
max-width: 1024px
}
@media screen and (min-width: 768px) {
.subpages {
display: flex;
flex-wrap: wrap;
justify-content: stretch
}
.subpages > article {
display: block;
flex: 0 1 33%
}
}
.paragraph--type--teaser-block .field--name-field-teaser > .field__item .paragraph--type--teaser {
color: #fff;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
padding: 1.5rem;
text-align: center;
transform: scale(1);
transition: all .2s ease-in
}
.paragraph--type--teaser-block .field--name-field-teaser > .field__item .paragraph--type--teaser:hover {
transform: scale(1.06)
}
.paragraph--type--teaser-block .field--name-field-teaser > .field__item .paragraph--type--teaser .field--name-field-media-image {
background: transparent;
margin: 0 auto .75rem;
max-width: 300px;
width: 100%
}
.paragraph--type--teaser-block a {
text-decoration: none
}
.paragraph--type--teaser-block a, .paragraph--type--teaser-block ol, .paragraph--type--teaser-block p, .paragraph--type--teaser-block ul {
color: #fff;
font-family: SuisseScreen, sans-serif;
font-size: 1.5rem;
font-weight: 700;
text-transform: uppercase
}
@media screen and (min-width: 480px) {
.paragraph--type--teaser-block .field--name-field-teaser {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 1.5rem
}
.paragraph--type--teaser-block .field--name-field-teaser > .field__item {
flex: 0 0 49%;
padding: 1.5rem 0
}
}
@media screen and (min-width: 1024px) {
.paragraph--type--teaser-block .field--name-field-teaser > .field__item .paragraph--type--teaser {
padding: 3rem 0
}
}
.field--name-field-time-table-entries {
background: #f5f5f5;
border-radius: 2px;
margin-bottom: 3.75rem;
padding: 2.25rem .75rem
}
.field--name-field-time-table-entries .field__item:last-child .paragraph--type--time-table-entry .field--name-field-text {
margin-bottom: .375rem
}
.paragraph--type--time-table-entry {
align-items: stretch;
display: flex;
flex-wrap: wrap;
margin: 0
}
.paragraph--type--time-table-entry .field--name-field-time {
color: #393939;
font-size: .93rem;
max-width: 100%;
opacity: .7;
padding: .75rem;
width: 200px
}
.paragraph--type--time-table-entry .field--name-field-text {
align-content: center;
background: #fff;
border-radius: 2px;
box-shadow: 0 2px 6px #0000000d;
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: .75rem;
margin-top: .375rem;
max-width: 100%;
min-height: 50px;
padding: .5rem;
text-align: center;
width: 400px
}
.paragraph--type--time-table-entry .field--name-field-text > :last-child {
margin-bottom: 0
}
.paragraph--type--time-table-entry.highlight .field--name-field-time {
font-weight: 700
}
.paragraph--type--time-table-entry.highlight .field--name-field-text {
background: #a0728a;
box-shadow: 0 2px 6px #0003;
color: #fff
}
.paragraph--type--time-table-entry.highlight .field--name-field-text *, .paragraph--type--time-table-entry.highlight .field--name-field-text p {
color: #fff
}
.paragraph--type--time-table-entry.size-1 .field--name-field-text {
min-height: 50px
}
.paragraph--type--time-table-entry.size-2 .field--name-field-text {
min-height: 100px
}
.paragraph--type--time-table-entry.size-3 .field--name-field-text {
min-height: 150px
}
.paragraph--type--time-table-entry.size-4 .field--name-field-text {
min-height: 200px
}
.paragraph--type--time-table-entry.size-5 .field--name-field-text {
min-height: 250px
}
.paragraph--type--time-table-entry.size-6 .field--name-field-text {
min-height: 300px
}
.paragraph--type--time-table-entry.size-7 .field--name-field-text {
min-height: 350px
}
.paragraph--type--time-table-entry.size-8 .field--name-field-text {
min-height: 400px
}
.paragraph--type--time-table-entry.size-9 .field--name-field-text {
min-height: 450px
}
.paragraph--type--time-table-entry.size-10 .field--name-field-text {
min-height: 500px
}
.paragraph--type--time-table-entry.size-11 .field--name-field-text {
min-height: 550px
}
.paragraph--type--time-table-entry.size-12 .field--name-field-text {
min-height: 600px
}
.paragraph--type--time-table-entry.size-13 .field--name-field-text {
min-height: 650px
}
.paragraph--type--time-table-entry.size-14 .field--name-field-text {
min-height: 700px
}
.paragraph--type--time-table-entry.size-15 .field--name-field-text {
min-height: 750px
}
.paragraph--type--time-table-entry.size-16 .field--name-field-text {
min-height: 800px
}
.paragraph--type--time-table-entry.size-17 .field--name-field-text {
min-height: 850px
}
.paragraph--type--time-table-entry.size-18 .field--name-field-text {
min-height: 900px
}
.paragraph--type--time-table-entry.size-19 .field--name-field-text {
min-height: 950px
}
.paragraph--type--time-table-entry.size-20 .field--name-field-text {
min-height: 1000px
}
.paragraph--type--time-table-entry.size-21 .field--name-field-text {
min-height: 1050px
}
.paragraph--type--time-table-entry.size-22 .field--name-field-text {
min-height: 1100px
}
.paragraph--type--time-table-entry.size-23 .field--name-field-text {
min-height: 1150px
}
.paragraph--type--time-table-entry.size-24 .field--name-field-text {
min-height: 1200px
}
.paragraph--type--time-table-entry.size-25 .field--name-field-text {
min-height: 1250px
}
.paragraph--type--time-table-entry.size-26 .field--name-field-text {
min-height: 1300px
}
.paragraph--type--time-table-entry.size-27 .field--name-field-text {
min-height: 1350px
}
.paragraph--type--time-table-entry.size-28 .field--name-field-text {
min-height: 1400px
}
.paragraph--type--time-table-entry.size-29 .field--name-field-text {
min-height: 1450px
}
.paragraph--type--time-table-entry.size-30 .field--name-field-text {
min-height: 1500px
}
.paragraph--type--time-table-entry.size-31 .field--name-field-text {
min-height: 1550px
}
.paragraph--type--time-table-entry.size-32 .field--name-field-text {
min-height: 1600px
}
.paragraph--type--time-table-entry.size-33 .field--name-field-text {
min-height: 1650px
}
.paragraph--type--time-table-entry.size-34 .field--name-field-text {
min-height: 1700px
}
.paragraph--type--time-table-entry.size-35 .field--name-field-text {
min-height: 1750px
}
.paragraph--type--time-table-entry.size-36 .field--name-field-text {
min-height: 1800px
}
.paragraph--type--time-table-entry.size-37 .field--name-field-text {
min-height: 1850px
}
.paragraph--type--time-table-entry.size-38 .field--name-field-text {
min-height: 1900px
}
.paragraph--type--time-table-entry.size-39 .field--name-field-text {
min-height: 1950px
}
@media screen and (min-width: 768px) {
.paragraph--type--time-table-entry .field--name-field-time {
border-right: 2px solid rgba(0, 0, 0, .25);
margin-right: .75rem;
padding: 1.5rem .75rem 0 0;
text-align: right
}
}
.paragraph--type--featured-video-list {
background: #393939;
padding: .75rem;
position: relative
}
.paragraph--type--featured-video-list > h1, .paragraph--type--featured-video-list > h2, .paragraph--type--featured-video-list > h3 {
color: #fff;
margin: .75rem
}
.paragraph--type--featured-video-list .pg-anchor {
left: 0;
position: absolute;
top: calc(-50vh + 50%)
}
.featured-videos {
position: relative
}
.featured-videos .article-video {
background: #fff;
position: relative
}
.featured-videos .article-video > .video {
position: relative
}
.featured-videos .article-video > .content {
margin-left: 10px
}
.featured-videos .article-video .video-overlay-link {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1000
}
.featured-videos .featured-videos-first {
padding-bottom: 3.75rem;
position: relative
}
.featured-videos .featured-videos-first .video-meta {
align-items: center;
color: #fff;
display: flex;
left: 0;
margin-top: .75rem;
position: absolute;
right: 0
}
.featured-videos .featured-videos-first .video-meta .actions {
flex: 1
}
.featured-videos .featured-videos-first .video-meta .meta-infos {
margin-left: .75rem
}
.featured-videos .featured-videos-first .video-meta .button.go-to-article, .featured-videos .featured-videos-first .video-meta .node-preview-container a.go-to-article, .featured-videos .featured-videos-first .video-meta article.comment .comment__meta .meta-links a.go-to-article, .featured-videos .featured-videos-first .video-meta nav.tabs ul li a.go-to-article, .node-preview-container .featured-videos .featured-videos-first .video-meta a.go-to-article, article.comment .comment__meta .meta-links .featured-videos .featured-videos-first .video-meta a.go-to-article, nav.tabs ul li .featured-videos .featured-videos-first .video-meta a.go-to-article {
background: none;
border: 2px solid;
display: inline-block
}
.featured-videos .featured-videos-first .video-meta .button.go-to-article:hover, .featured-videos .featured-videos-first .video-meta .node-preview-container a.go-to-article:hover, .featured-videos .featured-videos-first .video-meta article.comment .comment__meta .meta-links a.go-to-article:hover, .featured-videos .featured-videos-first .video-meta nav.tabs ul li a.go-to-article:hover, .node-preview-container .featured-videos .featured-videos-first .video-meta a.go-to-article:hover, article.comment .comment__meta .meta-links .featured-videos .featured-videos-first .video-meta a.go-to-article:hover, nav.tabs ul li .featured-videos .featured-videos-first .video-meta a.go-to-article:hover {
background: #fff;
border-color: #fff;
color: #000
}
.featured-videos .featured-videos-first .article-video > .content {
display: none
}
.featured-videos .featured-videos-first .paragraph--type--video div.video-embed-field-lazy, .featured-videos .featured-videos-first .paragraph--type--video div.video-embed-field-responsive-video {
height: 50.625vw;
max-height: none;
overflow: hidden;
width: 100%
}
.featured-videos .featured-videos-rest {
margin-top: .75rem
}
.featured-videos .featured-videos-rest h6 {
color: #fff
}
.featured-videos .featured-videos-rest .videos-before + .videos-after {
margin-top: 1.5rem
}
.featured-videos .featured-videos-rest .article-video {
display: flex;
margin-bottom: .75rem
}
.featured-videos .featured-videos-rest .article-video:last-child {
margin: 0
}
.featured-videos .featured-videos-rest .article-video .content h5 {
align-items: center;
display: flex;
font-size: 1rem;
height: 100%;
margin: 0;
text-decoration: none
}
.featured-videos .featured-videos-rest .paragraph--type--video div.video-embed-field-lazy, .featured-videos .featured-videos-rest .paragraph--type--video div.video-embed-field-responsive-video {
height: 90px;
max-height: none;
width: 160px
}
.featured-videos .featured-videos-rest .cookie-content-blocker {
font-size: .6em
}
.featured-videos .featured-videos-rest .cookie-content-blocker .cookie-content-blocker__message-wrapper {
justify-content: flex-start;
overflow: hidden;
padding: .375rem
}
.featured-videos .featured-videos-rest .cookie-content-blocker .cookie-content-blocker__message-wrapper .cookie-content-blocker__headline {
font-size: 1rem
}
.featured-videos .featured-videos-rest .cookie-content-blocker .cookie-content-blocker__message-wrapper .buttons, .featured-videos .featured-videos-rest .cookie-content-blocker .cookie-content-blocker__message-wrapper .cookie-content-blocker__message {
display: none
}
@media screen and (min-width: 768px) {
.featured-videos .featured-videos-rest .article-video .content h5 {
font-size: 1.25rem
}
}
@media screen and (min-width: 1024px) {
.featured-videos {
padding-bottom: 3rem
}
.featured-videos .featured-videos-first {
padding-bottom: 0;
padding-right: .75rem;
width: 60%
}
.featured-videos .featured-videos-first .video-meta {
padding-right: .75rem
}
.featured-videos .featured-videos-first .paragraph--type--video div.video-embed-field-lazy, .featured-videos .featured-videos-first .paragraph--type--video div.video-embed-field-responsive-video {
height: 30.9375vw
}
.featured-videos .featured-videos-rest {
bottom: 0;
height: auto;
left: auto;
margin-top: 0;
position: absolute;
right: 0;
top: 0;
width: 40%
}
.featured-videos .featured-videos-rest .paragraph--type--video div.video-embed-field-lazy, .featured-videos .featured-videos-rest .paragraph--type--video div.video-embed-field-responsive-video {
height: 5.5vw;
width: 10vw
}
}
@media screen and (min-width: 1440px) {
.featured-videos .featured-videos-first .paragraph--type--video div.video-embed-field-lazy, .featured-videos .featured-videos-first .paragraph--type--video div.video-embed-field-responsive-video {
height: 445.5px
}
.featured-videos .featured-videos-rest .paragraph--type--video div.video-embed-field-lazy, .featured-videos .featured-videos-rest .paragraph--type--video div.video-embed-field-responsive-video {
height: 84.15px;
width: 149.6px
}
}
.paragraph--type--featured-categories-list {
background: #f5f5f5;
margin-left: calc(-50vw + 50%);
padding: 1.5rem .75rem .75rem;
width: 100vw
}
.paragraph--type--featured-categories-list > h1, .paragraph--type--featured-categories-list > h2, .paragraph--type--featured-categories-list > h3 {
margin: .75rem;
text-align: center
}
.featured-category {
margin: 0 0 .75rem;
padding: .75rem 0
}
.featured-category:last-child {
margin-bottom: 0
}
.featured-category .featured-category-category {
padding: 1.5rem;
text-align: center
}
.featured-category .featured-category-category h3 {
font-size: 1.5rem
}
.featured-category .featured-category-category .button, .featured-category .featured-category-category .node-preview-container a, .featured-category .featured-category-category article.comment .comment__meta .meta-links a, .featured-category .featured-category-category nav.tabs ul li a, .node-preview-container .featured-category .featured-category-category a, article.comment .comment__meta .meta-links .featured-category .featured-category-category a, nav.tabs ul li .featured-category .featured-category-category a {
display: inline-block
}
.featured-category .featured-category-category .field--name-field-media-image {
text-align: right
}
.featured-category .featured-category-articles .swiper {
margin: 0
}
.featured-category .featured-category-articles .swiper .swiper-wrapper {
align-items: stretch;
display: flex
}
.featured-category .featured-category-articles .swiper .swiper-slide > article {
height: 100%;
margin-bottom: 20px
}
.featured-category .featured-category-articles .swiper .swiper-pagination-bullet {
background: #393939 !important;
color: #393939 !important
}
.featured-category .featured-category-articles .swiper-container {
margin: 0 3.6em
}
@media screen and (min-width: 768px) {
.featured-category {
display: flex;
margin-top: 2.25rem
}
.featured-category .featured-category-category {
padding-top: 0;
text-align: right;
width: 35%
}
.featured-category .featured-category-category .swiper-container {
margin: 0 3em
}
.featured-category .featured-category-articles {
width: 65%
}
}
.paragraph--type--cta {
padding: .75rem
}
.paragraph--type--cta > div {
margin: 0 auto;
max-width: 768px;
overflow-x: auto
}
.node-preview-container .paragraph--type--cta > div a, .paragraph--type--cta > div .button, .paragraph--type--cta > div .node-preview-container a, .paragraph--type--cta > div article.comment .comment__meta .meta-links a, .paragraph--type--cta > div nav.tabs ul li a, article.comment .comment__meta .meta-links .paragraph--type--cta > div a, nav.tabs ul li .paragraph--type--cta > div a {
display: inline-block
}
.paragraph--type--cta.align--left > div {
text-align: left
}
.paragraph--type--cta.align--right > div {
text-align: right
}
.paragraph--type--cta.align--center > div {
text-align: center
}
@media screen and (min-width: 1024px) {
.node--type-page .field__items > .field__item:first-of-type > .paragraph--type--cta {
margin-top: 6rem
}
.paragraph--type--cta > div {
overflow-x: initial
}
}
.paragraph--type--highlights {
padding: 1.5rem .75rem 2.25rem
}
.paragraph--type--highlights > h1, .paragraph--type--highlights > h2, .paragraph--type--highlights > h3, .paragraph--type--highlights > h4, .paragraph--type--highlights > h5 {
margin-bottom: 0
}
.paragraph--type--highlights > h1 .field--name-field-title, .paragraph--type--highlights > h2 .field--name-field-title, .paragraph--type--highlights > h3 .field--name-field-title, .paragraph--type--highlights > h4 .field--name-field-title, .paragraph--type--highlights > h5 .field--name-field-title {
margin: 40px 20px 20px;
text-align: center;
text-transform: uppercase
}
.paragraph--type--highlights .field--name-field-highlights {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0 10px 10px
}
.paragraph--type--highlights .field--name-field-highlights .paragraph--type--highlight {
border-radius: 5px;
box-shadow: 0 7px 12px #00000017;
display: block;
font-family: SuisseScreen, sans-serif;
font-weight: 700;
margin: 0 20px 30px;
overflow: hidden;
padding: 8px 8px 16px;
text-align: center;
text-decoration: none;
transition: box-shadow .2s ease-out
}
.paragraph--type--highlights .field--name-field-highlights .paragraph--type--highlight:hover {
box-shadow: 0 15px 20px #0003
}
.paragraph--type--highlights .field--name-field-highlights .paragraph--type--highlight .media > .field--name-field-media-image {
background: none
}
.paragraph--type--highlights .field--name-field-highlights .paragraph--type--highlight .media > .field--name-field-media-video-file {
max-width: 300px
}
.paragraph--type--highlights .field--name-field-highlights .paragraph--type--highlight .field--name-field-title {
font-size: 2rem;
margin-top: .75rem
}
.paragraph--type--highlights .field--name-field-highlights .paragraph--type--highlight .field--name-field-text {
opacity: .5
}
.paragraph--type--highlights .field--name-field-highlights .paragraph--type--highlight .field--name-field-text p {
color: inherit
}
.paragraph--type--linked-icons {
padding: 1.5rem .75rem 2.25rem
}
.paragraph--type--linked-icons h4 {
margin: 40px 20px 20px;
text-align: center;
text-transform: uppercase
}
.paragraph--type--linked-icons .field--name-field-linked-icon {
text-align: center
}
.paragraph--type--linked-icons .field--name-field-linked-icon > * {
display: inline-block
}
.paragraph--type--linked-icons .paragraph--type--linked-icon {
background: #f5f5f5;
border-radius: 5px;
display: block;
height: 140px;
margin: 10px;
padding: 10px;
text-decoration: none;
transition: box-shadow .2s ease-out;
width: 140px
}
.paragraph--type--linked-icons .paragraph--type--linked-icon:hover {
box-shadow: 0 15px 20px #0003
}
.paragraph--type--linked-icons .paragraph--type--linked-icon svg {
height: 90px;
width: 100%
}
@media (min-width: 1024px) {
.paragraph--type--linked-icons .paragraph--type--linked-icon {
height: 220px;
width: 220px
}
.paragraph--type--linked-icons .paragraph--type--linked-icon svg {
height: 150px;
margin-top: 10px
}
}
.paragraph--type--featured-graphics-list, [class*=block-views-blockgraphics-list] {
background: #393939;
margin: 0 auto;
padding: 1.5rem .75rem 2.25rem;
text-align: center
}
.paragraph--type--featured-graphics-list:not(.featured) .swiper-button-next:after, .paragraph--type--featured-graphics-list:not(.featured) .swiper-button-prev:after, [class*=block-views-blockgraphics-list]:not(.featured) .swiper-button-next:after, [class*=block-views-blockgraphics-list]:not(.featured) .swiper-button-prev:after {
color: #fff
}
.paragraph--type--featured-graphics-list:not(.featured) .swiper-container-horizontal > .swiper-pagination-bullets, [class*=block-views-blockgraphics-list]:not(.featured) .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 0
}
.paragraph--type--featured-graphics-list:not(.featured) .swiper-pagination-bullet, .paragraph--type--featured-graphics-list:not(.featured) .swiper-pagination-bullet-active, [class*=block-views-blockgraphics-list]:not(.featured) .swiper-pagination-bullet, [class*=block-views-blockgraphics-list]:not(.featured) .swiper-pagination-bullet-active {
background: #fff !important
}
.paragraph--type--featured-graphics-list h4, [class*=block-views-blockgraphics-list] h4 {
color: #fff;
margin: 40px 20px 20px;
text-align: center;
text-transform: uppercase
}
.node-preview-container .paragraph--type--featured-graphics-list > a.outline, .node-preview-container [class*=block-views-blockgraphics-list] > a.outline, .paragraph--type--featured-graphics-list > a.button.outline, [class*=block-views-blockgraphics-list] > a.button.outline, article.comment .comment__meta .meta-links .paragraph--type--featured-graphics-list > a, article.comment .comment__meta .meta-links [class*=block-views-blockgraphics-list] > a, nav.tabs ul li .paragraph--type--featured-graphics-list > a.outline, nav.tabs ul li [class*=block-views-blockgraphics-list] > a.outline {
border-color: #fff;
color: #fff;
display: inline-block
}
.node-preview-container .paragraph--type--featured-graphics-list > a.outline:hover, .node-preview-container [class*=block-views-blockgraphics-list] > a.outline:hover, .paragraph--type--featured-graphics-list > a.button.outline:hover, [class*=block-views-blockgraphics-list] > a.button.outline:hover, article.comment .comment__meta .meta-links .paragraph--type--featured-graphics-list > a:hover, article.comment .comment__meta .meta-links [class*=block-views-blockgraphics-list] > a:hover, nav.tabs ul li .paragraph--type--featured-graphics-list > a.outline:hover, nav.tabs ul li [class*=block-views-blockgraphics-list] > a.outline:hover {
border-color: #000
}
.paragraph--type--featured-graphics-list.featured, [class*=block-views-blockgraphics-list].featured {
background: none
}
.paragraph--type--featured-graphics-list.featured h4, [class*=block-views-blockgraphics-list].featured h4 {
color: #000
}
.paragraph--type--featured-graphics-list.featured .graphics-list > .swiper, [class*=block-views-blockgraphics-list].featured .graphics-list > .swiper {
margin: 0 auto;
max-width: 1400px;
text-align: left
}
.paragraph--type--featured-graphics-list.featured .graphics-list > .swiper .swiper-wrapper .swiper-slide .node--type-graphic, [class*=block-views-blockgraphics-list].featured .graphics-list > .swiper .swiper-wrapper .swiper-slide .node--type-graphic {
box-shadow: none
}
.paragraph--type--featured-graphics-list .view-graphics-list, [class*=block-views-blockgraphics-list] .view-graphics-list {
margin: 0 auto;
max-width: 1440px
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .form-actions, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .form-actions {
display: none
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .form--inline .v-select, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .form--inline .v-select {
margin-bottom: .5rem
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .form--inline .v-select .vs__selected-options, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .form--inline .v-select .vs__selected-options {
flex-wrap: nowrap;
overflow: auto
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .form--inline .v-select .vs__selected-options .vs__selected > *, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .form--inline .v-select .vs__selected-options .vs__selected > * {
background: #fff;
border: none
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .form--inline .form-actions, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .form--inline .form-actions {
bottom: 10px;
position: absolute;
right: 8px
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .form--inline .form-actions input, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .form--inline .form-actions input {
background: url(//www.momentum-institut.at/themes/moment/assets/dist/images/icon-search-black.svg) no-repeat 50%;
text-indent: -99999px;
width: 40px
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .vs__dropdown-toggle, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .vs__dropdown-toggle {
background: #fff;
border-width: 2px;
padding: 0
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .vs__dropdown-toggle .vs__search, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .vs__dropdown-toggle .vs__search {
border: 0;
color: #fff;
opacity: 1
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .vs__dropdown-toggle .vs__actions, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .vs__dropdown-toggle .vs__actions {
margin-right: 4px
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .vs__dropdown-toggle .vs__selected, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .vs__dropdown-toggle .vs__selected {
margin: 0 3px;
padding: 0 4px 0 0
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .vs__dropdown-toggle .vs__selected > *, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .vs__dropdown-toggle .vs__selected > * {
white-space: nowrap
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .vs__dropdown-toggle, .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=email], .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=number], .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=password], .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=search], .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=tel], .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=text], .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form textarea, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .vs__dropdown-toggle, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=email], [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=number], [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=password], [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=search], [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=tel], [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=text], [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form textarea {
background: none;
border-color: #fff;
border-radius: 25px
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=email], .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=number], .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=password], .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=search], .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=tel], .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=text], .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form textarea, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=email], [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=number], [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=password], [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=search], [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=tel], [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=text], [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form textarea {
color: #fff;
line-height: 1.35;
margin: 0;
padding: .5rem .75rem .4rem 1rem
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=email]::placeholder, .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=number]::placeholder, .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=password]::placeholder, .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=search]::placeholder, .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=tel]::placeholder, .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=text]::placeholder, .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form textarea::placeholder, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=email]::placeholder, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=number]::placeholder, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=password]::placeholder, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=search]::placeholder, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=tel]::placeholder, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=text]::placeholder, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form textarea::placeholder {
color: #aaa;
opacity: 1
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=search]::-webkit-search-cancel-button, .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=search]::-webkit-search-decoration, .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=search]::-webkit-search-results-button, .paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form input[type=search]::-webkit-search-results-decoration, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=search]::-webkit-search-cancel-button, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=search]::-webkit-search-decoration, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=search]::-webkit-search-results-button, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form input[type=search]::-webkit-search-results-decoration {
display: none
}
@media (min-width: 768px) {
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form {
max-width: none;
padding: 0
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .form--inline, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .form--inline {
display: flex;
margin-left: auto;
width: 50%
}
.paragraph--type--featured-graphics-list .view-graphics-list .views-exposed-form .form--inline > *, [class*=block-views-blockgraphics-list] .view-graphics-list .views-exposed-form .form--inline > * {
flex: 1 1 50%;
margin-left: .75rem;
margin-right: 0;
width: 0
}
}
.paragraph--type--featured-graphics-list .view-graphics-list.view-display-id-block_1 .view-content, .paragraph--type--featured-graphics-list .view-graphics-list.view-display-id-block_2 .view-content, [class*=block-views-blockgraphics-list] .view-graphics-list.view-display-id-block_1 .view-content, [class*=block-views-blockgraphics-list] .view-graphics-list.view-display-id-block_2 .view-content {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%
}
.paragraph--type--featured-graphics-list .view-graphics-list.view-display-id-block_1 .view-content .views-row, .paragraph--type--featured-graphics-list .view-graphics-list.view-display-id-block_2 .view-content .views-row, [class*=block-views-blockgraphics-list] .view-graphics-list.view-display-id-block_1 .view-content .views-row, [class*=block-views-blockgraphics-list] .view-graphics-list.view-display-id-block_2 .view-content .views-row {
margin: 10px;
width: 100%
}
@media screen and (min-width: 480px) {
.paragraph--type--featured-graphics-list .view-graphics-list.view-display-id-block_1 .view-content .views-row, .paragraph--type--featured-graphics-list .view-graphics-list.view-display-id-block_2 .view-content .views-row, [class*=block-views-blockgraphics-list] .view-graphics-list.view-display-id-block_1 .view-content .views-row, [class*=block-views-blockgraphics-list] .view-graphics-list.view-display-id-block_2 .view-content .views-row {
width: calc(50% - 20px)
}
}
@media screen and (min-width: 768px) {
.paragraph--type--featured-graphics-list .view-graphics-list.view-display-id-block_1 .view-content .views-row, .paragraph--type--featured-graphics-list .view-graphics-list.view-display-id-block_2 .view-content .views-row, [class*=block-views-blockgraphics-list] .view-graphics-list.view-display-id-block_1 .view-content .views-row, [class*=block-views-blockgraphics-list] .view-graphics-list.view-display-id-block_2 .view-content .views-row {
width: calc(33.33333% - 20px)
}
}
.paragraph--type--featured-graphics-list .view-graphics-list.view-display-id-block_1 .view-content .views-row .node--type-graphic, .paragraph--type--featured-graphics-list .view-graphics-list.view-display-id-block_2 .view-content .views-row .node--type-graphic, [class*=block-views-blockgraphics-list] .view-graphics-list.view-display-id-block_1 .view-content .views-row .node--type-graphic, [class*=block-views-blockgraphics-list] .view-graphics-list.view-display-id-block_2 .view-content .views-row .node--type-graphic {
margin: 0;
width: 100%
}
.paragraph--type--featured-graphics-list .view-graphics-list .view-empty, [class*=block-views-blockgraphics-list] .view-graphics-list .view-empty {
color: #fff;
font-family: SuisseScreen, sans-serif;
font-size: 1.40625rem;
font-weight: 700;
padding: 40px 20px 100px;
text-align: center
}
.paragraph--type--featured-graphics-list .view-graphics-list .pager, [class*=block-views-blockgraphics-list] .view-graphics-list .pager {
margin-top: .375rem
}
.paragraph--type--featured-graphics-list .view-graphics-list .pager .pager__item a, [class*=block-views-blockgraphics-list] .view-graphics-list .pager .pager__item a {
color: #fff;
display: inline-block;
opacity: .5;
padding: .1875rem
}
.paragraph--type--featured-graphics-list .view-graphics-list .pager .pager__item a:hover, [class*=block-views-blockgraphics-list] .view-graphics-list .pager .pager__item a:hover {
opacity: 1;
text-decoration: underline
}
.paragraph--type--featured-graphics-list .view-graphics-list .pager .pager__item.is-active a, [class*=block-views-blockgraphics-list] .view-graphics-list .pager .pager__item.is-active a {
font-weight: 700;
opacity: 1
}
.paragraph--type--featured-graphics-list .node--type-graphic, [class*=block-views-blockgraphics-list] .node--type-graphic {
background: #fff;
box-shadow: 0 10px 15px #0000001f;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
text-decoration: none;
transition: background-color .3s ease
}
.paragraph--type--featured-graphics-list .node--type-graphic.node--view-mode-full-slider h3, [class*=block-views-blockgraphics-list] .node--type-graphic.node--view-mode-full-slider h3 {
text-align: left
}
.paragraph--type--featured-graphics-list .node--type-graphic.node--view-mode-full-slider a, [class*=block-views-blockgraphics-list] .node--type-graphic.node--view-mode-full-slider a {
text-decoration: none
}
.paragraph--type--featured-graphics-list .node--type-graphic:hover, [class*=block-views-blockgraphics-list] .node--type-graphic:hover {
background-color: #e3e3e3
}
.paragraph--type--featured-graphics-list .node--type-graphic .content, [class*=block-views-blockgraphics-list] .node--type-graphic .content {
padding: 18px 24px 20px
}
.paragraph--type--featured-graphics-list .node--type-graphic h2, [class*=block-views-blockgraphics-list] .node--type-graphic h2 {
font-size: 1rem;
line-height: 1.2em;
margin: 0;
order: 2;
text-align: center
}
.paragraph--type--featured-graphics-list .node--type-graphic .field--name-field-picture, [class*=block-views-blockgraphics-list] .node--type-graphic .field--name-field-picture {
background: none;
line-height: 0;
margin: auto;
padding: 8px
}
.paragraph--type--featured-graphics-list .node--type-graphic .field--name-field-picture img, [class*=block-views-blockgraphics-list] .node--type-graphic .field--name-field-picture img {
object-fit: cover;
width: 100%
}
.paragraph--type--featured-graphics-list .node--type-graphic .field--name-field-caption, .paragraph--type--featured-graphics-list .node--type-graphic .field--name-field-credit, [class*=block-views-blockgraphics-list] .node--type-graphic .field--name-field-caption, [class*=block-views-blockgraphics-list] .node--type-graphic .field--name-field-credit {
display: none
}
.paragraph--type--featured-graphics-list .swiper-container, [class*=block-views-blockgraphics-list] .swiper-container {
margin: 0 3em
}
.paragraph--type--featured-graphics-list .swiper-container .swiper-wrapper .swiper-slide .node--type-graphic, [class*=block-views-blockgraphics-list] .swiper-container .swiper-wrapper .swiper-slide .node--type-graphic {
margin-left: 10px;
margin-right: 10px
}
.node--type-graphic.node--view-mode-full, .node--type-graphic.node--view-mode-full-slider {
background: #f5f5f5;
cursor: auto;
margin: .75rem
}
.node--type-graphic.node--view-mode-full .field--name-body, .node--type-graphic.node--view-mode-full-slider .field--name-body {
padding: .75rem
}
.node--type-graphic.node--view-mode-full .field--name-field-media-image, .node--type-graphic.node--view-mode-full-slider .field--name-field-media-image {
line-height: 0;
padding: .75rem
}
.node--type-graphic.node--view-mode-teaser-slider .field--name-field-picture {
width: 100%
}
.block-views-blockgraphics-list-block-1 {
margin: 0;
max-width: none;
padding: .75rem
}
.block-views-blockgraphics-list-block-1 > h2 {
color: #fff;
font-size: 1.5rem;
margin-bottom: 0;
padding: .75rem .75rem 0
}
@media (min-width: 768px) {
.featured .node--type-graphic.node--view-mode-full-slider, .node--type-graphic.node--view-mode-full {
margin: 1.5rem
}
.featured .node--type-graphic.node--view-mode-full-slider .node__content, .node--type-graphic.node--view-mode-full .node__content {
display: flex
}
.featured .node--type-graphic.node--view-mode-full-slider .node__content .field--name-field-picture, .node--type-graphic.node--view-mode-full .node__content .field--name-field-picture {
flex: 1
}
.featured .node--type-graphic.node--view-mode-full-slider .node__content .field--name-body, .node--type-graphic.node--view-mode-full .node__content .field--name-body {
flex: 1;
padding: 1.5rem
}
.block-views-blockgraphics-list-block-1 {
padding: 1.5rem
}
.block-views-blockgraphics-list-block-1 > h2 {
margin-top: .75rem;
position: absolute;
text-align: left;
width: calc(50% - 1.5rem)
}
}
@media (min-width: 1024px) {
.node--type-graphic.node--view-mode-full, .node--type-graphic.node--view-mode-full-slider {
margin: 2.25rem
}
.node--type-graphic.node--view-mode-full .node__content .field--name-field-picture, .node--type-graphic.node--view-mode-full-slider .node__content .field--name-field-picture {
flex: 2
}
.node--type-graphic.node--view-mode-full .node__content .field--name-body, .node--type-graphic.node--view-mode-full-slider .node__content .field--name-body {
flex: 1;
padding: 2.25rem
}
}
.paragraph--type--faqs-block {
padding: .75rem
}
.paragraph--type--faqs-block > .field {
margin: 0 auto;
max-width: 768px;
overflow-x: auto
}
.paragraph--type--faqs-block > .field h1, .paragraph--type--faqs-block > .field h2, .paragraph--type--faqs-block > .field h3, .paragraph--type--faqs-block > .field h4, .paragraph--type--faqs-block > .field h5, .paragraph--type--faqs-block > .field h6 {
margin-top: 1.5em
}
.paragraph--type--faqs-block > .field.field--name-field-show-anchor-links- ul {
color: #393939;
line-height: 180%;
list-style: initial;
margin: .5em 0 .5em 1em
}
.paragraph--type--faqs-block .field--name-field-text {
margin-top: 2em
}
@media screen and (min-width: 1024px) {
.node--type-page .field__items > .field__item:first-of-type > .paragraph--type--faqs-block {
margin-top: 6rem
}
.paragraph--type--faqs-block > .field {
overflow-x: initial
}
}
:root {
--vs-colors--lightest: rgba(60, 60, 60, .26);
--vs-colors--light: rgba(60, 60, 60, .5);
--vs-colors--dark: #333;
--vs-colors--darkest: rgba(0, 0, 0, .15);
--vs-search-input-color: inherit;
--vs-search-input-bg: #fff;
--vs-search-input-placeholder-color: inherit;
--vs-font-size: 1rem;
--vs-line-height: 1.4;
--vs-state-disabled-bg: #f8f8f8;
--vs-state-disabled-color: var(--vs-colors--light);
--vs-state-disabled-controls-color: var(--vs-colors--light);
--vs-state-disabled-cursor: not-allowed;
--vs-border-color: var(--vs-colors--lightest);
--vs-border-width: 1px;
--vs-border-style: solid;
--vs-border-radius: 4px;
--vs-actions-padding: 4px 6px 0 3px;
--vs-controls-color: var(--vs-colors--light);
--vs-controls-size: 1;
--vs-controls--deselect-text-shadow: 0 1px 0 #fff;
--vs-selected-bg: #f0f0f0;
--vs-selected-color: var(--vs-colors--dark);
--vs-selected-border-color: var(--vs-border-color);
--vs-selected-border-style: var(--vs-border-style);
--vs-selected-border-width: var(--vs-border-width);
--vs-dropdown-bg: #fff;
--vs-dropdown-color: inherit;
--vs-dropdown-z-index: 1000;
--vs-dropdown-min-width: 160px;
--vs-dropdown-max-height: 350px;
--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
--vs-dropdown-option-bg: #000;
--vs-dropdown-option-color: var(--vs-dropdown-color);
--vs-dropdown-option-padding: 3px 20px;
--vs-dropdown-option--active-bg: #5897fb;
--vs-dropdown-option--active-color: #fff;
--vs-dropdown-option--deselect-bg: #fb5858;
--vs-dropdown-option--deselect-color: #fff;
--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);
--vs-transition-duration: .15s
}
.v-select {
font-family: inherit;
position: relative
}
.v-select, .v-select * {
box-sizing: border-box
}
:root {
--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);
--vs-transition-duration: .15s
}
@-webkit-keyframes vSelectSpinner {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
@keyframes vSelectSpinner {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.vs__fade-enter-active, .vs__fade-leave-active {
pointer-events: none;
transition: opacity var(--vs-transition-duration) var(--vs-transition-timing-function)
}
.vs__fade-enter, .vs__fade-leave-to {
opacity: 0
}
:root {
--vs-disabled-bg: var(--vs-state-disabled-bg);
--vs-disabled-color: var(--vs-state-disabled-color);
--vs-disabled-cursor: var(--vs-state-disabled-cursor)
}
.vs--disabled .vs__clear, .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__open-indicator, .vs--disabled .vs__search, .vs--disabled .vs__selected {
background-color: var(--vs-disabled-bg);
cursor: var(--vs-disabled-cursor)
}
.v-select[dir=rtl] .vs__actions {
padding: 0 3px 0 6px
}
.v-select[dir=rtl] .vs__clear {
margin-left: 6px;
margin-right: 0
}
.v-select[dir=rtl] .vs__deselect {
margin-left: 0;
margin-right: 2px
}
.v-select[dir=rtl] .vs__dropdown-menu {
text-align: right
}
.vs__dropdown-toggle {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: var(--vs-search-input-bg);
border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
border-radius: var(--vs-border-radius);
display: flex;
padding: 0 0 4px;
white-space: normal
}
.vs__selected-options {
display: flex;
flex-basis: 100%;
flex-grow: 1;
flex-wrap: wrap;
padding: 0 2px;
position: relative
}
.vs__actions {
align-items: center;
display: flex;
padding: var(--vs-actions-padding)
}
.vs--searchable .vs__dropdown-toggle {
cursor: text
}
.vs--unsearchable .vs__dropdown-toggle {
cursor: pointer
}
.vs--open .vs__dropdown-toggle {
border-bottom-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.vs__open-indicator {
fill: var(--vs-controls-color);
transform: scale(var(--vs-controls-size));
transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function);
transition-timing-function: var(--vs-transition-timing-function)
}
.vs--open .vs__open-indicator {
transform: rotate(180deg) scale(var(--vs-controls-size))
}
.vs--loading .vs__open-indicator {
opacity: 0
}
.vs__clear {
fill: var(--vs-controls-color);
background-color: transparent;
border: 0;
cursor: pointer;
margin-right: 8px;
padding: 0
}
.vs__dropdown-menu {
background: var(--vs-dropdown-bg);
border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius);
border-top-style: none;
box-shadow: var(--vs-dropdown-box-shadow);
box-sizing: border-box;
color: var(--vs-dropdown-color);
display: block;
left: 0;
list-style: none;
margin: 0;
max-height: var(--vs-dropdown-max-height);
min-width: var(--vs-dropdown-min-width);
overflow-y: auto;
padding: 5px 0;
position: absolute;
text-align: left;
top: calc(100% - var(--vs-border-width));
width: 100%;
z-index: var(--vs-dropdown-z-index)
}
.vs__no-options {
text-align: center
}
.vs__dropdown-option {
clear: both;
color: var(--vs-dropdown-option-color);
cursor: pointer;
display: block;
line-height: 1.42857143;
padding: var(--vs-dropdown-option-padding);
white-space: nowrap
}
.vs__dropdown-option--highlight {
background: var(--vs-dropdown-option--active-bg);
color: var(--vs-dropdown-option--active-color)
}
.vs__dropdown-option--deselect {
background: var(--vs-dropdown-option--deselect-bg);
color: var(--vs-dropdown-option--deselect-color)
}
.vs__dropdown-option--disabled {
background: var(--vs-state-disabled-bg);
color: var(--vs-state-disabled-color);
cursor: var(--vs-state-disabled-cursor)
}
.vs__selected {
align-items: center;
background-color: var(--vs-selected-bg);
border: var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);
border-radius: var(--vs-border-radius);
color: var(--vs-selected-color);
display: flex;
line-height: var(--vs-line-height);
margin: 4px 2px 0;
padding: 0 .25em;
z-index: 0
}
.vs__deselect {
fill: var(--vs-controls-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
cursor: pointer;
display: inline-flex;
margin-left: 4px;
padding: 0;
text-shadow: var(--vs-controls--deselect-text-shadow)
}
.vs--single .vs__selected {
background-color: transparent;
border-color: transparent
}
.vs--single.vs--loading .vs__selected, .vs--single.vs--open .vs__selected {
opacity: .4;
position: absolute
}
.vs--single.vs--searching .vs__selected {
display: none
}
.vs__search::-webkit-search-cancel-button {
display: none
}
.vs__search::-ms-clear, .vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration {
display: none
}
.vs__search, .vs__search:focus {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 1px solid transparent;
border-left: none;
box-shadow: none;
color: var(--vs-search-input-color);
flex-grow: 1;
font-size: var(--vs-font-size);
line-height: var(--vs-line-height);
margin: 4px 0 0;
max-width: 100%;
outline: none;
padding: 0 7px;
width: 0;
z-index: 1
}
.vs__search::-moz-placeholder {
color: var(--vs-search-input-placeholder-color)
}
.vs__search:-ms-input-placeholder {
color: var(--vs-search-input-placeholder-color)
}
.vs__search::placeholder {
color: var(--vs-search-input-placeholder-color)
}
.vs--unsearchable .vs__search {
opacity: 1
}
.vs--unsearchable:not(.vs--disabled) .vs__search {
cursor: pointer
}
.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
opacity: .2
}
.vs__spinner {
align-self: center;
-webkit-animation: vSelectSpinner 1.1s linear infinite;
animation: vSelectSpinner 1.1s linear infinite;
border: .9em solid hsla(0, 0%, 39%, .1);
border-left-color: #3c3c3c73;
font-size: 5px;
opacity: 0;
overflow: hidden;
text-indent: -9999em;
transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
transition: opacity .1s
}
.vs__spinner, .vs__spinner:after {
border-radius: 50%;
height: 5em;
transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
width: 5em
}
.vs--loading .vs__spinner {
opacity: 1
}
html.js .js-webform-visually-hidden, html.js .js-webform-visually-hidden[style*="display: none"] {
position: absolute !important;
display: inline !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
word-wrap: normal
}
.js-form-item.js-webform-states-hidden, .js-form-submit.js-webform-states-hidden, .js-form-wrapper.js-webform-states-hidden, .js-webform-text-format-hidden > .js-text-format-wrapper {
display: none
}
.form--inline .form-item {
float: left;
margin-right: .5em
}
[dir=rtl] .form--inline .form-item {
float: right;
margin-right: 0;
margin-left: .5em
}
.webform-element-description p:first-child {
margin-top: 0
}
.webform-element-description p:last-child {
margin-bottom: 0
}
.form-item .container-inline {
margin: 2px 0
}
.form-checkboxes .form-required:after, .form-radios .form-required:after {
display: none
}
.webform-element--title-inline > label {
display: inline;
padding-right: .5em
}
.webform-element--title-inline > div.container-inline {
display: inline
}
.form-composite.webform-fieldset--title-inline legend {
float: left;
margin: .4em .5em .4em 0
}
[dir=rtl] .form-composite.webform-fieldset--title-inline legend {
float: right;
margin-right: 0;
margin-left: .5em
}
.form-composite.webform-fieldset--title-inline .fieldset-wrapper, .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div {
display: inline
}
.webform-element--title-inline .form-radios, .webform-element--title-inline .form-checkboxes {
display: inline
}
.webform-submission-form strong.error.form-item--error-message {
display: block
}
.webform-readonly input[type=date], .webform-readonly input[type=datetime-local], .webform-readonly input[type=email], .webform-readonly input[type=number], .webform-readonly input[type=password], .webform-readonly input[type=search], .webform-readonly input[type=tel], .webform-readonly input[type=text], .webform-readonly input[type=time], .webform-readonly input[type=url], .webform-readonly textarea {
color: #6b6b6b;
border-color: #bbb;
background: #ededed
}
.webform-details-toggle-state-wrapper {
text-align: right;
margin-top: 1em
}
[dir=rtl] .webform-details-toggle-state-wrapper {
text-align: left
}
.webform-details-toggle-state-wrapper + details {
margin-top: 0
}
.webform-details-toggle-state {
margin-top: 0;
padding: 0;
cursor: pointer;
border: 0;
background: transparent;
font-size: 1em;
text-decoration: none;
color: #337ab7
}
.webform-details-toggle-state:hover, .webform-details-toggle-statelink:focus {
text-decoration: underline
}
.webform-tabs .webform-details-toggle-state-wrapper {
float: right
}
@media screen and (max-width: 600px) {
.webform-tabs .webform-details-toggle-state-wrapper {
float: none
}
}
.webform-message--close .messages {
position: relative;
padding-right: 35px
}
.webform-message--close .webform-message__link {
display: none
}
html.js .webform-message--close .webform-message__link {
position: absolute;
top: 11px;
right: 10px;
display: block;
font-size: 24px;
line-height: 24px
}
html[dir=rtl].js .webform-message--close .webform-message__link {
top: 11px;
right: inherit;
left: 10px
}
.webform-message__link {
opacity: .33;
color: inherit
}
.webform-message__link:link {
text-decoration: none;
border-bottom: none
}
.webform-message__link:hover, .webform-message__link:focus, .webform-message__link:active {
text-decoration: none;
opacity: 1;
color: inherit;
border-bottom: none
}
html.js .js-webform-message--close-storage, .js-webform-message--close .button--dismiss {
display: none
}
.sliding-popup-bottom, .sliding-popup-top {
z-index: 99999;
text-align: center
}
.sliding-popup-bottom {
position: fixed
}
.sliding-popup-top {
position: relative
}
.eu-cookie-compliance-content {
margin: 0 auto;
max-width: 80%;
display: inline-block;
text-align: left;
width: 100%
}
.eu-cookie-compliance-buttons {
float: right;
max-width: 40%
}
[dir=rtl] .eu-cookie-compliance-buttons {
float: left
}
.eu-cookie-compliance-default-button, .eu-cookie-compliance-secondary-button, .eu-cookie-compliance-more-button, .eu-cookie-compliance-hide-button, .eu-cookie-withdraw-tab {
cursor: pointer
}
.eu-cookie-compliance-message {
float: left;
max-width: 60%
}
.eu-cookie-withdraw-wrapper.sliding-popup-top, .eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-banner {
transform: scaleY(-1)
}
.eu-cookie-withdraw-tab {
position: absolute;
top: 0;
transform: translate(-50%, -100%);
left: 50%
}
.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-tab {
transform: translate(-50%, -100%) scaleY(-1)
}
[dir=rtl] .eu-cookie-compliance-message {
float: right;
text-align: right
}
@media screen and (max-width: 600px) {
.eu-cookie-compliance-content {
max-width: 95%
}
.eu-cookie-compliance-message {
max-width: 100%
}
.eu-cookie-compliance-buttons {
clear: both;
float: none;
max-width: 100%
}
}
.cookie-content-blocker__message-wrapper {
padding: 20px;
border: 1px solid #ddd;
background: #eee
}
.cookie-content-blocker__message {
margin-bottom: 15px
}
.cookie-content-blocker__message:last-child {
margin-bottom: 0
}
.cookie-content-blocker__button {
display: block;
padding: 10px;
background: #999;
color: #fff;
cursor: pointer
}
.cookie-content-blocker--click-consent-change .cookie-content-blocker__message-wrapper {
cursor: pointer
}
.cookie-content-blocker--click-consent-change .cookie-content-blocker__message-wrapper:hover {
border-color: #bbb
}
.ajax-progress.ajax-progress-fullscreen {
z-index: 1261
}
.webform-ajax-messages {
position: fixed;
z-index: 100;
bottom: 0;
width: 100%
}
.webform-ajax-messages .messages {
margin: 0;
border-width: 10px 0 0 0;
font-weight: 700
}
.webform-ajax-messages .messages + .messages {
margin: 0
}
.webform-ui-dialog {
top: 50px !important
}
.toolbar-tray-open.toolbar-horizontal .webform-ui-dialog {
top: 90px !important
}
.ui-datepicker {
z-index: 1261 !important
}
.webform-ajax-form-wrapper[data-effect=slide] .form-actions {
margin-bottom: 0;
padding-bottom: 1em
}
body {
font-size: 11pt
}
.region-header {
box-shadow: none;
position: relative
}
.messages, .region-footer, .region-header #block-domainswitcher, .region-header .block-donation-overlay, .region-header .block-highlight-link, .region-header .block-social-links, .region-header .hamburger, .region-header .navigation {
display: none
}
.region-content {
margin-top: 0;
padding-top: 0
}
.node--type-article.node--view-mode-full h1.node--title, .node--type-news.node--view-mode-full h1.node--title {
font-size: 2rem;
padding: 0 .75rem .75rem
}
.node--type-article.node--view-mode-full .node__content, .node--type-news.node--view-mode-full .node__content {
margin-left: 0;
margin-right: 0;
max-width: none;
padding-left: 0;
padding-right: 0
}
.node--type-article.node--view-mode-full .node__content .paragraph--type--text-block .field--name-field-text, .node--type-news.node--view-mode-full .node__content .paragraph--type--text-block .field--name-field-text {
max-width: none
}
.node--type-article.node--view-mode-full .intro-image-container, .node--type-news.node--view-mode-full .intro-image-container {
height: auto;
max-height: none
}
.node--type-article.node--view-mode-full .intro-image-container .field--name-field-media-image, .node--type-news.node--view-mode-full .intro-image-container .field--name-field-media-image {
background: none;
margin: 0 .75rem
}
.node--type-article.node--view-mode-full .intro-image-container .field--name-field-media-image img, .node--type-news.node--view-mode-full .intro-image-container .field--name-field-media-image img {
height: auto;
width: 100%
}
.node--type-article.node--view-mode-full .intro-image-container .title-container, .node--type-news.node--view-mode-full .intro-image-container .title-container {
align-items: flex-start;
margin: 2rem 0 0;
position: static
}
.node--type-article.node--view-mode-full .intro-image-container .title-container .title-meta, .node--type-news.node--view-mode-full .intro-image-container .title-container .title-meta {
background: none;
margin: 0;
padding-left: .75rem
}
.node--type-article.node--view-mode-full .intro-image-container .title-container *, .node--type-news.node--view-mode-full .intro-image-container .title-container * {
text-align: left
}
.node--type-article.node--view-mode-full .intro-image-container .title-container h1.node--title, .node--type-news.node--view-mode-full .intro-image-container .title-container h1.node--title {
background: none;
color: #000
}
.node--type-article.node--view-mode-full .meta, .node--type-news.node--view-mode-full .meta {
display: block;
font-size: .9rem;
justify-content: flex-start;
margin: 0;
padding: 0 .75rem;
transform: none
}
.node--type-article.node--view-mode-full .meta > *, .node--type-news.node--view-mode-full .meta > * {
margin: 0 2px
}
.node--type-article.node--view-mode-full .meta > .field.field--name-uid, .node--type-news.node--view-mode-full .meta > .field.field--name-uid {
margin-right: 2rem
}
.node--type-article.node--view-mode-full .block-donation-overlay, .node--type-article.node--view-mode-full .node__comments, .node--type-article.node--view-mode-full .node__footer, .node--type-article.node--view-mode-full .paragraph--type--form, .node--type-news.node--view-mode-full .block-donation-overlay, .node--type-news.node--view-mode-full .node__comments, .node--type-news.node--view-mode-full .node__footer, .node--type-news.node--view-mode-full .paragraph--type--form, form.webform-submission-newsletteranmeldung-form {
display: none
}
abbr.definition-toggle {
background: none;
color: #000
}
.paragraph--type--embed-code {
margin: 0
}
#block-moment-local-tasks {
display: none
}
a {
text-decoration: none
}
a[target=_blank]:not(.no-icon):after {
display: none
}
.field--name-field-caption {
background: none;
text-align: left
}
.cleverpush-bell {
display: none !important;
filter: none !important
}
.block-moment-related-articles-list, .block-webform {
display: none
}
.paragraph--type--text-block .h2, .paragraph--type--text-block h2 {
font-size: 1.8rem
}
.paragraph--type--text-block .h3, .paragraph--type--text-block h3 {
font-size: 1.5rem
}
.paragraph--type--text-block h4 .h4 {
font-size: 1.25rem
}
body.momentum-institut-at .region-header {
background: none;
color: #000
}
body.momentum-institut-at .region-header .color-primary {
fill: #000
}
#sliding-popup {
display: none !important
} .moment-pflegerechner[data-v-6742bfe3] {
padding: 20px;
position: relative;
text-align: center
}
.moment-pflegerechner .steps[data-v-6742bfe3] {
background: #ee907b;
height: 80vh;
min-height: 570px;
position: relative
}
.moment-pflegerechner .steps h1[data-v-6742bfe3], .moment-pflegerechner .steps h2[data-v-6742bfe3], .moment-pflegerechner .steps h3[data-v-6742bfe3], .moment-pflegerechner .steps h4[data-v-6742bfe3], .moment-pflegerechner .steps h5[data-v-6742bfe3], .moment-pflegerechner .steps h6[data-v-6742bfe3] {
overflow: unset
}
.moment-pflegerechner .steps .step[data-v-6742bfe3] {
align-items: center;
background: #ee907b;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
padding: 15px;
position: absolute;
width: 100%
}
.moment-pflegerechner .steps .step.result[data-v-6742bfe3] {
display: block;
overflow: auto
}
.moment-pflegerechner .steps .step.result img[data-v-6742bfe3] {
margin: 5px 0 10px
}
.moment-pflegerechner .steps .step.result .img-border[data-v-6742bfe3] {
background: #fff;
border-radius: 5px;
margin: 0 auto;
padding: 20px 15px 15px
}
.moment-pflegerechner .steps .step.result .result-label[data-v-6742bfe3] {
background: #fff;
border-radius: 3px;
font-size: 1.5rem;
opacity: .25;
padding: 10px 10px 5px
}
.moment-pflegerechner .steps .step.result .active .result-label[data-v-6742bfe3] {
opacity: 1
}
.moment-pflegerechner .steps .step.result .active .result-label.level-1[data-v-6742bfe3] {
background-color: #b0e088
}
.moment-pflegerechner .steps .step.result .active .result-label.level-2[data-v-6742bfe3] {
background-color: #efe773
}
.moment-pflegerechner .steps .step.result .active .result-label.level-3[data-v-6742bfe3] {
background-color: #ffab4f
}
.moment-pflegerechner .steps .step.result .active .result-label.level-4[data-v-6742bfe3] {
background-color: #f6463e
}
.moment-pflegerechner .steps .step.result > [data-v-6742bfe3] {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
overflow: auto;
padding: 15px 0
}
.moment-pflegerechner .steps .step .actions[data-v-6742bfe3] {
margin-top: 20px;
white-space: nowrap
}
.moment-pflegerechner .steps .step.row .img-cell[data-v-6742bfe3] {
padding: 20px
}
.moment-pflegerechner .steps .step.row .img-cell img[data-v-6742bfe3] {
max-height: 150px
}
@media (min-width: 600px) {
.moment-pflegerechner .steps .step.row[data-v-6742bfe3] {
flex-direction: row;
text-align: left
}
.moment-pflegerechner .steps .step.row > [data-v-6742bfe3] {
flex: 1
}
.moment-pflegerechner .steps .step.row .img-cell[data-v-6742bfe3] {
padding: 30px
}
.moment-pflegerechner .steps .step.row .img-cell img[data-v-6742bfe3] {
max-height: 500px
}
.moment-pflegerechner .steps .step.result .img-border[data-v-6742bfe3] {
padding-left: 30px;
padding-right: 30px
}
.moment-pflegerechner .steps .step.result > [data-v-6742bfe3] {
align-items: start;
flex-direction: row;
text-align: left
}
.moment-pflegerechner .steps .step.result > * > [data-v-6742bfe3] {
flex: 1;
padding: 20px
}
.moment-pflegerechner .steps .step .actions[data-v-6742bfe3] {
margin-top: 50px
}
}
.moment-pflegerechner .answers[data-v-6742bfe3] {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
width: 100%
}
.moment-pflegerechner .answers .answer[data-v-6742bfe3] {
max-width: 280px;
min-width: 140px;
padding: 10px;
width: 100%
}
.moment-pflegerechner .answers .answer input[type=radio][data-v-6742bfe3] {
position: absolute
}
.moment-pflegerechner .answers .answer input[type=radio] + label[data-v-6742bfe3] {
align-items: center;
background: #fff;
border-radius: 2px;
display: flex;
flex-direction: row;
font-family: SuisseScreen, sans-serif;
font-weight: 700;
height: 100%;
justify-content: left;
margin: 0;
padding: 10px;
text-align: center;
width: 100%
}
.moment-pflegerechner .answers .answer input[type=radio] + label[data-v-6742bfe3]:before {
border-radius: 100%;
margin: 0 10px 0 0;
position: relative;
transform: none
}
.moment-pflegerechner button[data-v-6742bfe3] {
border: 2px solid #000;
display: inline-block
}
.moment-pflegerechner button[disabled=disabled][data-v-6742bfe3] {
cursor: no-drop;
opacity: .5
}
.moment-pflegerechner button[disabled=disabled][data-v-6742bfe3]:hover {
background: #000;
color: #fff
}
.slide-fade-enter-active[data-v-6742bfe3] {
transition: all .8s ease
}
.slide-fade-leave-active[data-v-6742bfe3] {
transition: all .2s ease-out
}
.slide-fade-enter[data-v-6742bfe3], .slide-fade-leave-to[data-v-6742bfe3] {
opacity: 0;
transform: translate(20%)
}
:root {
--vs-search-input-bg: transparent
}
body.momentum-institut-at .region-footer, body.momentum-institut-at .region-header {
background: #000;
color: #fff
}
body.momentum-institut-at .region-footer .color-primary, body.momentum-institut-at .region-header .color-primary {
fill: #fff
}
body.momentum-institut-at .region-footer nav.navigation ul li a:after, body.momentum-institut-at .region-footer nav.navigation ul li span:after, body.momentum-institut-at .region-header nav.navigation ul li a:after, body.momentum-institut-at .region-header nav.navigation ul li span:after {
background-color: #fff
}
body.momentum-institut-at .region-footer .color-primary, body.momentum-institut-at .region-footer a, body.momentum-institut-at .region-footer h1, body.momentum-institut-at .region-footer h2, body.momentum-institut-at .region-footer h3, body.momentum-institut-at .region-footer h4, body.momentum-institut-at .region-footer h5, body.momentum-institut-at .region-footer h6, body.momentum-institut-at .region-footer p, body.momentum-institut-at .region-header .color-primary, body.momentum-institut-at .region-header a, body.momentum-institut-at .region-header h1, body.momentum-institut-at .region-header h2, body.momentum-institut-at .region-header h3, body.momentum-institut-at .region-header h4, body.momentum-institut-at .region-header h5, body.momentum-institut-at .region-header h6, body.momentum-institut-at .region-header p {
color: #fff
}
body.momentum-institut-at .region-footer .hamburger:not(.is-active) .hamburger-inner, body.momentum-institut-at .region-footer .hamburger:not(.is-active) .hamburger-inner:after, body.momentum-institut-at .region-footer .hamburger:not(.is-active) .hamburger-inner:before, body.momentum-institut-at .region-header .hamburger:not(.is-active) .hamburger-inner, body.momentum-institut-at .region-header .hamburger:not(.is-active) .hamburger-inner:after, body.momentum-institut-at .region-header .hamburger:not(.is-active) .hamburger-inner:before {
background-color: #fff
}
body.momentum-institut-at .region-footer .block-domain-switcher, body.momentum-institut-at .region-header .block-domain-switcher {
background-color: #ffffff20
}
body.momentum-institut-at .region-footer .block-domain-switcher a:before, body.momentum-institut-at .region-header .block-domain-switcher a:before {
background-color: #ee907b
}
body.momentum-institut-at .region-header {
background: #ee907b;
transition: all .5s ease-out
}
body.momentum-institut-at.path-frontpage .region-header:not(.scrolled-down) {
background: transparent;
box-shadow: none
}
body.momentum-institut-at.path-frontpage .region-header:not(.scrolled-down) .block-domain-switcher {
background: none
}
body.momentum-institut-at.path-frontpage .region-header:not(.scrolled-down) .block-domain-switcher a:before {
content: none;
display: none
}
body.momentum-institut-at.path-frontpage .region-content {
padding: 0
}
body.momentum-institut-at.path-frontpage .paragraph--type--mission-statement .content {
padding-bottom: 5vw;
padding-top: calc(5vw + 49px)
}
body.momentum-institut-at .block-domain-switcher a svg, body.momentum-institut-at .block-social-links .links a, body.momentum-institut-at .search-toggle .search-toggle-icon {
opacity: .8
}
body.momentum-institut-at .paragraph--type--cta .button {
background: #ee907b;
color: #000
}
body.momentum-institut-at .paragraph--type--cta .button:hover {
background: #000;
color: #fff
}
body.momentum-institut-at header .block-donation-overlay .donation-button, body.momentum-institut-at header .block-highlight-link .donation-button {
box-shadow: 0 5px 15px #0003
}
@media (min-width: 1160px) {
body.momentum-institut-at nav.navigation ul li a, body.momentum-institut-at nav.navigation ul li span {
opacity: .8
}
body.momentum-institut-at nav.navigation ul li.menu-item--expanded:hover .menu {
background-color: #ee907b
}
}
h2[data-v-16d3a6d3] {
font-size: 1.2rem;
background: #ff0;
color: red
}
.highlight[data-v-16d3a6d3] {
color: green
}
.highlight a[data-v-16d3a6d3] {
color: red
}
.item[data-v-fd0742eb] {
margin-top: 2rem;
display: flex;
position: relative
}
.details[data-v-fd0742eb] {
flex: 1;
margin-left: 1rem
}
i[data-v-fd0742eb] {
display: flex;
place-items: center;
place-content: center;
width: 32px;
height: 32px;
color: var(--color-text)
}
h3[data-v-fd0742eb] {
font-size: 1.2rem;
font-weight: 500;
margin-bottom: .4rem;
color: var(--color-heading)
}
@media (min-width: 1024px) {
.item[data-v-fd0742eb] {
margin-top: 0;
padding: .4rem 0 1rem calc(var(--section-gap) / 2)
}
i[data-v-fd0742eb] {
top: calc(50% - 25px);
left: -26px;
position: absolute;
border: 1px solid var(--color-border);
background: var(--color-background);
border-radius: 8px;
width: 50px;
height: 50px
}
.item[data-v-fd0742eb]:before {
content: " ";
border-left: 1px solid var(--color-border);
position: absolute;
left: 0;
bottom: calc(50% + 25px);
height: calc(50% - 25px)
}
.item[data-v-fd0742eb]:after {
content: " ";
border-left: 1px solid var(--color-border);
position: absolute;
left: 0;
top: calc(50% + 25px);
height: calc(50% - 25px)
}
.item[data-v-fd0742eb]:first-of-type:before {
display: none
}
.item[data-v-fd0742eb]:last-of-type:after {
display: none
}
}
.moment-pflegerechner {
position: relative;
padding: 20px;
text-align: center
}
.moment-pflegerechner .steps {
position: relative;
height: 80vh;
min-height: 570px;
background: #ee907b
}
.moment-pflegerechner .steps h1, .moment-pflegerechner .steps h2, .moment-pflegerechner .steps h3, .moment-pflegerechner .steps h4, .moment-pflegerechner .steps h5, .moment-pflegerechner .steps h6 {
overflow: unset
}
.moment-pflegerechner .steps .step {
position: absolute;
background: #ee907b;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15px
}
.moment-pflegerechner .steps .step.result {
overflow: auto;
display: block
}
.moment-pflegerechner .steps .step.result img {
margin: 5px 0 10px
}
.moment-pflegerechner .steps .step.result .img-border {
background: #fff;
padding: 20px 15px 15px;
border-radius: 5px;
margin: 0 auto
}
.moment-pflegerechner .steps .step.result .result-label {
background: #fff;
border-radius: 3px;
padding: 10px 10px 5px;
opacity: .25;
font-size: 1.5rem
}
.moment-pflegerechner .steps .step.result .active .result-label {
opacity: 1
}
.moment-pflegerechner .steps .step.result .active .result-label.level-1 {
background-color: #b0e088
}
.moment-pflegerechner .steps .step.result .active .result-label.level-2 {
background-color: #efe773
}
.moment-pflegerechner .steps .step.result .active .result-label.level-3 {
background-color: #ffab4f
}
.moment-pflegerechner .steps .step.result .active .result-label.level-4 {
background-color: #f6463e
}
.moment-pflegerechner .steps .step.result > * {
overflow: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15px 0
}
.moment-pflegerechner .steps .step .actions {
margin-top: 20px;
white-space: nowrap
}
.moment-pflegerechner .steps .step.row .img-cell {
padding: 20px
}
.moment-pflegerechner .steps .step.row .img-cell img {
max-height: 150px
}
@media all and (min-width: 600px) {
.moment-pflegerechner .steps .step.row {
flex-direction: row;
text-align: left
}
.moment-pflegerechner .steps .step.row > * {
flex: 1
}
.moment-pflegerechner .steps .step.row .img-cell {
padding: 30px
}
.moment-pflegerechner .steps .step.row .img-cell img {
max-height: 500px
}
.moment-pflegerechner .steps .step.result .img-border {
padding-left: 30px;
padding-right: 30px
}
.moment-pflegerechner .steps .step.result > * {
flex-direction: row;
text-align: left;
align-items: start
}
.moment-pflegerechner .steps .step.result > * > * {
flex: 1;
padding: 20px
}
.moment-pflegerechner .steps .step .actions {
margin-top: 50px
}
}
.moment-pflegerechner .answers {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 100%
}
.moment-pflegerechner .answers .answer {
padding: 10px;
width: 100%;
min-width: 140px;
max-width: 280px
}
.moment-pflegerechner .answers .answer input[type=radio] {
position: absolute
}
.moment-pflegerechner .answers .answer input[type=radio] + label {
height: 100%;
width: 100%;
text-align: center;
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
border-radius: 2px;
background: #fff;
font-family: SuisseScreen, sans-serif;
font-weight: 700;
padding: 10px;
margin: 0
}
.moment-pflegerechner .answers .answer input[type=radio] + label:before {
border-radius: 100%;
position: relative;
transform: none;
margin: 0 10px 0 0
}
.moment-pflegerechner button {
display: inline-block;
border: 2px solid black;
margin: 0 2.5px
}
.moment-pflegerechner button[disabled] {
opacity: .5;
cursor: no-drop
}
.moment-pflegerechner button[disabled]:hover {
background: #000;
color: #fff
}
.slide-fade-enter-active {
transition: all .8s ease
}
.slide-fade-leave-active {
transition: all .2s ease-out
}
.slide-fade-enter, .slide-fade-leave-to {
transform: translate(20%);
opacity: 0
}
.moment-pflegerechner[data-v-f0cd441c] {
position: relative;
padding: 20px;
text-align: center
}
.moment-pflegerechner .steps[data-v-f0cd441c] {
position: relative;
height: 80vh;
min-height: 570px;
background: #ee907b
}
.moment-pflegerechner .steps h1[data-v-f0cd441c], .moment-pflegerechner .steps h2[data-v-f0cd441c], .moment-pflegerechner .steps h3[data-v-f0cd441c], .moment-pflegerechner .steps h4[data-v-f0cd441c], .moment-pflegerechner .steps h5[data-v-f0cd441c], .moment-pflegerechner .steps h6[data-v-f0cd441c] {
overflow: unset
}
.moment-pflegerechner .steps .step[data-v-f0cd441c] {
position: absolute;
background: #ee907b;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15px
}
.moment-pflegerechner .steps .step.slide .img-cell[data-v-f0cd441c] {
display: flex;
flex-direction: column
}
.moment-pflegerechner .steps .step.slide .img-cell caption[data-v-f0cd441c] {
text-align: center;
display: block;
font-size: small;
white-space: normal
}
.moment-pflegerechner .steps .step.slide .img-cell > div[data-v-f0cd441c] {
margin-bottom: 20px;
align-items: center;
display: flex;
flex-direction: column
}
.moment-pflegerechner .steps .step.slide .img-cell > div img[data-v-f0cd441c] {
margin-bottom: 10px
}
.moment-pflegerechner .steps .step.slide p[data-v-f0cd441c] {
white-space: pre-wrap
}
.moment-pflegerechner .steps .step.result[data-v-f0cd441c] {
overflow: auto;
display: block
}
.moment-pflegerechner .steps .step.result img[data-v-f0cd441c] {
margin: 5px 0 10px
}
.moment-pflegerechner .steps .step.result .img-border[data-v-f0cd441c] {
background: #fff;
padding: 20px 15px 15px;
border-radius: 5px;
margin: 0 auto
}
.moment-pflegerechner .steps .step.result .result-label[data-v-f0cd441c] {
background: #fff;
border-radius: 3px;
padding: 10px 10px 5px;
opacity: .25;
font-size: 1.5rem
}
.moment-pflegerechner .steps .step.result .active .result-label[data-v-f0cd441c] {
opacity: 1
}
.moment-pflegerechner .steps .step.result .active .result-label.level-1[data-v-f0cd441c] {
background-color: #b0e088
}
.moment-pflegerechner .steps .step.result .active .result-label.level-2[data-v-f0cd441c] {
background-color: #efe773
}
.moment-pflegerechner .steps .step.result .active .result-label.level-3[data-v-f0cd441c] {
background-color: #ffab4f
}
.moment-pflegerechner .steps .step.result .active .result-label.level-4[data-v-f0cd441c] {
background-color: #f6463e
}
.moment-pflegerechner .steps .step.result[data-v-f0cd441c] > * {
overflow: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15px 0
}
.moment-pflegerechner .steps .step .help[data-v-f0cd441c] {
margin-top: 20px;
text-align: left;
font-size: smaller
}
.moment-pflegerechner .steps .step.slide[data-v-f0cd441c], .moment-pflegerechner .steps .step .actions[data-v-f0cd441c] {
margin-top: 20px;
white-space: nowrap
}
.moment-pflegerechner .steps .step.row .img-cell[data-v-f0cd441c] {
padding: 20px
}
.moment-pflegerechner .steps .step.row .img-cell img[data-v-f0cd441c] {
max-height: 150px
}
@media all and (min-width: 600px) {
.moment-pflegerechner .steps .step.slide img[data-v-f0cd441c] {
max-height: 500px
}
.moment-pflegerechner .steps .step.row[data-v-f0cd441c] {
flex-direction: row;
text-align: left
}
.moment-pflegerechner .steps .step.row[data-v-f0cd441c] > * {
flex: 1
}
.moment-pflegerechner .steps .step.row .img-cell[data-v-f0cd441c] {
padding: 30px
}
.moment-pflegerechner .steps .step.row .img-cell img[data-v-f0cd441c] {
max-height: 500px
}
.moment-pflegerechner .steps .step.result .img-border[data-v-f0cd441c] {
padding-left: 30px;
padding-right: 30px
}
.moment-pflegerechner .steps .step.result[data-v-f0cd441c] > * {
flex-direction: row;
text-align: left;
align-items: start
}
.moment-pflegerechner .steps .step.result[data-v-f0cd441c] > * > * {
flex: 1;
padding: 20px
}
.moment-pflegerechner .steps .step .actions[data-v-f0cd441c] {
margin-top: 50px
}
.moment-pflegerechner .steps .step.slide .img-cell[data-v-f0cd441c] {
flex-direction: row;
justify-content: center;
align-items: center;
gap: 20px
}
.moment-pflegerechner .steps .step.slide .img-cell[data-v-f0cd441c] > * {
width: 50%
}
.moment-pflegerechner .steps .step.slide .img-cell > div[data-v-f0cd441c] {
margin-bottom: 0
}
.moment-pflegerechner .steps .step.slide[data-v-f0cd441c], .moment-pflegerechner .steps .step.slide .actions[data-v-f0cd441c] {
margin-top: 20px
}
}
.moment-pflegerechner .answers[data-v-f0cd441c] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 100%
}
.moment-pflegerechner .answers .answer[data-v-f0cd441c] {
padding: 10px;
width: 100%;
min-width: 140px;
max-width: 280px
}
.moment-pflegerechner .answers .answer input[type=radio][data-v-f0cd441c] {
position: absolute
}
.moment-pflegerechner .answers .answer input[type=radio] + label[data-v-f0cd441c] {
height: 100%;
width: 100%;
text-align: left;
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
border-radius: 2px;
background: #fff;
font-family: SuisseScreen, sans-serif;
font-weight: 700;
padding: 10px;
margin: 0
}
.moment-pflegerechner .answers .answer input[type=radio] + label[data-v-f0cd441c]:before {
border-radius: 100%;
position: relative;
transform: none;
margin: 0 10px 0 0;
flex-shrink: 0
}
.moment-pflegerechner .answers .form-type-select[data-v-f0cd441c] {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
border: 2px solid #000;
padding: 10px;
position: relative;
width: auto;
margin: auto .75rem
}
.moment-pflegerechner .answers .form-type-select[data-v-f0cd441c]:after {
width: 16px;
height: 16px;
position: absolute;
content: "";
display: block;
background: url(//www.momentum-institut.at/wp-content/themes/moi/js/img/icon-arrow-down-black.svg) no-repeat center center;
background-size: contain;
right: 16px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 0
}
.moment-pflegerechner .answers .form-type-select select[data-v-f0cd441c] {
flex: 1;
padding: 5px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border: none;
font-size: 1rem;
cursor: pointer;
position: relative;
z-index: 1;
max-width: 100%
}
.moment-pflegerechner .answers .form-type-select select[data-v-f0cd441c]:focus {
outline: none
}
.moment-pflegerechner button[data-v-f0cd441c] {
display: inline-block;
border: 2px solid black;
margin: 0 2.5px
}
.moment-pflegerechner button[disabled][data-v-f0cd441c] {
opacity: .5;
cursor: no-drop
}
.moment-pflegerechner button[disabled][data-v-f0cd441c]:hover {
background: #000;
color: #fff
}
.slide-fade-enter-active[data-v-f0cd441c] {
transition: all .8s ease
}
.slide-fade-leave-active[data-v-f0cd441c] {
transition: all .2s ease-out
}
.slide-fade-enter[data-v-f0cd441c], .slide-fade-leave-to[data-v-f0cd441c] {
transform: translate(20%);
opacity: 0
}