@-webkit-keyframes move_forward_backward {
0% {
transform: translateX(-2px)
}
50% {
transform: translateX(10px)
}
to {
transform: translateX(-2px)
}
}
@keyframes move_forward_backward {
0% {
transform: translateX(-2px)
}
50% {
transform: translateX(10px)
}
to {
transform: translateX(-2px)
}
}
.container {
margin: 0 auto;
max-width: 1170px;
padding: 0 15px;
position: relative
}
.container--medium {
max-width: 870px
}
.container--no-padding {
padding-left: 0;
padding-right: 0
}
.row {
display: flex;
flex: 0 1 auto;
flex-direction: row;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px
}
.row--gap-no {
margin-left: 0;
margin-right: 0
}
.row--gap-default {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default>.col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium>.col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no>.col {
padding-left: 0;
padding-right: 0
}
.row--gap-large>.col {
padding-left: 45px;
padding-right: 45px
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
padding-left: 15px;
padding-right: 15px
}
.col-auto {
flex: 0 0 auto;
max-width: none;
width: auto
}
.a-i-start {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center {
-moz-align-items: center;
align-items: center
}
.a-i-end {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start {
align-self: flex-start
}
.a-s-center {
align-self: center
}
.a-s-end {
align-self: flex-end
}
.col-first {
-moz-order: -1;
order: -1
}
.col-last {
-moz-order: 1;
order: 1
}
.col-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-1 {
margin-left: 8.3333333333%
}
.col-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-2 {
margin-left: 16.6666666667%
}
.col-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-3 {
margin-left: 25%
}
.col-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-4 {
margin-left: 33.3333333333%
}
.col-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-5 {
margin-left: 41.6666666667%
}
.col-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-6 {
margin-left: 50%
}
.col-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-7 {
margin-left: 58.3333333333%
}
.col-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-8 {
margin-left: 66.6666666667%
}
.col-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-9 {
margin-left: 75%
}
.col-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-10 {
margin-left: 83.3333333333%
}
.col-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-11 {
margin-left: 91.6666666667%
}
.col-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-12 {
margin-left: 100%
}
@media (max-width:1410px) {
.col-xxxxl-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-xxxxl-1 {
margin-left: 8.3333333333%
}
.col-xxxxl-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-xxxxl-2 {
margin-left: 16.6666666667%
}
.col-xxxxl-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-xxxxl-3 {
margin-left: 25%
}
.col-xxxxl-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-xxxxl-4 {
margin-left: 33.3333333333%
}
.col-xxxxl-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-xxxxl-5 {
margin-left: 41.6666666667%
}
.col-xxxxl-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-xxxxl-6 {
margin-left: 50%
}
.col-xxxxl-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-xxxxl-7 {
margin-left: 58.3333333333%
}
.col-xxxxl-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-xxxxl-8 {
margin-left: 66.6666666667%
}
.col-xxxxl-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-xxxxl-9 {
margin-left: 75%
}
.col-xxxxl-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-xxxxl-10 {
margin-left: 83.3333333333%
}
.col-xxxxl-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-xxxxl-11 {
margin-left: 91.6666666667%
}
.col-xxxxl-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-xxxxl-12 {
margin-left: 100%
}
.a-i-start-xxxxl {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center-xxxxl {
-moz-align-items: center;
align-items: center
}
.a-i-end-xxxxl {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start-xxxxl {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center-xxxxl {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end-xxxxl {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around-xxxxl {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between-xxxxl {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start-xxxxl {
align-self: flex-start
}
.a-s-center-xxxxl {
align-self: center
}
.a-s-end-xxxxl {
align-self: flex-end
}
.col-first-xxxxl {
-moz-order: -1;
order: -1
}
.col-last-xxxxl {
-moz-order: 1;
order: 1
}
.row--gap-no-xxxxl {
margin-left: 0;
margin-right: 0
}
.row--gap-default-xxxxl {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default-xxxxl .col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium-xxxxl {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium-xxxxl .col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large-xxxxl {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no-xxxxl .col {
padding-left: 0;
padding-right: 0
}
.row--gap-large-xxxxl .col {
padding-left: 45px;
padding-right: 45px
}
}
@media (max-width:1380px) {
.col-mobile-menu-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-mobile-menu-1 {
margin-left: 8.3333333333%
}
.col-mobile-menu-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-mobile-menu-2 {
margin-left: 16.6666666667%
}
.col-mobile-menu-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-mobile-menu-3 {
margin-left: 25%
}
.col-mobile-menu-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-mobile-menu-4 {
margin-left: 33.3333333333%
}
.col-mobile-menu-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-mobile-menu-5 {
margin-left: 41.6666666667%
}
.col-mobile-menu-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-mobile-menu-6 {
margin-left: 50%
}
.col-mobile-menu-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-mobile-menu-7 {
margin-left: 58.3333333333%
}
.col-mobile-menu-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-mobile-menu-8 {
margin-left: 66.6666666667%
}
.col-mobile-menu-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-mobile-menu-9 {
margin-left: 75%
}
.col-mobile-menu-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-mobile-menu-10 {
margin-left: 83.3333333333%
}
.col-mobile-menu-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-mobile-menu-11 {
margin-left: 91.6666666667%
}
.col-mobile-menu-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-mobile-menu-12 {
margin-left: 100%
}
.a-i-start-mobile-menu {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center-mobile-menu {
-moz-align-items: center;
align-items: center
}
.a-i-end-mobile-menu {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start-mobile-menu {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center-mobile-menu {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end-mobile-menu {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around-mobile-menu {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between-mobile-menu {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start-mobile-menu {
align-self: flex-start
}
.a-s-center-mobile-menu {
align-self: center
}
.a-s-end-mobile-menu {
align-self: flex-end
}
.col-first-mobile-menu {
-moz-order: -1;
order: -1
}
.col-last-mobile-menu {
-moz-order: 1;
order: 1
}
.row--gap-no-mobile-menu {
margin-left: 0;
margin-right: 0
}
.row--gap-default-mobile-menu {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default-mobile-menu .col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium-mobile-menu {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium-mobile-menu .col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large-mobile-menu {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no-mobile-menu .col {
padding-left: 0;
padding-right: 0
}
.row--gap-large-mobile-menu .col {
padding-left: 45px;
padding-right: 45px
}
}
@media (max-width:1310px) {
.col-text2-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-text2-1 {
margin-left: 8.3333333333%
}
.col-text2-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-text2-2 {
margin-left: 16.6666666667%
}
.col-text2-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-text2-3 {
margin-left: 25%
}
.col-text2-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-text2-4 {
margin-left: 33.3333333333%
}
.col-text2-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-text2-5 {
margin-left: 41.6666666667%
}
.col-text2-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-text2-6 {
margin-left: 50%
}
.col-text2-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-text2-7 {
margin-left: 58.3333333333%
}
.col-text2-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-text2-8 {
margin-left: 66.6666666667%
}
.col-text2-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-text2-9 {
margin-left: 75%
}
.col-text2-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-text2-10 {
margin-left: 83.3333333333%
}
.col-text2-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-text2-11 {
margin-left: 91.6666666667%
}
.col-text2-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-text2-12 {
margin-left: 100%
}
.a-i-start-text2 {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center-text2 {
-moz-align-items: center;
align-items: center
}
.a-i-end-text2 {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start-text2 {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center-text2 {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end-text2 {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around-text2 {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between-text2 {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start-text2 {
align-self: flex-start
}
.a-s-center-text2 {
align-self: center
}
.a-s-end-text2 {
align-self: flex-end
}
.col-first-text2 {
-moz-order: -1;
order: -1
}
.col-last-text2 {
-moz-order: 1;
order: 1
}
.row--gap-no-text2 {
margin-left: 0;
margin-right: 0
}
.row--gap-default-text2 {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default-text2 .col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium-text2 {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium-text2 .col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large-text2 {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no-text2 .col {
padding-left: 0;
padding-right: 0
}
.row--gap-large-text2 .col {
padding-left: 45px;
padding-right: 45px
}
}
@media (max-width:1280px) {
.col-text-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-text-1 {
margin-left: 8.3333333333%
}
.col-text-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-text-2 {
margin-left: 16.6666666667%
}
.col-text-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-text-3 {
margin-left: 25%
}
.col-text-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-text-4 {
margin-left: 33.3333333333%
}
.col-text-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-text-5 {
margin-left: 41.6666666667%
}
.col-text-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-text-6 {
margin-left: 50%
}
.col-text-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-text-7 {
margin-left: 58.3333333333%
}
.col-text-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-text-8 {
margin-left: 66.6666666667%
}
.col-text-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-text-9 {
margin-left: 75%
}
.col-text-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-text-10 {
margin-left: 83.3333333333%
}
.col-text-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-text-11 {
margin-left: 91.6666666667%
}
.col-text-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-text-12 {
margin-left: 100%
}
.a-i-start-text {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center-text {
-moz-align-items: center;
align-items: center
}
.a-i-end-text {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start-text {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center-text {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end-text {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around-text {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between-text {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start-text {
align-self: flex-start
}
.a-s-center-text {
align-self: center
}
.a-s-end-text {
align-self: flex-end
}
.col-first-text {
-moz-order: -1;
order: -1
}
.col-last-text {
-moz-order: 1;
order: 1
}
.row--gap-no-text {
margin-left: 0;
margin-right: 0
}
.row--gap-default-text {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default-text .col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium-text {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium-text .col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large-text {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no-text .col {
padding-left: 0;
padding-right: 0
}
.row--gap-large-text .col {
padding-left: 45px;
padding-right: 45px
}
}
@media (max-width:1250px) {
.col-xxxl-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-xxxl-1 {
margin-left: 8.3333333333%
}
.col-xxxl-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-xxxl-2 {
margin-left: 16.6666666667%
}
.col-xxxl-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-xxxl-3 {
margin-left: 25%
}
.col-xxxl-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-xxxl-4 {
margin-left: 33.3333333333%
}
.col-xxxl-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-xxxl-5 {
margin-left: 41.6666666667%
}
.col-xxxl-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-xxxl-6 {
margin-left: 50%
}
.col-xxxl-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-xxxl-7 {
margin-left: 58.3333333333%
}
.col-xxxl-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-xxxl-8 {
margin-left: 66.6666666667%
}
.col-xxxl-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-xxxl-9 {
margin-left: 75%
}
.col-xxxl-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-xxxl-10 {
margin-left: 83.3333333333%
}
.col-xxxl-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-xxxl-11 {
margin-left: 91.6666666667%
}
.col-xxxl-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-xxxl-12 {
margin-left: 100%
}
.a-i-start-xxxl {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center-xxxl {
-moz-align-items: center;
align-items: center
}
.a-i-end-xxxl {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start-xxxl {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center-xxxl {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end-xxxl {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around-xxxl {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between-xxxl {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start-xxxl {
align-self: flex-start
}
.a-s-center-xxxl {
align-self: center
}
.a-s-end-xxxl {
align-self: flex-end
}
.col-first-xxxl {
-moz-order: -1;
order: -1
}
.col-last-xxxl {
-moz-order: 1;
order: 1
}
.row--gap-no-xxxl {
margin-left: 0;
margin-right: 0
}
.row--gap-default-xxxl {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default-xxxl .col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium-xxxl {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium-xxxl .col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large-xxxl {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no-xxxl .col {
padding-left: 0;
padding-right: 0
}
.row--gap-large-xxxl .col {
padding-left: 45px;
padding-right: 45px
}
}
@media (max-width:1200px) {
.col-xxl-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-xxl-1 {
margin-left: 8.3333333333%
}
.col-xxl-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-xxl-2 {
margin-left: 16.6666666667%
}
.col-xxl-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-xxl-3 {
margin-left: 25%
}
.col-xxl-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-xxl-4 {
margin-left: 33.3333333333%
}
.col-xxl-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-xxl-5 {
margin-left: 41.6666666667%
}
.col-xxl-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-xxl-6 {
margin-left: 50%
}
.col-xxl-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-xxl-7 {
margin-left: 58.3333333333%
}
.col-xxl-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-xxl-8 {
margin-left: 66.6666666667%
}
.col-xxl-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-xxl-9 {
margin-left: 75%
}
.col-xxl-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-xxl-10 {
margin-left: 83.3333333333%
}
.col-xxl-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-xxl-11 {
margin-left: 91.6666666667%
}
.col-xxl-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-xxl-12 {
margin-left: 100%
}
.a-i-start-xxl {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center-xxl {
-moz-align-items: center;
align-items: center
}
.a-i-end-xxl {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start-xxl {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center-xxl {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end-xxl {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around-xxl {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between-xxl {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start-xxl {
align-self: flex-start
}
.a-s-center-xxl {
align-self: center
}
.a-s-end-xxl {
align-self: flex-end
}
.col-first-xxl {
-moz-order: -1;
order: -1
}
.col-last-xxl {
-moz-order: 1;
order: 1
}
.row--gap-no-xxl {
margin-left: 0;
margin-right: 0
}
.row--gap-default-xxl {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default-xxl .col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium-xxl {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium-xxl .col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large-xxl {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no-xxl .col {
padding-left: 0;
padding-right: 0
}
.row--gap-large-xxl .col {
padding-left: 45px;
padding-right: 45px
}
}
@media (max-width:1024px) {
.col-xl-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-xl-1 {
margin-left: 8.3333333333%
}
.col-xl-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-xl-2 {
margin-left: 16.6666666667%
}
.col-xl-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-xl-3 {
margin-left: 25%
}
.col-xl-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-xl-4 {
margin-left: 33.3333333333%
}
.col-xl-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-xl-5 {
margin-left: 41.6666666667%
}
.col-xl-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-xl-6 {
margin-left: 50%
}
.col-xl-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-xl-7 {
margin-left: 58.3333333333%
}
.col-xl-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-xl-8 {
margin-left: 66.6666666667%
}
.col-xl-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-xl-9 {
margin-left: 75%
}
.col-xl-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-xl-10 {
margin-left: 83.3333333333%
}
.col-xl-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-xl-11 {
margin-left: 91.6666666667%
}
.col-xl-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-xl-12 {
margin-left: 100%
}
.a-i-start-xl {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center-xl {
-moz-align-items: center;
align-items: center
}
.a-i-end-xl {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start-xl {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center-xl {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end-xl {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around-xl {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between-xl {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start-xl {
align-self: flex-start
}
.a-s-center-xl {
align-self: center
}
.a-s-end-xl {
align-self: flex-end
}
.col-first-xl {
-moz-order: -1;
order: -1
}
.col-last-xl {
-moz-order: 1;
order: 1
}
.row--gap-no-xl {
margin-left: 0;
margin-right: 0
}
.row--gap-default-xl {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default-xl .col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium-xl {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium-xl .col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large-xl {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no-xl .col {
padding-left: 0;
padding-right: 0
}
.row--gap-large-xl .col {
padding-left: 45px;
padding-right: 45px
}
}
@media (max-width:991px) {
.col-l-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-l-1 {
margin-left: 8.3333333333%
}
.col-l-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-l-2 {
margin-left: 16.6666666667%
}
.col-l-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-l-3 {
margin-left: 25%
}
.col-l-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-l-4 {
margin-left: 33.3333333333%
}
.col-l-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-l-5 {
margin-left: 41.6666666667%
}
.col-l-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-l-6 {
margin-left: 50%
}
.col-l-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-l-7 {
margin-left: 58.3333333333%
}
.col-l-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-l-8 {
margin-left: 66.6666666667%
}
.col-l-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-l-9 {
margin-left: 75%
}
.col-l-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-l-10 {
margin-left: 83.3333333333%
}
.col-l-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-l-11 {
margin-left: 91.6666666667%
}
.col-l-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-l-12 {
margin-left: 100%
}
.a-i-start-l {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center-l {
-moz-align-items: center;
align-items: center
}
.a-i-end-l {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start-l {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center-l {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end-l {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around-l {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between-l {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start-l {
align-self: flex-start
}
.a-s-center-l {
align-self: center
}
.a-s-end-l {
align-self: flex-end
}
.col-first-l {
-moz-order: -1;
order: -1
}
.col-last-l {
-moz-order: 1;
order: 1
}
.row--gap-no-l {
margin-left: 0;
margin-right: 0
}
.row--gap-default-l {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default-l .col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium-l {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium-l .col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large-l {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no-l .col {
padding-left: 0;
padding-right: 0
}
.row--gap-large-l .col {
padding-left: 45px;
padding-right: 45px
}
}
@media (max-width:768px) {
.col-m-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-m-1 {
margin-left: 8.3333333333%
}
.col-m-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-m-2 {
margin-left: 16.6666666667%
}
.col-m-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-m-3 {
margin-left: 25%
}
.col-m-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-m-4 {
margin-left: 33.3333333333%
}
.col-m-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-m-5 {
margin-left: 41.6666666667%
}
.col-m-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-m-6 {
margin-left: 50%
}
.col-m-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-m-7 {
margin-left: 58.3333333333%
}
.col-m-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-m-8 {
margin-left: 66.6666666667%
}
.col-m-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-m-9 {
margin-left: 75%
}
.col-m-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-m-10 {
margin-left: 83.3333333333%
}
.col-m-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-m-11 {
margin-left: 91.6666666667%
}
.col-m-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-m-12 {
margin-left: 100%
}
.a-i-start-m {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center-m {
-moz-align-items: center;
align-items: center
}
.a-i-end-m {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start-m {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center-m {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end-m {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around-m {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between-m {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start-m {
align-self: flex-start
}
.a-s-center-m {
align-self: center
}
.a-s-end-m {
align-self: flex-end
}
.col-first-m {
-moz-order: -1;
order: -1
}
.col-last-m {
-moz-order: 1;
order: 1
}
.row--gap-no-m {
margin-left: 0;
margin-right: 0
}
.row--gap-default-m {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default-m .col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium-m {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium-m .col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large-m {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no-m .col {
padding-left: 0;
padding-right: 0
}
.row--gap-large-m .col {
padding-left: 45px;
padding-right: 45px
}
}
@media (max-width:600px) {
.col-s-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-s-1 {
margin-left: 8.3333333333%
}
.col-s-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-s-2 {
margin-left: 16.6666666667%
}
.col-s-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-s-3 {
margin-left: 25%
}
.col-s-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-s-4 {
margin-left: 33.3333333333%
}
.col-s-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-s-5 {
margin-left: 41.6666666667%
}
.col-s-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-s-6 {
margin-left: 50%
}
.col-s-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-s-7 {
margin-left: 58.3333333333%
}
.col-s-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-s-8 {
margin-left: 66.6666666667%
}
.col-s-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-s-9 {
margin-left: 75%
}
.col-s-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-s-10 {
margin-left: 83.3333333333%
}
.col-s-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-s-11 {
margin-left: 91.6666666667%
}
.col-s-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-s-12 {
margin-left: 100%
}
.a-i-start-s {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center-s {
-moz-align-items: center;
align-items: center
}
.a-i-end-s {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start-s {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center-s {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end-s {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around-s {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between-s {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start-s {
align-self: flex-start
}
.a-s-center-s {
align-self: center
}
.a-s-end-s {
align-self: flex-end
}
.col-first-s {
-moz-order: -1;
order: -1
}
.col-last-s {
-moz-order: 1;
order: 1
}
.row--gap-no-s {
margin-left: 0;
margin-right: 0
}
.row--gap-default-s {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default-s .col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium-s {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium-s .col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large-s {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no-s .col {
padding-left: 0;
padding-right: 0
}
.row--gap-large-s .col {
padding-left: 45px;
padding-right: 45px
}
}
@media (max-width:480px) {
.col-xs-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-xs-1 {
margin-left: 8.3333333333%
}
.col-xs-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-xs-2 {
margin-left: 16.6666666667%
}
.col-xs-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-xs-3 {
margin-left: 25%
}
.col-xs-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-xs-4 {
margin-left: 33.3333333333%
}
.col-xs-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-xs-5 {
margin-left: 41.6666666667%
}
.col-xs-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-xs-6 {
margin-left: 50%
}
.col-xs-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-xs-7 {
margin-left: 58.3333333333%
}
.col-xs-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-xs-8 {
margin-left: 66.6666666667%
}
.col-xs-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-xs-9 {
margin-left: 75%
}
.col-xs-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-xs-10 {
margin-left: 83.3333333333%
}
.col-xs-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-xs-11 {
margin-left: 91.6666666667%
}
.col-xs-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-xs-12 {
margin-left: 100%
}
.a-i-start-xs {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center-xs {
-moz-align-items: center;
align-items: center
}
.a-i-end-xs {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start-xs {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center-xs {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end-xs {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around-xs {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between-xs {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start-xs {
align-self: flex-start
}
.a-s-center-xs {
align-self: center
}
.a-s-end-xs {
align-self: flex-end
}
.col-first-xs {
-moz-order: -1;
order: -1
}
.col-last-xs {
-moz-order: 1;
order: 1
}
.row--gap-no-xs {
margin-left: 0;
margin-right: 0
}
.row--gap-default-xs {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default-xs .col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium-xs {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium-xs .col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large-xs {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no-xs .col {
padding-left: 0;
padding-right: 0
}
.row--gap-large-xs .col {
padding-left: 45px;
padding-right: 45px
}
}
@media (max-width:376px) {
.col-xxs-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%
}
.col-offset-xxs-1 {
margin-left: 8.3333333333%
}
.col-xxs-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%
}
.col-offset-xxs-2 {
margin-left: 16.6666666667%
}
.col-xxs-3 {
flex-basis: 25%;
max-width: 25%;
min-width: 25%
}
.col-offset-xxs-3 {
margin-left: 25%
}
.col-xxs-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%
}
.col-offset-xxs-4 {
margin-left: 33.3333333333%
}
.col-xxs-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%
}
.col-offset-xxs-5 {
margin-left: 41.6666666667%
}
.col-xxs-6 {
flex-basis: 50%;
max-width: 50%;
min-width: 50%
}
.col-offset-xxs-6 {
margin-left: 50%
}
.col-xxs-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%
}
.col-offset-xxs-7 {
margin-left: 58.3333333333%
}
.col-xxs-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%
}
.col-offset-xxs-8 {
margin-left: 66.6666666667%
}
.col-xxs-9 {
flex-basis: 75%;
max-width: 75%;
min-width: 75%
}
.col-offset-xxs-9 {
margin-left: 75%
}
.col-xxs-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%
}
.col-offset-xxs-10 {
margin-left: 83.3333333333%
}
.col-xxs-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%
}
.col-offset-xxs-11 {
margin-left: 91.6666666667%
}
.col-xxs-12 {
flex-basis: 100%;
max-width: 100%;
min-width: 100%
}
.col-offset-xxs-12 {
margin-left: 100%
}
.a-i-start-xxs {
-moz-align-items: flex-start;
align-items: flex-start
}
.a-i-center-xxs {
-moz-align-items: center;
align-items: center
}
.a-i-end-xxs {
-moz-align-items: flex-end;
align-items: flex-end
}
.j-c-start-xxs {
-moz-justify-content: flex-start;
justify-content: flex-start
}
.j-c-center-xxs {
-moz-justify-content: center;
justify-content: center;
text-align: center
}
.j-c-end-xxs {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.j-c-around-xxs {
-moz-justify-content: space-around;
justify-content: space-around
}
.j-c-between-xxs {
-moz-justify-content: space-between;
justify-content: space-between
}
.a-s-start-xxs {
align-self: flex-start
}
.a-s-center-xxs {
align-self: center
}
.a-s-end-xxs {
align-self: flex-end
}
.col-first-xxs {
-moz-order: -1;
order: -1
}
.col-last-xxs {
-moz-order: 1;
order: 1
}
.row--gap-no-xxs {
margin-left: 0;
margin-right: 0
}
.row--gap-default-xxs {
margin-left: -15px;
margin-right: -15px
}
.row--gap-default-xxs .col {
padding-left: 15px;
padding-right: 15px
}
.row--gap-medium-xxs {
margin-left: -30px;
margin-right: -30px
}
.row--gap-medium-xxs .col {
padding-left: 30px;
padding-right: 30px
}
.row--gap-large-xxs {
margin-left: -45px;
margin-right: -45px
}
.row--gap-no-xxs .col {
padding-left: 0;
padding-right: 0
}
.row--gap-large-xxs .col {
padding-left: 45px;
padding-right: 45px
}
} html {
-webkit-text-size-adjust: 100%;
line-height: 1.15
}
body {
margin: 0
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden],
template {
display: none
}
body,
button,
input,
optgroup,
select,
textarea {
color: #202120;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-size: 1rem;
letter-spacing: 1px;
line-height: 1.625
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both
}
h1,
h2 {
font-size: 42px;
font-size: 2.625rem;
letter-spacing: 0;
line-height: 55.008px;
line-height: 3.438rem
}
@media (max-width:768px) {
h1,
h2 {
font-size: 28px;
font-size: 1.75rem;
line-height: 35.008px;
line-height: 2.188rem
}
}
p {
margin-bottom: 1.5em
}
cite,
dfn,
em,
i {
font-style: italic
}
blockquote {
margin: 0 1.5em
}
address {
margin: 0 0 1.5em
}
pre {
background: #eee;
font-family: Courier\ 10 Pitch, Courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em
}
code,
kbd,
pre,
tt,
var {
font-size: 15px;
font-size: .9375rem
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, Andale Mono, DejaVu Sans Mono, monospace
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help
}
ins,
mark {
background: #fff9c0;
text-decoration: none
}
big {
font-size: 125%
}
@font-face {
font-family: Open Sans;
font-style: normal;
font-weight: 800;
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Extrabold.eot);
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Extrabold.eot?#iefix) format("embedded-opentype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Extrabold.woff2) format("woff2"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Extrabold.woff) format("woff"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Extrabold.ttf) format("truetype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Extrabold.svg#OpenSans-Extrabold) format("svg")
}
@font-face {
font-family: Open Sans;
font-style: normal;
font-weight: 600;
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Semibold.eot);
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Semibold.eot?#iefix) format("embedded-opentype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Semibold.woff2) format("woff2"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Semibold.woff) format("woff"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Semibold.ttf) format("truetype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Semibold.svg#OpenSans-Semibold) format("svg")
}
@font-face {
font-family: Open Sans;
font-style: normal;
font-weight: 300;
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Light.eot);
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Light.eot?#iefix) format("embedded-opentype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Light.woff2) format("woff2"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Light.woff) format("woff"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Light.ttf) format("truetype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Light.svg#OpenSans-Light) format("svg")
}
@font-face {
font-family: Open Sans;
font-style: italic;
font-weight: 400;
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Italic.eot);
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Italic.eot?#iefix) format("embedded-opentype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Italic.woff2) format("woff2"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Italic.woff) format("woff"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Italic.ttf) format("truetype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Italic.svg#OpenSans-Italic) format("svg")
}
@font-face {
font-family: Open Sans;
font-style: normal;
font-weight: 700;
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Bold.eot);
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Bold.woff2) format("woff2"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Bold.woff) format("woff"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Bold.ttf) format("truetype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-Bold.svg#OpenSans-Bold) format("svg")
}
@font-face {
font-family: Open Sans;
font-style: normal;
font-weight: 400;
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans.eot);
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans.eot?#iefix) format("embedded-opentype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans.woff2) format("woff2"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans.woff) format("woff"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans.ttf) format("truetype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans.svg#OpenSans) format("svg")
}
@font-face {
font-family: Open Sans;
font-style: italic;
font-weight: 300;
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSansLight-Italic.eot);
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSansLight-Italic.eot?#iefix) format("embedded-opentype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSansLight-Italic.woff2) format("woff2"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSansLight-Italic.woff) format("woff"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSansLight-Italic.ttf) format("truetype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSansLight-Italic.svg#OpenSansLight-Italic) format("svg")
}
@font-face {
font-family: Open Sans;
font-style: italic;
font-weight: 700;
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-BoldItalic.eot);
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-BoldItalic.eot?#iefix) format("embedded-opentype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-BoldItalic.woff2) format("woff2"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-BoldItalic.woff) format("woff"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-BoldItalic.ttf) format("truetype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic) format("svg")
}
@font-face {
font-family: Open Sans;
font-style: italic;
font-weight: 600;
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-SemiboldItalic.eot);
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-SemiboldItalic.woff2) format("woff2"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-SemiboldItalic.woff) format("woff"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-SemiboldItalic.ttf) format("truetype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic) format("svg")
}
@font-face {
font-family: Open Sans;
font-style: italic;
font-weight: 800;
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-ExtraboldItalic.eot);
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-ExtraboldItalic.eot?#iefix) format("embedded-opentype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-ExtraboldItalic.woff2) format("woff2"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-ExtraboldItalic.woff) format("woff"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-ExtraboldItalic.ttf) format("truetype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/OpenSans-ExtraboldItalic.svg#OpenSans-ExtraboldItalic) format("svg")
}
@font-face {
font-family: Besom;
font-style: normal;
font-weight: 400;
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/Besom.eot);
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/Besom.eot?#iefix) format("embedded-opentype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/Besom.woff2) format("woff2"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/Besom.woff) format("woff"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/Besom.ttf) format("truetype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/Besom.svg#Besom) format("svg")
}
@font-face {
font-family: Helvetica Rounded LT Std;
font-style: normal;
font-weight: 700;
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/HelveticaRoundedLTStd-Bd.eot);
src: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/HelveticaRoundedLTStd-Bd.eot?#iefix) format("embedded-opentype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/HelveticaRoundedLTStd-Bd.woff2) format("woff2"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/HelveticaRoundedLTStd-Bd.woff) format("woff"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/HelveticaRoundedLTStd-Bd.ttf) format("truetype"), url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/fonts/HelveticaRoundedLTStd-Bd.svg#HelveticaRoundedLTStd-Bd) format("svg")
}
.c-donate__title,
.c-hero__title {
font-family: Besom, sans-serif
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Helvetica Rounded LT Std, sans-serif
}
.c-hero__button,
body {
font-family: Open Sans, sans-serif
}
html {
box-sizing: border-box
}
*,
:after,
:before {
box-sizing: inherit
}
body {
background: #fff
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em
}
ol,
ul {
margin: 0 0 1.5em 3em
}
ul li {
text-align: left
}
.c-text ul {
list-style: none;
margin: 0;
padding: 0
}
.c-text ul>li {
margin-bottom: 13.84px;
padding-left: 27px;
position: relative;
text-align: left
}
.c-text ul>li:before {
background-image: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/bullet.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 26px;
left: 0;
position: absolute;
top: 1px;
width: 10px
}
.c-text ul>li:first-child {
margin-top: 0
}
ol {
list-style: decimal
}
li>ol,
li>ul {
margin-bottom: 0;
margin-left: 1.5em
}
dt {
font-weight: 700
}
dd {
margin: 0 1.5em 1.5em
}
img {
height: auto;
max-width: 100%
}
figure {
margin: 1em 0
}
table {
margin: 0 0 1.5em;
width: 100%
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
background: #e6e6e6;
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
color: rgba(0, 0, 0, .8);
font-size: 12px;
font-size: .75rem;
line-height: 1;
padding: .6em 1em .4em
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
border-color: #ccc #bbb #aaa
}
button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: #aaa #bbb #bbb
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
border: 1px solid #ccc;
border-radius: 3px;
color: #666;
padding: 3px
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
color: #111
}
select {
border: 1px solid #ccc
}
textarea {
width: 100%
}
input[type=range] {
padding-left: 7px
}
a {
border-bottom: 1px solid #202120;
text-decoration: none
}
a,
a:active,
a:focus,
a:hover,
a:visited {
color: #202120
}
a:focus {
outline: thin dotted
}
a:active,
a:hover {
outline: 0
}
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
float: left;
left: -999em;
position: absolute;
top: 100%;
z-index: 99999
}
.main-navigation ul ul ul {
left: -999em;
top: 0
}
.main-navigation ul ul li.focus>ul,
.main-navigation ul ul li:hover>ul {
left: 100%
}
.main-navigation ul ul a {
width: 200px
}
.main-navigation ul li.focus>ul,
.main-navigation ul li:hover>ul {
left: auto
}
.main-navigation li {
float: left;
position: relative
}
.main-navigation a {
display: block;
text-decoration: none
}
.main-navigation.toggled ul,
.menu-toggle {
display: block
}
@media screen and (min-width:37.5em) {
.menu-toggle {
display: none
}
.main-navigation ul {
display: block
}
}
.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
margin: 0 0 1.5em;
overflow: hidden
}
.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
float: left;
width: 50%
}
.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
float: right;
text-align: right;
width: 50%
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal !important;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px
}
.screen-reader-text:focus {
clip: auto !important;
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
#content[tabindex="-1"]:focus {
outline: 0
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto
}
.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
content: "";
display: table;
table-layout: fixed
}
.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
clear: both
}
.widget {
margin: 0 0 1.5em
}
.widget select {
max-width: 100%
}
.sticky {
display: block
}
.hentry {
margin: 0 0 1.5em
}
.updated:not(.published) {
display: none
}
.page-links {
clear: both;
margin: 0 0 1.5em
}
.comment-content a {
word-wrap: break-word
}
.bypostauthor {
display: block
}
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none
}
.infinity-end.neverending .site-footer {
display: block
}
.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0
}
embed,
iframe,
object {
max-width: 100%
}
.custom-logo-link {
border: 0;
display: inline-block
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption .wp-caption-text {
margin: .8075em 0
}
.wp-caption-text {
text-align: center
}
.gallery {
margin-bottom: 1.5em
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%
}
.gallery-columns-2 .gallery-item {
max-width: 50%
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%
}
.gallery-columns-4 .gallery-item {
max-width: 25%
}
.gallery-columns-5 .gallery-item {
max-width: 20%
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%
}
.gallery-caption {
display: block
}
@-webkit-keyframes heartbeat {
0% {
transform: scale(1)
}
20% {
transform: scale(1)
}
40% {
transform: scale(1.3)
}
50% {
transform: scale(1)
}
60% {
transform: scale(1)
}
70% {
transform: scale(1.2)
}
80% {
transform: scale(1)
}
to {
transform: scale(1)
}
}
@keyframes heartbeat {
0% {
transform: scale(1)
}
20% {
transform: scale(1)
}
40% {
transform: scale(1.3)
}
50% {
transform: scale(1)
}
60% {
transform: scale(1)
}
70% {
transform: scale(1.2)
}
80% {
transform: scale(1)
}
to {
transform: scale(1)
}
}
#page {
overflow: hidden;
padding: 0 65px;
position: relative
}
@media (max-width:991px) {
#page {
padding: 0 10px
}
}
#content.is-shrinked {
margin-top: 90px
}
@media (max-width:1380px) {
#content,
#content.is-shrinked {
margin-top: 45px
}
}
body.is-blocked,
html.is-blocked {
height: 100%;
margin: 0;
overflow: hidden
} .error-404 {
background-color: #f2f2f2;
margin: 0 auto;
max-width: 1280px;
padding-bottom: 220px;
padding-top: 50px;
text-align: center
}
.c-blog {
margin: 0 auto;
max-width: 1090px;
position: relative;
width: 100%
}
.c-blog h2 {
text-align: center
}
.c-blog__first-content {
align-items: center;
display: flex;
margin-bottom: 58px;
margin-top: 58px;
position: relative;
text-align: center;
z-index: 10
}
@media (max-width:991px) {
.c-blog__first-content {
margin: 0;
width: 100%
}
}
.c-blog__date {
font-size: 15px;
font-size: .9375rem;
font-weight: 600;
letter-spacing: 3px;
line-height: 20px;
line-height: 1.25rem;
text-transform: uppercase
}
.c-blog__first-content-holder {
background-color: #fff;
padding: 47px 30px;
width: 400px
}
@media (max-width:991px) {
.c-blog__first-content-holder {
margin: -70px 22px 0;
padding: 23px;
width: 100%
}
}
.c-blog__first {
border: 0;
display: flex;
position: relative;
text-decoration: none
}
@media (max-width:991px) {
.c-blog__first {
flex-direction: column-reverse;
flex-wrap: wrap
}
}
.c-blog__first-image {
background-position: 50%;
background-size: cover;
height: 100%;
position: absolute;
width: 75%
}
.c-blog__first-image img {
display: block;
min-height: 100%;
width: auto
}
@media (max-width:991px) {
.c-blog__first-image {
height: auto;
padding-top: 70%;
position: relative;
width: 100%
}
}
.c-blog__first--image-right .c-blog__first-image {
right: 0
}
.c-blog__first--image-left {
flex-direction: row-reverse
}
.c-blog__first--image-left .c-blog__first-image {
left: 0
}
.c-blog__first--image-left .c-blog__first-content {
margin-right: 0
}
.c-blog__title {
font-family: Helvetica Rounded LT Std;
font-size: 33.008px;
font-size: 2.063rem;
font-weight: 700;
letter-spacing: 0;
line-height: 39px;
line-height: 2.438rem;
padding-bottom: 20px;
padding-top: 15px
}
@media (max-width:768px) {
.c-blog__title {
font-size: 22px;
font-size: 1.375rem;
line-height: 29.008px;
line-height: 1.813rem
}
}
.c-blog__excerpt {
padding-bottom: 0
}
.c-blog__button {
margin-top: 20px
}
.c-blog__button span {
border-bottom: 0;
color: #000;
font-size: 15px;
font-size: .9375rem;
font-weight: 600;
line-height: 20px;
line-height: 1.25rem;
position: relative;
text-decoration: none;
text-transform: uppercase
}
.c-blog__button span:hover,
.c-blog__button span:visited {
color: #000
}
.c-blog__button span:hover:after {
transform: scaleX(1)
}
.c-blog__button span:after {
background-color: #000;
bottom: -3px;
content: "";
height: 1.5px;
left: 0;
position: absolute;
right: 0;
transform: scaleX(0);
transition: .4s ease-in-out
}
@media (max-width:768px) {
.c-blog__button span:after {
transform: scaleX(1)
}
}
.c-blog__elems {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 0;
margin-top: 61px
}
.c-blog__elems .c-blog__button {
margin-top: auto;
padding-top: 20px
}
.c-blog__elems .c-blog__first {
width: 100%
}
.c-blog__elem-image {
flex: 0 0 auto
}
.c-blog__elem-image img {
display: block;
width: 100%
}
.c-blog__elem {
border: 0;
display: flex;
flex-direction: column;
margin-bottom: 30px;
text-decoration: none;
width: calc(33.33333% - 9.33333px)
}
@media (max-width:768px) {
.c-blog__elem {
margin: 0 0 72px;
width: 100%
}
}
.c-blog__elem:hover .c-blog__button span:after,
.c-blog__first:hover .c-blog__button span:after {
transform: scaleX(1)
}
@media (max-width:768px) {
.c-blog__elem:nth-child(3n),
.c-blog__elem:nth-child(3n+1) {
margin: 0 0 72px;
width: 100%
}
}
.c-blog__elem-holder {
background-color: #fff;
display: flex;
flex-direction: column;
margin: -70px 22px 0;
padding: 23px;
position: relative;
text-align: center;
width: calc(100% - 44px);
z-index: 10
}
.c-blog__elem-holder .c-blog__elem-title {
font-family: Helvetica Rounded LT Std;
font-size: 22px;
font-size: 1.375rem;
line-height: 29.008px;
line-height: 1.813rem
}
.c-blog__elem-content {
display: flex;
flex: 1 0 auto
}
.c-blog__load {
padding-top: 15px;
text-align: center;
width: 100%
}
.c-blog__load a {
cursor: pointer
}
figcaption {
color: #707070;
font-size: 15px;
font-size: .9375rem;
line-height: 1.2;
text-align: left
}
.blog-button {
margin-bottom: 110px
}
.c-button {
margin-bottom: 68px;
text-align: center
}
.c-button-holder {
display: inline-block;
margin: 0 auto
}
.c-button-holder a {
align-items: center;
display: flex;
padding: 10.5px 15px;
position: relative
}
.c-button-holder a img {
display: inline-block;
margin-left: 10px;
width: 16px
}
.woocommerce-cart #main {
background-color: #f2f2f2;
margin: 0 auto;
max-width: 1280px;
padding: 200px 20px;
width: 100%
}
@media (max-width:768px) {
.woocommerce-cart #main {
margin-top: 0
}
}
.woocommerce-cart #main header h1 {
text-align: center
}
.woocommerce-cart a.checkout-button {
background-color: #fff !important
}
.woocommerce-cart a.checkout-button:hover {
color: #000 !important
}
.c-checkout-form__billing.js-billing #billing_birthday_field label {
color: #202120;
font-size: 8px;
font-size: .5rem;
margin-top: -24px
}
.c-checkout-form__billing {
margin: 0 auto;
max-width: 584px;
position: relative;
width: 100%
}
.c-checkout-form__billing h2 {
text-align: center
}
.c-checkout-form__billing.js-billing .form-row {
position: relative
}
.c-checkout-form__billing.js-billing label {
color: #9d9c9c;
font-size: 15px;
font-size: .9375rem;
left: 21px;
line-height: 1;
margin-top: -15px;
position: absolute;
top: 50%;
transition: .3s
}
.c-checkout-form__billing.js-billing label .optional,
.c-checkout-form__billing.js-billing label .required {
display: none
}
.c-checkout-form__billing.js-billing label.is-active {
color: #202120;
font-size: 8px;
font-size: .5rem;
margin-top: -24px
}
.c-checkout-form__billing.js-billing input,
.c-checkout-form__billing.js-billing select {
-webkit-appearance: none;
background-color: #fff;
border: 0;
border-bottom: 1px solid #e0dddd;
border-radius: 0;
color: #202120;
font-size: 15px;
font-size: .9375rem;
height: 54px;
line-height: 54px;
padding-left: 17px
}
.c-checkout-form__billing.js-billing input:focus,
.c-checkout-form__billing.js-billing select:focus {
outline: 0
}
.c-checkout-form__billing.js-billing .form-row-first,
.c-checkout-form__billing.js-billing .form-row-last {
width: calc(50% - 7.5px) !important
}
@media (max-width:600px) {
.c-checkout-form__billing.js-billing .form-row-first,
.c-checkout-form__billing.js-billing .form-row-last {
width: 100% !important
}
}
.woocommerce-checkout #main {
background-color: #f2f2f2;
margin: 0 auto;
max-width: 1280px;
width: 100%
}
.woocommerce-checkout h1 {
display: none
}
.c-checkout-form__steps {
background-color: #ffd400;
border-bottom: 1px solid #202120;
height: 57px;
text-align: center;
width: 100%
}
.c-checkout-form__step {
border: 0;
color: #9d9c9c;
display: inline-block;
font-size: 15px;
font-size: .9375rem;
font-weight: 600;
line-height: 57px;
margin: 0 auto;
padding: 0 24px;
position: relative;
text-transform: uppercase
}
@media (max-width:768px) {
.c-checkout-form__step {
font-size: 12.8px;
font-size: .8rem;
padding: 0 12px
}
}
@media (max-width:600px) {
.c-checkout-form__step {
font-size: 10.08px;
font-size: .63rem;
letter-spacing: 0
}
}
@media (max-width:480px) {
.c-checkout-form__step {
font-size: 8.48px;
font-size: .53rem;
letter-spacing: 0;
padding: 0 10px
}
}
@media (max-width:376px) {
.c-checkout-form__step {
font-size: 6.88px;
font-size: .43rem
}
}
.c-checkout-form__step.is-current {
color: #202120
}
.c-checkout-form__step.is-current:after {
background-color: #202120;
bottom: -1px;
content: "";
height: 3.5px;
left: 24px;
position: absolute;
right: 24px
}
@media (max-width:768px) {
.c-checkout-form__step.is-current:after {
left: 12px;
right: 12px
}
}
.c-checkout-form__step.is-ready {
color: #202120;
cursor: pointer
}
.c-checkout-form__step.is-ready:before {
content: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/checkmark.svg);
height: 24px;
left: -5px;
margin-top: -22px;
position: absolute;
top: 50%;
width: 24px
}
@media (max-width:768px) {
.c-checkout-form__step.is-ready:before {
height: 13px;
left: -2px;
margin-top: -26px;
top: 50%;
width: 13px
}
}
.c-checkout-form__next-step {
text-align: center;
width: 100%
}
.c-checkout-form__next-step .o-button {
cursor: pointer;
justify-content: center;
min-width: 184px;
text-align: center
}
.c-checout-form__billing-info ul {
list-style: none;
margin: 0 0 40px;
padding: 13px 4px
}
.c-checout-form__billing-info li {
display: block;
font-size: 12px;
font-size: .75rem;
line-height: 17.008px;
line-height: 1.063rem;
padding-left: 40px;
position: relative
}
.c-checout-form__billing-info li:before {
left: 0;
position: absolute
}
.c-checout-form__billing-info li:first-child:before {
content: "*"
}
.c-checout-form__billing-info li:nth-child(2):before {
content: "**"
}
.c-checout-form__billing-info li:nth-child(3):before {
content: "***"
}
.c-checkout-form__billing.js-payment {
display: none
}
form.woocommerce-checkout {
margin-bottom: 202px
}
.c-checkout__thankyou {
align-items: center;
background-color: #f2f2f2;
display: flex;
flex-direction: column;
padding-bottom: 202px
}
.c-checkout__select select {
background-image: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/arrow-down-select.svg) !important;
background-position: calc(100% - 20px) 50%;
background-repeat: no-repeat;
background-size: 20px
}
.c-checkout__order-button {
text-align: center
}
.woocommerce form .form-row label.woocommerce-form__label {
line-height: 1.2
}
.woocommerce-checkout .woocommerce table.shop_table td {
vertical-align: top
}
::-webkit-datetime-edit-day-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-year-field:not([aria-valuenow]) {
color: transparent
}
.wc-gzd-checkbox-placeholder-legal {
font-size: 12px;
line-height: 1.2 !important;
margin-bottom: 1em;
min-height: 50px
}
.c-donate {
margin: 0 auto;
max-width: 1090px;
position: relative;
width: 100%
}
.c-donate.c-donate--top .c-donate__content {
margin-top: -280px
}
@media (max-width:991px) {
.c-donate {
margin-left: -10px;
margin-right: -10px;
width: auto
}
.home .c-donate {
padding-bottom: 20px
}
}
.c-donate__overlay {
align-items: center;
background-color: hsla(0, 0%, 100%, .8);
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1000
}
.c-donate__overlay.is-active {
display: flex
}
.c-donate__overlay-heart {
-webkit-animation: heartbeat 3s infinite;
animation: heartbeat 3s infinite;
margin: 0 auto
}
.c-donate__overlay-heart img {
width: 50px
}
.c-donate__content {
background-color: #ffd400;
padding: 46px 50px;
width: 100%
}
@media (max-width:768px) {
.c-donate__content {
padding: 30px 10px
}
}
.c-donate__title {
font-size: 67.008px;
font-size: 4.188rem;
letter-spacing: 0;
line-height: 60px;
line-height: 3.75rem;
position: relative;
text-align: center
}
@media (max-width:768px) {
.c-donate__title {
font-size: 39.008px;
font-size: 2.438rem;
line-height: 35.008px;
line-height: 2.188rem
}
}
.c-donate__text {
margin: 0 auto;
max-width: 580px;
text-align: center
}
.c-donate__range-holder {
position: relative;
width: calc(100% - 60px)
}
.c-donate__progress {
background-color: #f4a9a5;
border-radius: 3px;
height: 4px;
left: 7px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 20%;
z-index: 100
}
.c-donate__slider {
align-items: center;
display: flex;
justify-content: center;
margin: 40px 0
}
@media (max-width:768px) {
.c-donate__slider {
margin-top: 10px
}
}
.c-donate__slider input[type=number] {
color: #202120
}
.c-donate__slider input[type=number]:focus {
outline: 0
}
.c-donate__slider input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
border: 0;
height: 54px;
margin-top: -27px;
position: absolute;
top: 50%;
width: 100%
}
.c-donate__slider input[type=range]:focus {
outline: none
}
.c-donate__slider input[type=range]::-moz-focus-outer {
border: 0
}
.c-donate__slider input[type=range]::-webkit-slider-runnable-track {
background: #e0dddd;
border-radius: 2px;
height: 4px
}
.c-donate__slider input[type=range]::-ms-track {
background: #e0dddd;
border-radius: 2px;
height: 4px
}
.c-donate__slider ::-moz-range-track {
background: #e0dddd;
height: 4px
}
.c-donate__slider input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
background: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/range-slider-button.svg);
border: none;
border-radius: 50%;
height: 41px;
margin-top: -20px;
position: relative;
-webkit-transition: background-size 2s ease-in-out;
transition: background-size 2s ease-in-out;
width: 41px;
z-index: 101
}
.c-donate__slider input[type=range]::-ms-thumb {
-webkit-appearance: none;
background: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/range-slider-button.svg);
border: none;
border-radius: 50%;
height: 41px;
margin-top: 0 !important;
position: relative;
-ms-transition: background-size 2s ease-in-out;
transition: background-size 2s ease-in-out;
width: 41px;
z-index: 101
}
.c-donate__slider ::-moz-range-thumb {
-webkit-appearance: none;
background: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/range-slider-button.svg);
border: none;
border-radius: 50%;
height: 41px;
margin-top: -20px;
position: relative;
width: 41px;
z-index: 101
}
.c-donate__slider input[type=range]::-ms-fill-lower {
background: #f4a9a5 !important;
border-radius: 2px
}
.c-donate__slider input[type=range]::-ms-fill-upper {
background: #e0dddd;
border-radius: 2px
}
.c-donate__slider input[type=range]::-moz-range-progress {
background-color: #f4a9a5
}
.c-donate__range {
background-color: #fff;
display: flex;
height: 54px;
position: relative;
width: 50%
}
@media (max-width:768px) {
.c-donate__range {
width: 100%
}
}
.c-donate__value {
background-color: #fff;
margin-right: 6px;
width: 75px
}
.c-donate__slider-max,
.c-donate__value {
font-weight: 600;
line-height: 54px;
text-align: center
}
.c-donate__slider-max {
background: #fff;
float: right;
padding: 0 6px
}
.c-donate__button {
margin-top: 40px;
text-align: center
}
.c-donate__button button,
.c-donate__button input[type=submit] {
background-color: #f4a9a5;
border: 2px solid #f4a9a5;
border-radius: 30px;
color: #000;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-size: .9375rem;
font-weight: 600;
letter-spacing: 2px;
line-height: 20px;
line-height: 1.25rem;
padding: 14px 15px;
text-decoration: none;
text-transform: uppercase
}
.c-donate__button button:focus,
.c-donate__button input[type=submit]:focus {
outline: 0
}
.c-donate__button button:hover,
.c-donate__button input[type=submit]:hover {
background-color: #f49d98;
border-color: #f49d98
}
.c-donate__badge {
align-items: center;
border: 3px solid #fff;
border-radius: 50%;
display: flex;
font-family: Helvetica Rounded LT Std;
font-size: 14px;
font-size: .875rem;
height: 123px;
line-height: 17px;
line-height: 1.063rem;
position: absolute;
right: 0;
text-align: center;
top: 0;
transform: rotate(-10deg);
width: 123px
}
@media (max-width:991px) {
.c-donate__badge {
display: none
}
}
.c-donate__badge-text {
margin: 0 auto
}
.c-events {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px;
width: 100%
}
.c-events.c-events--top {
margin-top: -118px
}
@media (max-width:991px) {
.c-events.c-events--top {
margin-top: 0
}
}
.c-events__content-holder {
display: flex;
flex: 1 0 auto
}
.c-events__event {
border-bottom: 0;
color: #202120;
display: flex;
flex-direction: column;
text-decoration: none
}
.c-events__event:hover,
.c-events__event:visited {
color: #202120
}
.c-events__location {
padding-left: 15px;
position: relative
}
.c-events__location img {
display: inline-block;
left: 0;
position: absolute;
top: 5px;
width: 9.47px
}
.c-events__time {
padding-left: 17px;
padding-right: 25px;
position: relative
}
.c-events__time img {
display: inline-block;
left: 0;
margin-top: -5.5px;
position: absolute;
top: 50%;
width: 12.67px
}
.c-events__info {
background-color: #fff;
padding: 16px 20px;
width: calc(100% - 64.38px)
}
.c-events__title {
font-family: Helvetica Rounded LT Std;
font-size: 24px;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0;
line-height: 25px;
line-height: 1.563rem
}
.c-events__image img {
display: block;
width: 100%
}
.c-events__tim-loc {
font-size: 15px;
font-size: .9375rem;
letter-spacing: 0;
line-height: 24px;
line-height: 1.5rem;
padding-top: 7px
}
.c-events__tim-loc span {
display: inline-block
}
.c-events__weekday {
font-size: 15px;
font-size: .9375rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase
}
.c-events__day {
font-family: Helvetica Rounded LT Std;
font-size: 45.008px;
font-size: 2.813rem;
font-weight: 700;
line-height: 1
}
.c-events__month {
font-size: 15px;
font-size: .9375rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase
}
.c-events__date-seperator {
margin-bottom: 7px;
margin-top: 10px;
text-align: center
}
.c-events__date-seperator img {
display: inline-block;
width: 20px
}
.c-events__event {
margin-bottom: 58px;
width: calc(50% - 15px)
}
@media (max-width:991px) {
.c-events__event {
width: 100%
}
}
.c-events__content {
display: flex;
flex-wrap: wrap;
width: 100%
}
.c-events__date {
align-items: center;
display: flex
}
.c-events__date-holder {
margin: 0 auto;
padding: 13.67px 0;
text-align: center
}
.c-events__date--large {
margin-top: -72px
}
.c-events__more-title {
text-align: center;
width: 100%
}
.c-events__event--no-image {
margin-bottom: 24px
}
.c-events__button {
margin-top: 44px;
text-align: center;
width: 100%
}
.c-events__button a {
cursor: pointer
}
.c-footer {
float: left;
margin-bottom: 65px;
margin-top: 41px;
width: 100%
}
@media (max-width:991px) {
.c-footer {
padding: 0 15px
}
}
@media (max-width:480px) {
.c-footer {
padding: 0 7px
}
}
.c-footer__content {
font-size: 16px;
font-size: 1rem;
margin: 0 auto;
max-width: 1090px;
width: 100%
}
.c-footer__title {
font-weight: 700
}
.c-footer__info img {
display: inline-block;
float: left;
margin-right: 12px;
margin-top: 2px;
width: 20px
}
.c-footer__address img {
width: 15px
}
.c-footer__contact img {
width: 22px
}
.c-footer__text {
align-items: flex-start;
display: flex;
flex-wrap: wrap
}
.c-footer__info-col {
float: left;
margin-right: 36px
}
@media (max-width:1250px) {
.c-footer__info-col {
margin-bottom: 36px;
width: 100%
}
}
.c-footer__menu {
align-items: center;
display: flex;
float: right
}
@media (max-width:1250px) {
.c-footer__menu {
flex-wrap: wrap;
float: left;
justify-content: space-between;
width: 100%
}
}
.c-footer__menu img {
max-width: 83px
}
@media (max-width:1250px) {
#footer-menu {
display: flex
}
}
@media (max-width:480px) {
.c-footer__menu img {
width: 72px
}
}
.c-footer-navigation ul {
list-style: none;
margin: 0 40px 0 0;
padding: 0
}
@media (max-width:1250px) {
.c-footer-navigation ul {
margin-right: 10px
}
}
.c-footer-navigation ul li a {
border-bottom: 0;
color: #202120;
text-decoration: none;
text-transform: uppercase
}
@media (max-width:480px) {
.c-footer-navigation ul li a {
font-size: 14px;
font-size: .875rem
}
}
@media (max-width:1250px) {
.c-footer-navigation ul li a {
text-decoration: underline
}
.c-footer-navigation ul li {
margin-right: 10px
}
.c-footer-navigation ul li:last-child {
margin-right: 0
}
}
.c-footer-top {
margin: 0 auto;
max-width: 1090px;
position: relative;
width: 100%
}
.c-footer-top form {
padding-top: 34px;
text-align: center
}
@media (max-width:991px) {
.c-footer-top form {
border-bottom: 2px solid #fff;
padding-bottom: 34px
}
}
.c-footer-top .nf-after-field .nf-error-msg,
.c-footer-top .nf-before-form-content {
display: none
}
.c-footer-top nf-fields-wrap {
display: flex;
justify-content: center
}
@media (max-width:991px) {
.c-footer-top nf-fields-wrap {
flex-wrap: wrap
}
.c-footer-top nf-fields-wrap nf-field {
width: 100%
}
}
.c-footer-top .nf-field-container {
clear: none;
float: left;
margin-bottom: 0
}
@media (max-width:991px) {
.c-footer-top .nf-field-container {
width: 100%
}
}
.c-footer-top .nf-response-msg {
padding-left: 10px;
padding-right: 10px;
text-align: center
}
.c-footer-top input[type=email] {
border: 0;
border-radius: 0;
float: left;
font-size: 15px;
font-size: .9375rem;
height: 45px;
line-height: 27px;
line-height: 1.688rem;
padding: 9px 10px;
text-align: center;
width: 222px
}
@media (max-width:991px) {
.c-footer-top input[type=email] {
width: 100%
}
}
.c-footer-top input[type=email]:focus {
outline: 0
}
.c-footer-top .field-wrap.email-wrap {
display: block
}
.c-footer-top .label-hidden .nf-field-element {
width: auto
}
.c-footer-top .label-above .nf-field-label {
margin-bottom: 0
}
.c-footer-top .field-wrap button,
.c-footer-top .field-wrap input[type=button] {
background-color: #f4a9a5;
border: 0;
border-radius: 0;
cursor: pointer;
float: left;
font-size: 15px;
font-size: .9375rem;
font-weight: 600;
line-height: 20px;
line-height: 1.25rem;
padding: 12.5px 0;
text-transform: uppercase;
width: 143px
}
.c-footer-top .field-wrap button:focus,
.c-footer-top .field-wrap input[type=button]:focus {
outline: 0
}
@media (max-width:991px) {
.c-footer-top .field-wrap button,
.c-footer-top .field-wrap input[type=button] {
width: 100%
}
}
.c-footer-top .field-wrap button:hover,
.c-footer-top .field-wrap input[type=button]:hover {
background-color: #f49d98
}
.c-footer-top ::-webkit-input-placeholder {
color: #9d9c9c
}
.c-footer-top ::-moz-placeholder {
color: #9d9c9c
}
.c-footer-top :-ms-input-placeholder {
color: #9d9c9c
}
.c-footer-top :-moz-placeholder {
color: #9d9c9c
}
.c-footer-top__fb {
margin: 0 auto;
padding-top: 34px
}
.c-footer-top__fb a {
align-items: center;
border-bottom: 0;
color: #202120;
display: flex;
font-family: Besom;
font-size: 29.008px;
font-size: 1.813rem;
justify-content: flex-start;
line-height: 29px;
line-height: 1.813rem;
text-decoration: none
}
.c-footer-top__fb a img {
margin-right: 5px;
width: 34px
}
.c-footer-top__fb a:not(:last-child) {
margin-bottom: 5px
}
.c-footer-top__input-holder {
display: flex;
justify-content: center
}
@media (max-width:991px) {
.c-footer-top__input-holder {
border-bottom: 2px solid #fff;
flex-wrap: wrap;
padding-bottom: 30px
}
.c-footer-top__input-holder button,
.c-footer-top__input-holder input {
width: 100%
}
}
.c-footer-top__content {
background-color: #ffd400;
float: left;
margin-top: -140px;
padding: 46px 0;
width: 100%
}
@media (max-width:991px) {
.c-footer-top__content {
margin-left: -10px;
margin-right: -10px;
width: auto
}
}
.c-footer-top__text {
font-family: Helvetica Rounded LT Std;
font-size: 22px;
font-size: 1.375rem;
font-weight: 700;
line-height: 29px;
line-height: 1.813rem;
text-align: center
}
@media (max-width:768px) {
.c-footer-top__text br {
display: none
}
}
.c-footer-top__column {
float: left;
width: 50%
}
.c-footer-top__column:nth-of-type(2) {
border-left: 2px solid #fff
}
@media (max-width:991px) {
.c-footer-top__column {
width: 100%
}
.c-footer-top__column:first-of-type {
border-right: 0;
padding-bottom: 33px;
padding-left: 30px;
padding-right: 30px
}
}
.c-footer-top__column--flex {
display: flex;
flex-direction: column
}
.c-gallery__image {
margin: 0 auto;
position: relative
}
.c-gallery__caption {
color: #707070;
font-size: .8em;
line-height: 1.2;
margin-top: .2em;
text-align: left;
width: 100%
}
.wpb_flexslider .slides a {
background-color: #f2f2f2;
border-bottom: 0;
display: flex;
flex-wrap: wrap;
position: relative
}
.wpb_flexslider .slides a:after {
border: 20px solid hsla(0, 0%, 100%, .5);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 9
}
@media (max-width:768px) {
.wpb_flexslider .slides a:after {
border: 5px solid hsla(0, 0%, 100%, .5)
}
}
.wpb_gallery .wpb_flexslider .flex-control-nav {
top: auto
}
.c-grey-content>.vc_column-inner {
padding-bottom: 202px
}
.c-product-projects {
margin-top: 25px
}
.c-product-projects h2 {
text-align: center
}
.c-header__branding img {
transition: width .6s cubic-bezier(.19, 1, .22, 1);
width: 124.71px
}
@media (max-width:1380px) {
.c-header__branding img {
width: 40px
}
}
.c-site-title {
display: none;
font-family: Helvetica Rounded LT Std;
font-size: 14px;
font-size: .875rem;
letter-spacing: 0;
line-height: 29.008px;
line-height: 1.813rem
}
@media (max-width:1380px) {
.c-site-title {
display: block
}
}
@media (max-width:480px) {
.c-site-title {
font-size: 11.2px;
font-size: .7rem
}
}
.c-header {
margin-top: 28px
}
@media (max-width:1380px) {
.c-header {
margin-top: 0;
padding-top: 5px
}
}
.c-header__container {
align-items: center;
display: flex;
margin: 0 auto;
max-width: 1280px;
position: relative;
width: 100%
}
@media (max-width:1380px) {
.c-header__container {
justify-content: space-between
}
}
#masthead {
height: 103.25px;
transition: height .6s cubic-bezier(.19, 1, .22, 1)
}
#masthead.is-shrinked {
background-color: #fff;
height: 90px;
left: 65px;
margin-top: 0;
position: fixed;
right: 65px;
top: 0;
z-index: 1003
}
#masthead.is-shrinked .c-header__branding img {
margin-top: 13px;
width: 80px
}
@media (max-width:991px) {
#masthead.is-shrinked {
left: 0;
padding-left: 10px;
padding-right: 10px;
right: 0
}
}
@media (max-width:1380px) {
#masthead {
height: 44.5px;
left: 65px;
position: fixed;
right: 65px;
top: 0;
z-index: 1003
}
#masthead.is-shrinked {
height: 44.5px;
padding-top: 5px
}
#masthead.is-shrinked .c-header__branding img {
margin-top: 0;
width: 40px
}
}
@media (max-width:991px) {
#masthead {
left: 10px;
right: 10px
}
}
.c-hero {
margin: 0 auto;
max-width: 1280px;
padding-top: 21.8px;
position: relative;
width: 100%
}
@media (max-width:1380px) {
.c-hero {
padding-top: 0
}
}
.c-hero__image-bg {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 420px;
width: 100%
}
@media (max-width:768px) {
.c-hero__image-bg {
height: 306px
}
}
@media (max-width:1250px) {
.c-hero--has-events {
margin-bottom: 240px
}
}
@media (max-width:768px) {
.c-hero--has-events {
margin-bottom: 270px
}
}
@media (max-width:991px) {
.c-hero--has-events.c-hero--one-event {
margin-bottom: 172px
}
}
@media (max-width:768px) {
.c-hero--has-events.c-hero--one-event {
margin-bottom: 179px
}
}
@media (max-width:991px) {
.c-hero--has-events.c-hero--no-event {
margin-bottom: 104px
}
}
@media (max-width:768px) {
.c-hero--has-events.c-hero--no-event {
margin-bottom: 88px
}
}
.c-hero__image img {
display: block;
width: 100%
}
.c-hero__more-events-mobile {
display: none;
margin-top: 30px;
text-decoration: none
}
@media (max-width:1250px) {
.c-hero__more-events-mobile {
display: block;
text-align: center;
width: 100%
}
}
.is-shrinked .c-hero__badge {
top: 150px
}
@media (max-width:1410px) {
.is-shrinked .c-hero__badge {
left: 65px
}
}
@media (max-width:1380px) {
.is-shrinked .c-hero__badge {
top: 75px
}
}
@media (max-width:991px) {
.is-shrinked .c-hero__badge {
display: none
}
}
.c-hero__badge {
left: calc(50% - 640px);
position: fixed;
top: 222px;
z-index: 1001
}
.c-hero__badge .c-hero__badge-image {
margin-left: -45.5px
}
.c-hero__badge img {
width: 91px
}
@media (max-width:1410px) {
.c-hero__badge {
left: 65px
}
}
@media (max-width:1380px) {
.c-hero__badge {
top: 75px
}
}
@media (max-width:991px) {
.c-hero__badge {
display: none
}
}
.c-hero__badge .c-hero__contact {
color: #9d9c9c;
font-weight: 300;
letter-spacing: 2px;
line-height: 22px;
line-height: 1.375rem;
padding-bottom: 23.5px;
position: fixed;
transform: translateX(-100%) rotate(-90deg);
transform-origin: 100% 100%
}
.c-hero__badge .c-hero__contact a,
.c-hero__badge .c-hero__contact a:hover,
.c-hero__badge .c-hero__contact a:visited {
color: #9d9c9c
}
@media (max-height:768px) {
.c-hero__badge .c-hero__contact a {
font-size: 11.2px;
font-size: .7rem
}
.c-hero__badge .c-hero__contact {
transform: translateX(-100%) rotate(-90deg) translateX(40px)
}
}
.c-hero__contact-tel a {
border-bottom: 0;
text-decoration: none
}
.c-hero__contact-mail {
padding-left: 30px
}
.c-hero__contact-mail a {
border-bottom: 1px solid #9d9c9c;
color: #9d9c9c;
text-decoration: none
}
.c-hero__contact-mail a:hover,
.c-hero__contact-mail a:visited {
color: #9d9c9c
}
@media (max-height:991px) {
.c-hero__contact-mail {
padding-left: 15px
}
}
.c-hero__content {
align-items: center;
bottom: 0;
display: flex;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0
}
.c-hero__title {
color: #fff;
font-size: 162.08px;
font-size: 10.13rem;
letter-spacing: 0;
line-height: 123px;
line-height: 7.688rem;
margin: -70px auto 0;
text-shadow: 2px 0 18px rgba(23, 14, 1, .68)
}
@media (max-width:1250px) {
.c-hero__title {
font-size: 108px;
font-size: 6.75rem;
line-height: 98px;
line-height: 6.125rem
}
}
@media (max-width:991px) {
.c-hero__title {
font-size: 60px;
font-size: 3.75rem;
line-height: 50px;
line-height: 3.125rem;
margin-top: 0
}
}
.c-hero__button,
.c-hero__button a {
line-height: 20px;
line-height: 1.25rem
}
.c-hero__button a {
border: 2px solid #fff;
border-radius: 30px;
color: #fff;
font-size: 15px;
font-size: .9375rem;
font-weight: 600;
letter-spacing: 2px;
padding: 11px 15px;
text-decoration: none;
text-shadow: none;
text-transform: uppercase;
background: #f49d98;
border-color: #f49d98;
color: #000;
}
.c-hero__button a:visited {
color: #fff
}
@media (max-width:991px) {
.c-hero__button {
}
}
.c-hero__button a:hover {
background: #f49d98;
border-color: #f49d98;
color: #000
}
.c-hero__events {
bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
left: 0;
position: absolute;
width: 100%
}
@media (max-width:1250px) {
.c-hero__events {
bottom: auto;
top: 100%
}
}
.c-hero__event:hover .c-hero__event-button:after {
transform: scaleX(1)
}
.c-hero__event {
background-color: #ffd400;
color: #202120;
text-decoration: none
}
.c-hero__event:hover,
.c-hero__event:visited {
color: #202120
}
@media (max-width:1250px) {
.c-hero__event {
position: relative
}
.c-hero__event:after {
content: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/next_black.svg);
height: 16px;
margin-top: -11px;
position: absolute;
right: 5px;
top: 50%;
width: 8px
}
.c-hero__event {
border-bottom: 1px solid #202120;
width: 100%
}
.c-hero__event:first-child {
padding-top: 3px
}
}
.c-hero__event-date {
float: left;
padding: 7.5px 0;
width: 78px
}
.c-hero__event-large .c-hero__event-date-holder {
width: 166px
}
@media (max-width:1250px) {
.c-hero__event-large .c-hero__event-date-holder {
width: 130px
}
.c-hero__event-large .c-hero__event-title-holder {
width: calc(100% - 130px)
}
}
.c-hero__event-end-date {
position: relative
}
.c-hero__event-end-date:before {
content: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/next_black.svg);
left: -4px;
margin-top: -9px;
position: absolute;
top: 50%;
width: 10px
}
.c-hero__event-date-holder {
align-items: center;
display: flex;
float: left;
height: 100%;
width: 78px
}
@media (max-width:1250px) {
.c-hero__event-date-holder {
width: 65px
}
}
.c-hero__event-title-holder {
align-items: center;
display: flex;
float: left;
margin-bottom: 3px;
width: 285px
}
@media (max-width:1250px) {
.c-hero__event-title-holder {
margin-bottom: 0;
width: calc(100% - 65px)
}
}
.c-hero__event-title {
background-color: #fff;
float: left;
font-weight: 700;
letter-spacing: 0;
line-height: 1.2;
padding: 10px 15px;
text-align: left;
width: 100%
}
.c-events__date {
background-color: #ffd400;
width: 64.38px
}
.c-hero__event-day {
font-family: Helvetica Rounded LT Std;
font-size: 45.008px;
font-size: 2.813rem;
font-weight: 700;
line-height: 1
}
@media (max-width:1250px) {
.c-hero__event-day {
font-size: 37.008px;
font-size: 2.313rem
}
}
.c-hero__event-month {
font-size: 15px;
font-size: .9375rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase
}
.c-hero__event-button-holder {
display: block;
margin-top: 10px
}
.c-hero__event-button {
display: inline-block;
font-weight: 600;
letter-spacing: 1px;
position: relative;
text-align: left;
text-transform: uppercase
}
.c-hero__event-button:after {
background-color: #000;
bottom: -1px;
content: "";
height: 1.5px;
left: 0;
position: absolute;
right: 0;
transform: scaleX(0);
transition: .4s ease-in-out
}
@media (max-width:768px) {
.c-hero__event-button:after {
transform: scaleX(1)
}
}
.c-hero__more-events {
background-color: #ffd400;
border: 0;
color: #202120;
text-decoration: none;
width: 363px
}
.c-hero__more-events:visited {
color: #202120
}
@media (max-width:1250px) {
.c-hero__more-events {
display: none
}
}
.c-hero__more-events:hover .c-hero__more-events-arrow {
-webkit-animation: move_forward_backward 2s infinite;
animation: move_forward_backward 2s infinite
}
.c-hero__more-events-title {
float: left;
font-size: 18px;
font-size: 1.125rem;
font-weight: 700;
line-height: 24px;
line-height: 1.5rem;
padding: 10px 40px 10px 15px;
text-align: left;
width: 285px
}
.c-hero__more-events-title-holder {
align-items: center;
display: flex;
float: left;
height: 100%;
width: 285px
}
.c-hero__more-events-button {
background-color: #fff;
float: left;
height: calc(100% - 3px);
position: relative;
width: 78px
}
.c-hero__more-events-arrow {
margin-top: -9px;
position: absolute;
right: 39px;
top: 50%;
transform: translateX(0);
transition: .3s;
width: 113px
}
.c-hero__title--hide-shadow {
text-shadow: none
}
.c-hero__image-bg-home {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 54%;
width: 100%
}
@media (max-width:768px) {
.c-hero__image-bg-home {
padding-top: 88%
}
}
.c-highlight {
font-style: italic;
position: relative
}
.c-highlight:before {
background-color: #202120;
bottom: 0;
content: "";
left: -16.5px;
position: absolute;
top: 0;
width: 4px
}
.c-highlight b {
font-style: normal
}
.c-icon {
background-color: #f2f2f2;
margin-bottom: 30px;
position: relative
}
.c-icon__icon {
text-align: center
}
.c-icon__icon img {
width: 95px
}
.c-icon__title {
font-family: Helvetica Rounded LT Std;
font-size: 26px;
font-size: 1.625rem;
font-weight: 700;
line-height: 32px;
line-height: 2rem;
margin-top: 23px;
text-align: center
}
.c-icon__text {
margin-top: 19px;
text-align: center
}
.c-icon__content {
padding: 34px 30px 56.5px
}
.c-icon__button {
bottom: -22.5px;
left: 0;
position: absolute;
text-align: center;
width: 100%
}
.c-icon__button a {
margin: 0 auto
}
.c-loading {
align-items: center;
background-color: hsla(0, 0%, 100%, .8);
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1009
}
.c-loading.is-active {
display: flex
}
.c-loading__heart {
-webkit-animation: heartbeat 3s infinite;
animation: heartbeat 3s infinite;
margin: 0 auto
}
.c-loading__heart img {
width: 50px
}
.c-member-form {
background-color: #ffd400;
padding: 40px 15px 66px
}
.c-member-form h2 {
font-family: Besom;
margin: 0;
text-align: center
}
.c-member-form p {
text-align: center
}
.c-member-form .nf-before-form-content {
display: none
}
.c-member-form .label-above .nf-field-label {
margin-bottom: 0
}
.c-member-form .nf-form-title h3 {
font-family: Besom;
font-size: 67.008px;
font-size: 4.188rem;
font-weight: 500;
line-height: 60px;
line-height: 3.75rem;
margin: 0;
text-align: center
}
.c-member-form .nf-after-form-content,
.c-member-form .nf-error-wrap {
display: none
}
.c-member-form .nf-field-container {
margin-bottom: 21px
}
.c-member-form .ninja-forms-req-symbol {
color: #9d9c9c
}
.c-member-form .nf-form-content {
margin: 0 auto;
max-width: 584px;
position: relative;
width: 100%
}
.c-member-form .nf-form-content nf-fields-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.c-member-form .nf-form-content nf-fields-wrap nf-field {
width: calc(50% - 10.5px)
}
.c-member-form .nf-form-content nf-fields-wrap nf-field:first-child,
.c-member-form .nf-form-content nf-fields-wrap nf-field:last-child {
width: 100%
}
.c-member-form .nf-form-content nf-fields-wrap nf-field:last-child {
margin-top: 45px
}
.c-member-form .nf-form-content nf-fields-wrap nf-field:last-child .nf-field-container {
margin-bottom: 0
}
@media (max-width:768px) {
.c-member-form .nf-form-content nf-fields-wrap nf-field {
width: 100%
}
}
.c-member-form .c-member-form__pre-text {
text-align: center;
width: 100%
}
.c-member-form .submit-wrap {
text-align: center
}
.c-member-form .nf-field-label {
color: #9d9c9c;
font-size: 15px;
font-size: .9375rem;
font-weight: 400;
left: 18px;
line-height: 1;
margin-top: -7.5px;
position: absolute;
top: 50%;
transition: .3s;
z-index: 1
}
.c-member-form .nf-field-label .optional,
.c-member-form .nf-field-label .required {
display: none
}
.c-member-form .nf-field-label.is-active {
color: #202120;
font-size: 8px;
font-size: .5rem;
margin-top: -19px
}
.c-member-form .nf-field-label.is-active .ninja-forms-req-symbol {
color: #202120
}
.c-member-form .nf-field-label label {
font-weight: 400
}
.c-member-form .nf-error .nf-field-element input,
.c-member-form .nf-error .nf-field-label,
.c-member-form .nf-error .nf-field-label .ninja-forms-req-symbol {
color: #e80000
}
.c-member-form .nf-pass .ninja-forms-field {
border-bottom: 1px solid #69bf29
}
.c-member-form .nf-field-element input,
.c-member-form .nf-field-element select {
-webkit-appearance: none;
background-color: #fff;
border: 0;
border-bottom: 1px solid #e0dddd;
border-radius: 0;
color: #202120;
font-size: 15px;
font-size: .9375rem;
height: 54px;
line-height: 54px;
padding-left: 17px
}
.c-member-form .nf-field-element input:focus,
.c-member-form .nf-field-element select:focus {
outline: 0
}
.c-member-form .nf-field-element input[type=button] {
align-items: center;
background-color: #f4a9a5;
border: 2px solid #f4a9a5;
border-radius: 30px;
color: #202120;
display: inline-flex;
font-size: 15px;
font-size: .9375rem;
font-weight: 600;
height: 45px;
letter-spacing: 2px;
line-height: 20px;
line-height: 1.25rem;
margin: 0 10px;
padding: 5px 15px;
text-align: center;
text-decoration: none;
text-transform: uppercase
}
.c-member-form .nf-field-element input[type=button]:visited {
color: #202120
}
.c-member-form .nf-field-element input[type=button]:hover {
background-color: #f49d98;
border-color: #f49d98;
color: #202120
}
.c-member-form .nf-field-element input[type=button] img {
display: inline-block;
margin-left: 10px;
width: 16px
}
.c-member-form .nf-error .ninja-forms-field {
border: 0;
border-bottom: 1px solid #e80000
}
.listselect-wrap select {
background-image: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/arrow-down-select.svg) !important;
background-position: calc(100% - 20px) 50%;
background-repeat: no-repeat;
background-size: 20px
}
.c-header__branding a {
border-bottom: 0
}
.c-navigation__logo {
display: none;
padding: 47px 0;
text-align: center
}
.c-navigation__logo img {
width: 150px
}
.c-toggle-menu {
cursor: pointer;
display: none;
font-family: Helvetica Rounded LT Std;
font-size: 11px;
font-size: .6875rem;
font-weight: 700;
letter-spacing: 0;
line-height: 29.008px;
line-height: 1.813rem
}
@media (max-width:1380px) {
.c-toggle-menu {
align-items: center;
display: flex
}
}
.c-toggle-menu__image {
margin-left: 10px;
margin-top: 3px;
width: 15px
}
.c-navigation__close {
cursor: pointer;
display: none;
height: 35px;
position: absolute;
right: 24px;
top: 24px;
width: 35px
}
.c-navigation__close:after,
.c-navigation__close:before {
background-color: #202120;
content: "";
height: 40px;
position: absolute;
right: 17px;
top: -2px;
width: 2px
}
.c-navigation__close:before {
transform: rotate(45deg)
}
.c-navigation__close:after {
transform: rotate(-45deg)
}
@media (max-width:1380px) {
.c-navigation__close {
display: block
}
}
.c-navigation__actions {
display: none;
flex-wrap: wrap;
justify-content: space-between;
padding: 34px 23px
}
.c-navigation__actions .o-button {
margin-bottom: 10px
}
.c-navigation__actions .o-button img {
height: 23px;
margin-left: 0;
margin-right: 15px;
width: 23px
}
@media (max-width:1380px) {
.c-navigation__actions {
display: flex
}
}
.c-navigation {
width: calc(100% - 333.71px)
}
.c-navigation .menu-main-menu-container>ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center
}
.c-navigation .menu-main-menu-container>ul>li {
display: inline-block;
margin: 0 10px;
position: relative
}
.c-navigation .menu-main-menu-container>ul>li>a {
border-bottom: 0;
color: #202120;
font-size: 15px;
font-size: .9375rem;
font-weight: 600;
letter-spacing: 2px;
line-height: 20px;
line-height: 1.25rem;
position: relative;
text-decoration: none;
text-transform: uppercase
}
.c-navigation .menu-main-menu-container>ul>li>a:after {
background: #202120;
bottom: -7px;
content: "";
height: 1.5px;
left: 0;
opacity: 1;
position: absolute;
transform: scaleX(0);
transition: .4s ease-in-out;
width: 100%
}
.c-navigation .menu-main-menu-container>ul>li>a:hover:after {
transform: scaleX(1)
}
@media (max-width:1380px) {
.c-navigation .menu-main-menu-container>ul>li>a:hover:after {
transform: scaleX(0)
}
}
.c-navigation .menu-main-menu-container>ul>li:hover>ul {
display: flex
}
@media (max-width:1380px) {
.c-navigation .menu-main-menu-container>ul>li:hover>ul {
display: none
}
}
.c-navigation .menu-main-menu-container>ul>li.current-menu-item>a:after,
.c-navigation .menu-main-menu-container>ul>li.current-menu-parent>a:after {
transform: scaleX(1)
}
@media (max-width:1380px) {
.c-navigation .menu-main-menu-container>ul>li.current-menu-item>a:after,
.c-navigation .menu-main-menu-container>ul>li.current-menu-parent>a:after {
transform: scaleX(0)
}
}
.c-navigation .menu-main-menu-container>ul>li.current-menu-item>ul,
.c-navigation .menu-main-menu-container>ul>li.current-menu-parent>ul {
display: flex
}
@media (max-width:1380px) {
.c-navigation .menu-main-menu-container>ul>li.current-menu-item>ul,
.c-navigation .menu-main-menu-container>ul>li.current-menu-parent>ul {
display: block;
padding-top: 0;
position: relative
}
.c-navigation .menu-main-menu-container>ul>li.current-menu-item>ul>li,
.c-navigation .menu-main-menu-container>ul>li.current-menu-parent>ul>li {
border-top: .5px solid #202120;
display: block;
width: 100%
}
.c-navigation .menu-main-menu-container>ul>li.current-menu-item>ul>li>a,
.c-navigation .menu-main-menu-container>ul>li.current-menu-parent>ul>li>a {
display: block;
line-height: 59.008px;
line-height: 3.688rem;
padding: 0 38px
}
}
.c-navigation .menu-main-menu-container>ul>li.c-help {
margin-top: -22.5px;
position: absolute;
right: 0;
top: 50%
}
.c-navigation .menu-main-menu-container>ul>li.c-help a {
align-items: center;
background-color: #f4a9a5;
border-radius: 30px;
display: flex;
justify-content: space-between;
line-height: 45px;
padding: 0 15px 0 30px;
width: 209px
}
.c-navigation .menu-main-menu-container>ul>li.c-help a:after {
display: none
}
.c-navigation .menu-main-menu-container>ul>li.c-help a img {
display: inline-block;
width: 22.2px
}
.c-navigation .menu-main-menu-container>ul>li.c-help a:hover {
background-color: #f49d98
}
.c-navigation .menu-main-menu-container>ul>li>ul {
display: none;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 10px 0 0;
position: absolute;
top: 100%;
width: 100%
}
.c-navigation .menu-main-menu-container>ul>li>ul>li {
display: inline-block
}
.c-navigation .menu-main-menu-container>ul>li>ul>li a {
border-bottom: 0;
color: #202120;
font-size: 14px;
font-size: .875rem;
letter-spacing: 0;
line-height: 19px;
line-height: 1.188rem;
text-decoration: none
}
.c-navigation .menu-main-menu-container>ul>li>ul>li a:hover,
.c-navigation .menu-main-menu-container>ul>li>ul>li.current-menu-item a {
font-weight: 600
}
@media (max-width:1380px) {
.c-navigation {
background-color: #fff;
bottom: 0;
display: none;
left: 0;
overflow-y: auto;
position: fixed;
right: 0;
top: 0;
transform: translateY(-100%);
transition: .3s;
width: 100%;
z-index: 1000
}
.c-navigation .c-navigation__logo {
display: block
}
.c-navigation.is-active {
transform: translateY(0)
}
.c-navigation .menu-main-menu-container>ul {
text-align: left
}
.c-navigation .menu-main-menu-container>ul>li {
border-bottom: 1px solid #202120;
display: block;
margin-left: 0;
position: relative;
width: 100%
}
.c-navigation .menu-main-menu-container>ul>li:after {
content: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/next_black.svg);
height: 16px;
margin-top: -11px;
position: absolute;
right: 30px;
top: 50%;
width: 8px
}
.c-navigation .menu-main-menu-container>ul>li:first-child {
border-top: 1px solid #202120
}
.c-navigation .menu-main-menu-container>ul>li>a {
display: block;
line-height: 59.008px;
line-height: 3.688rem;
padding: 0 38px
}
.c-navigation .menu-main-menu-container>ul>li.c-help {
margin-top: 0;
position: relative
}
.c-navigation .menu-main-menu-container>ul>li.c-help>a {
border-radius: 0;
display: block;
line-height: 59.008px;
line-height: 3.688rem;
padding: 0 38px;
width: 100%
}
.c-navigation .menu-main-menu-container>ul>li.c-help>a img {
display: none
}
}
.c-navigation--mobile {
display: none;
transform: translateY(-100%)
}
@media (max-width:1380px) {
.c-navigation--mobile {
display: block
}
}
.is-shrinked .c-navigation .menu-main-menu-container>ul>li>ul {
padding-top: 5px;
top: 100%
}
.c-partner {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.c-partner h2 {
margin-bottom: 12px;
margin-top: 25px;
text-align: center;
width: 100%
}
.c-partner__elem {
margin: 0 15px;
position: relative
}
.c-partner__image-hover {
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: .2s ease-in-out
}
.c-partner__elem:hover .c-partner__image-hover {
opacity: 1
}
.c-project {
background-color: #f2f2f2;
display: flex;
flex-direction: column;
margin: 0 auto;
max-width: 1280px;
padding-bottom: 202px;
width: 100%
}
.c-project h1 {
margin-top: 76px
}
.c-project h1,
.c-project h2 {
text-align: center
}
.c-project__prices {
display: flex
}
.c-project__price {
background-color: #fff;
cursor: pointer;
display: inline-block;
font-size: 15px;
line-height: 54px;
margin: 0 4px;
text-align: center;
width: 112px
}
@media (max-width:768px) {
.c-project__price {
width: 70px
}
}
.c-project__price:first-of-type {
margin-left: 0
}
.c-project__custom-price {
display: inline-block;
margin-left: 3px;
position: relative;
width: 213px
}
@media (max-width:768px) {
.c-project__custom-price {
width: 100px
}
}
.c-project__price.is-active {
background-color: #ffd400
}
.c-project__notice {
display: block;
font-size: 11px;
line-height: 14px;
padding-bottom: 40px
}
.c-project__select {
-webkit-appearance: none;
background-color: #fff;
background-image: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/arrow-down-select.svg) !important;
background-position: calc(100% - 20px) 50%;
background-repeat: no-repeat;
background-size: 20px;
border: 0;
border-radius: 0;
cursor: pointer;
margin-bottom: 10px;
outline: 0;
padding: 14px 20px;
width: 100%
}
.c-project__form {
margin: 0 auto;
max-width: 590px;
width: 100%
}
.c-project__custom-price input {
border: 0;
border-bottom: 1px solid #e0dddd;
border-radius: 0;
height: 53px;
line-height: 53px;
outline: 0;
padding: 0 0 0 27px;
width: 100%
}
.c-project__custom-price.is-active input {
background-color: #ffd400;
border-color: #ffd400
}
.c-project__custom-price label {
position: absolute
}
.c-project__button-holder {
display: block;
margin-top: 50px;
text-align: center
}
.c-project__button-holder .o-button {
display: block;
margin: 0 auto;
width: 181px
}
.c-project__text {
margin-top: 28px
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
.c-product-loop {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
margin: 0 0 140px;
padding: 0
}
.c-product-loop li {
width: calc(33.3333% - 15px)
}
@media (max-width:991px) {
.c-product-loop li {
margin-bottom: 70px;
width: 100%
}
}
.c-product-loop li img {
display: block;
width: 100%
}
.c-product-loop li .button {
align-items: center;
background-color: #fff;
border: 2px solid #f4a9a5;
border-radius: 30px;
color: #202120;
display: inline-flex;
font-size: 15px;
font-size: .9375rem;
font-weight: 600;
letter-spacing: 2px;
line-height: 20px;
line-height: 1.25rem;
margin: 0 10px;
padding: 10.5px 15px;
text-decoration: none;
text-transform: uppercase
}
.c-product-loop li .button:visited {
color: #202120
}
.c-product-loop li .button:hover {
background: #fff;
color: #202120
}
.c-product-loop__donation-slider {
display: block;
margin: 32px 0
}
.c-product-loop__donation-goal {
display: block;
margin-bottom: 37px
}
.c-product-loop__donation-progress,
.c-product-loop__donation-slider-bg {
border-radius: 10px;
height: 7.72px
}
.c-product-loop__donation-slider-bg {
background-color: #f2f2f2;
display: block;
position: relative;
width: 100%
}
.c-product-loop__donation-progress {
background-color: #f4a9a5;
bottom: 0;
left: 0;
position: absolute
}
.c-product-loop__donation-percent {
background-color: #f4a9a5;
border-radius: 50%;
display: block;
font-size: 13px;
font-weight: 700;
height: 41px;
line-height: 41px;
margin-left: -20px;
margin-top: -20px;
position: absolute;
text-align: center;
top: 50%;
width: 41px
}
.c-product-loop__donation-goal {
font-size: 15px;
line-height: 1.6;
text-align: center;
text-transform: uppercase
}
.c-product-loop__button {
bottom: 0;
left: 0;
position: absolute;
text-align: center;
transform: translateY(50%);
width: 100%
}
.c-product-loop__content {
background-color: #f2f2f2;
display: flex;
flex: 1 0 auto;
flex-direction: column;
margin-left: 22px;
margin-right: 22px;
margin-top: -67.61px;
padding: 19px 15px;
position: relative
}
.c-product-loop__content p {
margin: 0 0 5px
}
.c-product-loop__content h2 {
font-family: Helvetica Rounded LT Std;
font-size: 41.008px;
font-size: 2.563rem;
font-weight: 700;
line-height: 1;
margin: 0;
text-align: center
}
.c-product-loop--projects .c-product-loop__content h2 {
font-size: 22px;
line-height: 1.32
}
.c-product-loop--projects .c-product-loop__content {
background-color: #fff
}
.c-product__subtitle {
font-family: Helvetica Rounded LT Std;
font-size: 22px;
font-size: 1.375rem;
line-height: 27.008px;
line-height: 1.688rem;
margin-bottom: 31px;
margin-top: 12px;
text-align: center
}
.c-quote {
color: #707070;
font-size: 23.008px;
font-size: 1.438rem;
font-style: italic;
font-weight: 600;
line-height: 37px;
line-height: 2.313rem;
margin: 30px 0;
padding: 20px 0 30px;
text-align: center
}
.c-single-event {
margin: 0 auto;
max-width: 1280px;
width: 100%
}
.c-single-event h1 {
margin-top: 0;
text-align: center
}
.c-single-event__button {
text-align: center;
width: 100%
}
.c-single-event__content {
background-color: #f2f2f2;
float: left;
padding-bottom: 202px;
width: 100%
}
.c-sinlge-event__content-holder {
float: left;
width: 100%
}
.c-single-event__event {
background-color: #fff;
margin: -82px auto 0;
max-width: 1090px;
padding: 47px 0;
position: relative;
width: 100%;
z-index: 1
}
@media (max-width:991px) {
.c-single-event__event {
margin-top: 0
}
}
.has-no-header .c-single-event__event {
margin-top: 0
}
.c-single-event__related {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 75px auto 0;
max-width: 1090px;
width: 100%
}
.c-single-event__related h2 {
margin: 0 0 55px;
text-align: center;
width: 100%
}
.c-single-event__event-content {
margin: 0 auto;
max-width: 796px;
width: 100%
}
.c-single-post {
margin: 0 auto;
max-width: 1280px;
width: 100%
}
.c-single-post h1 {
margin-top: 0;
padding: 0 15px;
text-align: center
}
.c-single-post__content {
background-color: #f2f2f2;
float: left;
padding-bottom: 202px;
width: 100%
}
.c-sinlge-post__content-holder {
float: left;
width: 100%
}
.c-single-post__post {
background-color: #fff;
margin: -82px auto 0;
max-width: 1090px;
padding: 47px 0;
position: relative;
width: 100%;
z-index: 1
}
@media (max-width:768px) {
.c-single-post__post {
margin-top: 0
}
}
.c-single-post__related {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
max-width: 1090px;
padding-top: 75px;
width: 100%
}
.c-single-post__related h2 {
margin: 0 0 55px;
text-align: center;
width: 100%
}
.c-single-post__post-content {
font-size: 19.008px;
font-size: 1.188rem;
line-height: 32px;
line-height: 2rem;
margin: 0 auto;
max-width: 796px;
width: 100%
}
.c-single-post__date {
font-weight: 600;
letter-spacing: 3px;
line-height: 20px;
line-height: 1.25rem;
margin-bottom: 40px;
padding: 0 15px
}
.c-single-post__date,
.c-single-post__share-title {
font-size: 15px;
font-size: .9375rem;
text-align: center;
text-transform: uppercase
}
.c-single-post__share-title {
line-height: 32px;
line-height: 2rem
}
.c-single-post__share-icons {
margin-top: 10px;
text-align: center
}
.c-single-post__share-icons a {
border-bottom: 0;
display: inline-block;
margin: 0 auto
}
.c-single-post__share-icons img {
display: block;
width: 34px
}
.c-single-team {
background-color: #fff;
height: calc(100% - 110px);
margin: 55px auto 0;
max-height: 724px;
max-width: 1150px;
overflow-y: auto;
padding: 55px 60px;
position: relative;
width: 100%;
z-index: 100
}
@media (max-width:768px) {
.c-single-team {
margin-left: 55px;
margin-top: 0;
width: calc(100% - 55px)
}
}
.c-single-team__content {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.c-single-team__content h2 {
margin: 0;
text-align: left
}
.c-single-team__image {
width: calc(44% - 30px)
}
@media (max-width:768px) {
.c-single-team__image {
display: none
}
}
.c-single-team__image img {
display: block;
max-height: 613px;
width: 100%
}
.c-single-team__info {
width: calc(56% - 30px)
}
@media (max-width:768px) {
.c-single-team__info {
width: 100%
}
}
.c-single-team__position {
font-size: 20px;
font-size: 1.25rem;
line-height: 33px;
line-height: 2.063rem
}
.c-single-team__info-contact a {
color: #202120;
display: block;
font-weight: 600;
line-height: 34px;
line-height: 2.125rem
}
.c-single-team__close {
cursor: pointer;
height: 35px;
position: absolute;
right: 24px;
top: 24px;
width: 35px
}
.c-single-team__close:after,
.c-single-team__close:before {
background-color: #202120;
content: "";
height: 40px;
position: absolute;
right: 17px;
top: -2px;
width: 2px
}
.c-single-team__close:before {
transform: rotate(45deg)
}
.c-single-team__close:after {
transform: rotate(-45deg)
}
.c-slider {
margin: 0 -36px;
padding: 20px 0
}
.c-slider .swiper-button-next,
.c-slider .swiper-button-prev {
background-size: 12px 19px
}
.c-slider .swiper-button-next:focus,
.c-slider .swiper-button-prev:focus {
outline: 0
}
.c-slider .swiper-button-prev {
background-image: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/prev.svg)
}
.c-slider .swiper-button-next {
background-image: url(//kinderkrebshilfe.wien/wp-content/themes/theme/assets/img/next.svg)
}
.c-slider__image img {
display: block;
width: 100%
}
.c-slider__caption {
color: #707070;
font-size: 15px;
font-size: .9375rem;
line-height: 32px;
line-height: 2rem;
text-align: center
}
@media (max-width:768px) {
.c-team {
background-color: #f2f2f2;
margin-left: -10px;
margin-right: -10px;
padding: 55px 10px
}
}
.c-team__title {
margin: 0;
text-align: center
}
.c-team__overlay {
background-color: rgba(0, 0, 0, .7);
bottom: 0;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
transform: scale(0);
transform-origin: top left;
transition: .3s;
z-index: -1
}
.c-team__overlay.is-active {
opacity: 1;
transform: scale(1);
z-index: 1010
}
.c-team__content {
font-size: 18px;
font-size: 1.125rem;
margin: 0 auto;
max-width: 952.05px;
padding: 0 40px;
text-align: center;
width: 100%
}
.c-team__content p:first-child {
display: none
}
.c-team__team {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 30px;
position: relative
}
.c-team__member {
cursor: pointer;
display: flex;
flex-direction: column;
margin: 0 7.5px 46px;
width: calc(33.33333% - 15px)
}
@media (max-width:768px) {
.c-team__member {
margin-bottom: 26px;
width: 100%
}
}
.c-team__member:hover .c-team__more-info-text:after {
transform: scaleX(1)
}
.c-team__image {
flex: 0 0 auto;
padding-top: 66.66%;
position: relative;
width: 100%
}
.c-team__image img {
bottom: 0;
display: block;
margin-left: 50%;
max-height: 100%;
position: absolute;
transform: translateX(-50%);
width: auto
}
.c-team__info {
background-color: #fff;
margin: -50px 22px 0;
padding: 23px 10px 75px;
position: relative;
text-align: center;
width: calc(100% - 44px);
z-index: 10
}
.c-team__name {
font-size: 22px;
font-size: 1.375rem;
margin: 0;
text-align: center
}
.c-team__name,
.c-team__position {
line-height: 29px;
line-height: 1.813rem
}
.c-team__position {
font-size: 18px;
font-size: 1.125rem;
letter-spacing: 0
}
.c-team__more-info {
bottom: 24px;
font-size: 15px;
font-size: .9375rem;
font-weight: 600;
left: 50%;
line-height: 20px;
line-height: 1.25rem;
margin-top: 23px;
position: absolute;
text-align: center;
text-transform: uppercase;
transform: translateX(-50%)
}
.c-team__more-info-text {
display: inline-block;
position: relative
}
.c-team__more-info-text:after {
background: #202120;
bottom: -7px;
content: "";
height: 1.5px;
left: 0;
position: absolute;
transform: scaleX(0);
transition: .4s ease-in-out;
width: 100%
}
@media (max-width:768px) {
.c-team__more-info-text:after {
transform: scaleX(1)
}
}
.c-team__button {
text-align: center;
width: 100%
}
.c-team__button a {
cursor: pointer
}
.c-team__member-content {
display: flex;
flex: 1 0 auto
}
.c-testimonial {
background-color: #ffd400;
margin-bottom: -80px;
margin-top: -35px
}
.c-testimonial h2 {
margin: 0
}
.c-testimonial-content {
align-items: center;
display: flex;
flex-wrap: wrap;
padding: 55px
}
@media (max-width:768px) {
.c-testimonial-content {
padding: 15px
}
}
.c-testimonial-left {
text-align: right;
width: 30%
}
@media (max-width:768px) {
.c-testimonial-left {
text-align: left;
width: 100%
}
}
.c-testimonial-right {
margin-left: 16px;
width: calc(70% - 16px)
}
@media (max-width:768px) {
.c-testimonial-right {
width: 100%
}
}
.c-testimonial-text-pre {
font-family: Helvetica Rounded LT Std;
font-size: 87px;
font-weight: 700;
line-height: 0
}
.c-testimonial-text {
margin-top: 36px;
padding-left: 81px;
position: relative
}
@media (max-width:768px) {
.c-testimonial-text {
padding-left: 61px
}
}
.c-testimonial-text-pre {
left: 0;
position: absolute
}
.c-testimonial-text-holder {
font-size: 21px;
font-style: italic;
line-height: 1.6666667
}
.c-testimonial-author {
font-size: 18px;
font-weight: 700;
line-height: 1.944444;
margin-top: 36px;
padding-left: 141.4px;
position: relative
}
@media (max-width:768px) {
.c-testimonial-author {
padding-left: 121.4px
}
}
.c-testimonial-author:before {
background-color: #363836;
content: "";
height: 3px;
left: 81px;
position: absolute;
top: 50%;
width: 46px
}
@media (max-width:768px) {
.c-testimonial-author:before {
left: 61px
}
}
.c-text:last-of-type {
margin-bottom: 0;
margin-top: -1px
}
.c-text.c-text--padding-top-bottom {
margin-bottom: 79px;
margin-top: 79px
}
@media (max-width:768px) {
.c-text.c-text--padding-top-bottom {
margin-bottom: 39px;
margin-top: 39px
}
}
@media (max-width:600px) {
.c-text.c-text--padding-top-bottom {
margin-bottom: 33px;
margin-top: 33px
}
}
.c-text.c-text--padding-top {
margin-top: 79px
}
@media (max-width:768px) {
.c-text.c-text--padding-top {
margin-top: 39px
}
}
.c-text.c-text--padding-bottom {
margin-bottom: 79px
}
@media (max-width:768px) {
.c-text.c-text--padding-bottom {
margin-bottom: 39px
}
}
.c-text .c-text__holder h1,
.c-text .c-text__holder h2,
.c-text .c-text__holder h3,
.c-text .c-text__holder h4,
.c-text .c-text__holder h5,
.c-text .c-text__holder p {
margin-top: 0
}
.c-text .c-text__holder p:first-of-type {
margin: 0
}
.c-text .c-text__holder p:last-of-type {
margin-bottom: 0
}
.c-text .c-text__button {
text-align: center
}
@media (max-width:991px) {
.c-text .c-text__button {
text-align: center
}
}
@media (max-width:768px) {
.c-text .c-text__button .o-button {
margin-bottom: 10px
}
}
.c-text .c-text__holder {
background-color: #fff;
margin: 0;
padding: 48px 40px
}
@media (max-width:991px) {
.c-text .c-text__holder h2,
.c-text .c-text__holder h3,
.c-text .c-text__holder h4,
.c-text .c-text__holder h5 {
text-align: center
}
.c-text .c-text__holder {
margin: 0
}
}
@media (max-width:768px) {
.c-text .c-text__holder {
padding: 10px
}
}
.c-text .c-text__image img {
display: block;
width: 100%
}
.c-text .c-text__button {
margin-top: 30px
}
.c-text__image-bg {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 390px;
width: 100%
}
@media (max-width:480px) {
.c-text__image-bg {
height: 180px
}
}
.c-text--top .c-text__holder {
background-color: #fff;
margin-top: -130px;
padding: 57px 150px
}
@media (max-width:991px) {
.c-text--top .c-text__holder {
margin-left: 17px;
margin-right: 17px;
margin-top: -113px;
padding: 48px 40px
}
}
@media (max-width:768px) {
.c-text--top .c-text__holder {
padding: 10px
}
}
.c-text__button {
display: block
}
.c-text--image-right {
display: flex;
position: relative
}
.c-text--image-right .c-text__outer {
align-items: center;
display: flex;
position: relative;
z-index: 10
}
.c-text--image-right .c-text__holder {
margin: 58px 0;
width: 544px
}
@media (max-width:991px) {
.c-text--image-right .c-text__holder {
margin: -35px 17px 0
}
}
.c-text--image-right .c-text__button {
text-align: left
}
@media (max-width:991px) {
.c-text--image-right .c-text__button {
text-align: center
}
}
.c-text--image-right .c-text__image {
background-position: 50%;
background-size: cover;
height: 100%;
position: absolute;
right: 0;
width: 75%
}
@media (max-width:991px) {
.c-text--image-right {
flex-direction: column-reverse;
flex-wrap: wrap
}
.c-text--image-right .c-text__image {
padding-top: 50%;
position: relative;
width: 100%
}
.c-text--image-right .c-text__holder {
width: 100%
}
}
@media (max-width:480px) {
.c-text--image-right .c-text__image {
height: 180px;
padding-top: auto
}
}
.c-text__columns {
display: flex;
flex-wrap: wrap;
margin-top: 46px;
width: 100%
}
.c-text__columns-left,
.c-text__columns-right {
width: 50%
}
@media (max-width:768px) {
.c-text__columns-left,
.c-text__columns-right {
width: 100%
}
}
.c-text__columns-right {
padding-left: 43px
}
@media (max-width:768px) {
.c-text__columns-right {
padding-left: 0
}
}
.c-text__columns-left {
border-right: .5px solid #202120;
padding-right: 43px
}
@media (max-width:768px) {
.c-text__columns-left {
border-right: 0;
padding-right: 0
}
}
.c-text--image-left {
display: flex;
flex-direction: row-reverse;
position: relative
}
.c-text--image-left .c-text__outer {
align-items: center;
display: flex;
position: relative;
z-index: 10
}
.c-text--image-left .c-text__holder {
margin: 58px 0;
width: 544px
}
@media (max-width:991px) {
.c-text--image-left .c-text__holder {
margin: -35px 17px 0
}
}
.c-text--image-left .c-text__button {
text-align: left
}
@media (max-width:991px) {
.c-text--image-left .c-text__button {
text-align: center
}
}
.c-text--image-left .c-text__image {
background-position: 50%;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
width: 75%
}
@media (max-width:991px) {
.c-text--image-left {
flex-direction: column-reverse;
flex-wrap: wrap
}
.c-text--image-left .c-text__image {
padding-top: 50%;
position: relative;
width: 100%
}
.c-text--image-left .c-text__holder {
width: 100%
}
}
.c-text--image-top .c-text__outer {
margin-top: -80px;
position: relative;
z-index: 10
}
@media (max-width:991px) {
.c-text--image-top .c-text__outer {
margin-left: 17px;
margin-right: 17px;
margin-top: -35px
}
}
.c-text--image-top .c-text__holder {
margin: 0 auto;
max-width: 952.05px;
text-align: center;
width: 100%
}
@media (max-width:991px) {
.c-text--image-top .c-text__holder h2,
.c-text--image-top .c-text__holder h3,
.c-text--image-top .c-text__holder h4,
.c-text--image-top .c-text__holder h5 {
text-align: center
}
.c-text--image-top .c-text__holder {
text-align: left
}
}
@media (max-width:1280px) {
.vc-row.boxed.c-text--two-col {
margin-left: -15px;
margin-right: -15px;
max-width: 1180px;
width: calc(100% + 30px)
}
}
@media (max-width:991px) {
.vc-row.boxed.c-text--two-col {
margin-left: -10px;
margin-right: -10px;
width: calc(100% + 20px)
}
}
.c-text__image-bottom {
text-align: center
}
.c-text__columns--normal {
margin-top: 0
}
.c-text .wpb_text_column {
margin-bottom: 0;
width: 50%
}
@media (max-width:768px) {
.c-text .wpb_text_column {
width: 100%
}
}
.c-text .wpb_text_column:nth-child(odd) {
border-right: .5px solid #202120;
padding-right: 43px
}
@media (max-width:768px) {
.c-text .wpb_text_column:nth-child(odd) {
border-right: 0;
padding-right: 0
}
}
.c-text .wpb_text_column:nth-child(2n) {
padding-left: 43px
}
@media (max-width:768px) {
.c-text .wpb_text_column:nth-child(2n) {
padding-left: 0
}
}
.c-text--padding-top-none .c-text__holder {
padding-top: 0
}
.c-thankyou__open {
transform: translateY(-7px);
width: 51.18px
}
@media (max-width:768px) {
.c-thankyou__open {
width: 30px
}
}
.c-thankyou__close {
transform: translateY(30px);
width: 44.87px
}
@media (max-width:768px) {
.c-thankyou__close {
transform: translateY(15px);
width: 25px
}
}
.c-thankyou__content {
font-family: Besom;
font-size: 81.008px;
font-size: 5.063rem;
line-height: 69.008px;
line-height: 4.313rem;
margin-left: auto;
margin-right: auto;
margin-top: 137px;
max-width: 514px;
text-align: left;
width: 100%
}
@media (max-width:768px) {
.c-thankyou__content {
font-size: 40px;
font-size: 2.5rem;
line-height: 38.4px;
line-height: 2.4rem;
margin-top: 70px;
max-width: 265px
}
}
.c-thankyou__received {
font-family: Helvetica Rounded LT Std;
font-size: 28px;
font-size: 1.75rem;
line-height: 35.008px;
line-height: 2.188rem;
margin-top: 40px;
text-align: center;
width: 100%
}
@media (max-width:768px) {
.c-thankyou__received {
font-size: 17.6px;
font-size: 1.1rem;
line-height: 22.4px;
line-height: 1.4rem;
margin-top: 40px
}
}
.c-thankyou__bacs {
margin: 40px auto;
max-width: 514px;
text-align: center
}
.c-thankyou__bank-data {
font-weight: 400;
margin: 10px auto;
max-width: 514px;
text-align: center
}
.equalheight .wpb_wrapper {
height: 100%
}
.equalheight .vc_column-inner,
.equalheight .vc_column-inner .wpb_wrapper {
display: flex
}
.two-col p {
-moz-column-count: 2;
column-count: 2
}
@media (max-width:768px) {
.two-col p {
-moz-column-count: 1;
column-count: 1
}
}
@media (max-width:991px) {
.vc-row-inner .vc_column-inner {
margin-left: -10px;
margin-right: -10px;
width: calc(100% + 20px) !important
}
}
.flexslider {
box-shadow: none !important
}
.flexslider,
.flexslider .slides li {
position: relative
}
@media (max-width:768px) {
body .vc_custom_1539804033350 {
background-color: #fff !important
}
}
.flexslider .slides img {
margin: 0 auto;
width: auto !important
}
.vc_single_image-wrapper {
position: relative
}
.vc_single_image-wrapper:after {
border: 20px solid hsla(0, 0%, 100%, .5);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0
}
@media (max-width:768px) {
.vc_single_image-wrapper:after {
border: 5px solid hsla(0, 0%, 100%, .5)
}
}
.equalheight .vc-row-inner {
margin-left: -15px;
margin-right: -15px;
width: 100%
}
.vc-row-outer.padding-top-small {
padding-top: 30px
}
.vc-row-outer.padding-top-medium {
padding-top: 50px
}
.vc-row-outer.padding-top-large {
padding-top: 70px
}
.vc-row-outer.padding-top-xlarge {
padding-top: 90px
}
.vc-row-outer.padding-bottom-small {
padding-bottom: 30px
}
.vc-row-outer.padding-bottom-medium {
padding-bottom: 50px
}
.vc-row-outer.padding-bottom-large {
padding-bottom: 70px
}
.vc-row-outer.padding-bottom-xlarge {
padding-bottom: 90px
}
.vc-row-outer.minheight {
min-height: 500px
}
@media (max-width:768px) {
.vc-row-outer.minheight {
min-height: 300px
}
.vc-row-outer.padding-top-small .wpb_column:first-of-type {
margin: 0 0 15px
}
.vc-row-outer.padding-top-small .wpb_column:last-of-type {
margin: 15px 0 0
}
.vc-row-outer.padding-top-small .wpb_column {
margin: 15px 0
}
body .vc_column_container>.vc_column-inner {
padding-left: 10px;
padding-right: 10px
}
}
.vc-row {
content: "";
display: table;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
table-layout: fixed;
width: 100%
}
@media (max-width:768px) {
.vc-row {
padding: 0 10px
}
}
.vc-row.boxed {
max-width: 1150px
}
.vc-row.boxed_large {
max-width: 1310px
}
.vc-row.boxed_medium {
max-width: 1280px
}
.vc-row.boxed_small {
max-width: 952.05px
}
.row-column-gap-small .vc-row-inner {
margin-left: -30px;
margin-right: -30px
}
.row-column-gap-medium .vc-row-inner {
margin-left: -45px;
margin-right: -45px
}
.row-column-gap-large .vc-row-inner {
margin-left: -60px;
margin-right: -60px
}
.row-column-gap-small .vc-row-inner .vc_column_container>.vc_column-inner {
padding-left: 30px;
padding-right: 30px
}
.row-column-gap-medium .vc-row-inner .vc_column_container>.vc_column-inner {
padding-left: 45px;
padding-right: 45px
}
.row-column-gap-large .vc-row-inner .vc_column_container>.vc_column-inner {
padding-left: 60px;
padding-right: 60px
}
.vc-row-outer.equalheight {
display: -moz-flex;
display: flex
}
.vc-row-outer.equalheight>.vc-row,
.vc-row-outer.equalheight>.vc-row>.vc-row-inner {
display: -moz-flex;
display: flex;
-moz-flex: 1 1 auto;
flex: 1 1 auto
}
.vc-row-outer.equalheight>.vc-row>.vc-row-inner {
flex-wrap: wrap
}
.vc-row-outer.equalheight>.vc-row>.vc-row-inner>.vc-column-container {
display: -moz-flex;
display: flex
}
.vc-column-container.col-align-vertical-middle>.vc_column-inner {
-moz-align-items: center;
align-items: center;
display: -moz-flex;
display: flex
}
.vc-column-container.col-align-vertical-bottom>.vc_column-inner {
-moz-align-items: flex-end;
align-items: flex-end;
display: -moz-flex;
display: flex
}
.vc-column-container.col-align-middle>.vc_column-inner {
display: -moz-flex;
display: flex;
-moz-justify-content: center;
justify-content: center
}
.vc-column-container.col-align-right>.vc_column-inner {
-moz-justify-content: flex-end;
justify-content: flex-end
}
.vc-column-container.col-padding-top-small>.vc_column-inner {
padding-top: 30px
}
.vc-column-container.col-padding-top-medium>.vc_column-inner {
padding-top: 50px
}
.vc-column-container.col-padding-top-large>.vc_column-inner {
padding-top: 70px
}
.vc-column-container.col-padding-top-xlarge>.vc_column-inner {
padding-top: 90px
}
.vc-column-container.col-padding-bottom-small>.vc_column-inner {
padding-bottom: 30px
}
.vc-column-container.col-padding-bottom-medium>.vc_column-inner {
padding-bottom: 50px
}
.vc-column-container.col-padding-bottom-large>.vc_column-inner {
padding-bottom: 70px
}
.vc-column-container.col-padding-bottom-xlarge>.vc_column-inner {
padding-bottom: 90px
}
.vc-column-container.minheight>.vc_column-inner {
min-height: 500px
}
@media (max-width:768px) {
.vc-column-container.minheight>.vc_column-inner {
min-height: 300px
}
.vc-column-container.col-order-1 {
-moz-order: 1;
order: 1
}
.vc-column-container.col-order-2 {
-moz-order: 2;
order: 2
}
}
.vc-column-container>.vc_column-inner>.wpb_wrapper {
width: 100%
}
.vc-column-container.col-boxed>.vc_column-inner>.wpb_wrapper {
max-width: 555px
}
@media (max-width:768px) {
.vc-column-container.col-boxed>.vc_column-inner>.wpb_wrapper {
max-width: none
}
}
.vc-row-outer.vc_row {
margin-left: -15px;
margin-right: -15px
}
@media (max-width:991px) {
.vc-row-outer.vc_row {
margin-left: -10px;
margin-right: -10px
}
}
.vc-row-outer.vc_row-has-fill {
position: relative
}
.vc-column-container .vc-column-overlay,
.vc-row-outer .vc-row-overlay {
background: rgba(0, 0, 0, .6);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.o-button,
.search-submit,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button {
align-items: center;
background-color: #fff;
border: 2px solid #f4a9a5;
border-radius: 30px;
color: #202120;
cursor: pointer;
display: inline-flex;
font-size: 15px;
font-size: .9375rem;
font-weight: 600;
letter-spacing: 2px;
line-height: 20px;
line-height: 1.25rem;
outline: 0;
padding: 14px 15px;
text-decoration: none;
text-transform: uppercase
}
.o-button:visited,
.search-submit:visited,
.woocommerce #respond input#submit:visited,
.woocommerce a.button:visited,
.woocommerce button.button.alt:visited,
.woocommerce button.button:visited,
.woocommerce input.button:visited {
color: #202120
}
.o-button:hover,
.search-submit:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background-color: #f4a9a5;
border-color: #f4a9a5;
color: #202120
}
.o-button img,
.search-submit img,
.woocommerce #respond input#submit img,
.woocommerce a.button img,
.woocommerce button.button img,
.woocommerce button.button.alt img,
.woocommerce input.button img {
display: inline-block;
margin-left: 10px;
width: 16px
}
.wcdp-button-label {
color: black !important;
}
.wcdp_options {
margin-top: 14px !important;
}
.wcdp_options>li>label {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
#wcdp_amount>li>label {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.wcdp-button-label:after {
display: none !important;
}
.wcdp-body .required {
display: none;
}
.sku_wrapper,
.posted_in {
display: none;
}
#wcdp-step-3 h3:first-child {
content: 'Ihre Spende';
}
#wcdp-step-3 #order_payment_heading {
display: none !important;
}
#wcdp-step-3 h3,
.wcdp-variation-heading,
.wcdp-tab h2,
.entry-title {
font-size: 4.188rem;
letter-spacing: 0;
line-height: 60px;
line-height: 3.75rem;
position: relative;
text-align: center !important;
font-family: Besom,sans-serif;
display: block;
}
.wcdp-variation-heading {
margin-block-start: 0.83em;
margin-block-end: 0.43em;
}
.button.wcdp-button.wcdp-right {
margin-right: 20px;
}
#suggestion-projekt {
grid-template-columns: 1fr !important;
}
#suggestion-projekt label {
font-weight: normal !important;
text-align: center;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
padding-left: 5px !important;
}