/*
Theme Name: Treppe 4
Author: SUPERNOVÆ
Author URI: https://www.supernov.ae/
Version: 2018
*/
/* FONTS
font-family: 'Noto Sans', sans-serif;
font-weight: 400, 700;
*/
/* BASE */
body {
font-size: 100%;
font-family: 'Noto Sans', sans-serif;
font-weight: 400;
color: #666666;
line-height: 1.3;
background: #fff;
}
input, textarea, select, button {
font-family: 'Noto Sans', sans-serif;
font-weight: 400;
color: #666666;
}
img {
max-width: 100%;
}
.load-more {
text-align: center;
}
.wysiwyg a {
-webkit-transition: color 150ms;
-moz-transition: color 150ms;
-ms-transition: color 150ms;
-o-transition: color 150ms;
transition: color 150ms;
text-decoration: underline;
}
.wysiwyg a:hover {
text-decoration: none;
}
.wysiwyg > *:not(:last-child) {
margin-bottom: 1em;
}
.wysiwyg strong {
}
.wysiwyg > ul,
.wysiwyg > ol {
counter-reset: supernovae;
}
.wysiwyg > ul li,
.wysiwyg > ol li {
position: relative;
padding-left: 1.5em;
}
.wysiwyg > ul li:not(:last-child),
.wysiwyg > ol li:not(:last-child) {
}
.wysiwyg > ul li::before {
content: '—';
position: absolute;
left: 0;
}
.wysiwyg > ol li::before {
content: counter(supernovae) '.';
counter-increment: supernovae;
position: absolute;
left: 0;
}
.wysiwyg > ul ul li::before {
}
.wysiwyg > ul ul,
.wysiwyg > ol ol {
}
.wysiwyg table {
width: auto !important;
}
.wysiwyg table td {
width: auto !important;
height: auto !important;
}
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
span.loading img {
top: -12px;
}
span.loading {
vertical-align: middle;
}
/* BUTTONS */
.btn {
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
background: rgb(254,65,81);
background: linear-gradient(90deg, rgba(254,65,81,1) 0%, rgba(194,120,156,1) 100%);
color: #fff;
font-size: 1.125rem;
padding: .88888888888888888888em 3.4375em;
border: 0;
margin: 0;
outline: 0;
border-radius: 4px;
position: relative;
transition: opacity 150ms;
}
.btn::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 1;
background: rgb(215,58,70);
background: linear-gradient(90deg, rgba(215,58,70,1) 0%, rgba(164,103,134,1) 100%);
opacity: 0;
transition: opacity 150ms;
border-radius: 4px;
}
.btn > * {
position: relative;
z-index: 2;
}
.btn:hover::after {
opacity: 1;
}
.btn-white {
background: #fff;
color: #FF4653;
}
.btn-white:hover {
opacity: 0.9;
}
.btn-white::after {
display: none;
}
.lnk {
display: inline-block;
color: #FF4653;
font-size: 1.125rem;
transition: color 150ms;
}
.lnk:hover {
color: #D93C47;
}
.lnk i {
font-size: 67.7%;
vertical-align: middle;
margin-top: -0.2em;
display: inline-block;
}
.lnk span.icon:first-child {
margin-right: 0.5em;
}
.lnk-white {
color: #fff;
transition: opacity 150ms;
opacity: 1;
}
.lnk-white:hover {
opacity: 0.6;
color: #fff;
}
/* HEADLINES */
.hdln-a {
font-size: 3.5rem;
line-height: 1.35714285714285714285;
font-weight: 600;
}
.wysiwyg .hdln-a {
margin-bottom: .05em;
}
.hdln-b {
font-size: 2.375rem;
line-height: 1.36842105263157894736;
font-weight: 600;
margin-bottom: .57894736842105263157em !important;
}
.hdln-c {
font-size: 1.875rem;
line-height: 1.36666666666666666666;
}
.wysiwyg .hdln-c {
margin-bottom: 1.33333333333333333333em;
}
.wysiwyg > p + .hdln-c {
margin-top: 1.7em;
}
.hdln-d {
color: #FF4653;
}
.wysiwyg .hdln-d {
margin-bottom: 1.33333333333333333333em;
margin-top: 2.75em;
}
.hdln-e {
font-size: 1.125em;
line-height: 1.71428571428571428571;
}
/* COPY */
.cpy-a {
font-size: 1.125rem;
line-height: 1.66666666666666666666;
}
/* HEADER */
.sticky-wrapper {
height: 6.25em !important;
}
header.main {
padding: 2.06250000000000000000em 0 2.125em 0;
height: 6.25em;
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 9999 !important;
transition: height 750ms 0ms;
transition-timing-function: cubic-bezier(0.19,1,.22,1);
overflow: hidden;
box-sizing: border-box;
}
header.main::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgb(255,62,77);
background: linear-gradient(65deg, rgba(255,62,77,1) 0%, rgba(113,191,255,1) 100%);
z-index: 1;
pointer-events: none;
}
body.menu header.main {
height: 100vh;
}
header.main > .inner {
padding: 0 3.75rem;
max-width: 92.5rem;
box-sizing: border-box;
margin: 0 auto;
height: calc(100% - 4.2em);
position: relative;
z-index: 2;
}
header.main .inner-wrap {
position: relative;
height: 100%;
}
.site-title {
position: relative;
z-index: 2;
display: inline-block;
}
.site-title a {
display: block;
height: 2.06250000000000000000em;
}
.site-title img {
display: block;
width: 10.5em;
max-width: none;
height: 100%;
}
nav.header {
height: calc(100vh - 8.4375em);
position: absolute;
display: flex;
color: #fff;
z-index: 1;
width: 100%;
}
nav.header > .inner {
position: relative;
max-width: 46.75em;
width: 100%;
margin: auto;
align-self: center;
padding: 1em 0;
}
nav.header .header-menu-wrap .menu > li,
nav.header .legal-menu-wrap .menu > li {
font-size: 1.875em;
margin-bottom: 0.9em;
opacity: 0;
transform: translateY(-35px);
transition: all 1000ms 250ms;
transition-timing-function: cubic-bezier(0.19,1,.22,1);
position: relative;
}
nav.header .legal-menu-wrap .menu > li {
margin-bottom: 0;
font-size: 1.125em;
}
nav.header .menu > li:nth-child(1) { transition-delay: 250ms; }
nav.header .menu > li:nth-child(2) { transition-delay: 275ms; }
nav.header .menu > li:nth-child(3) { transition-delay: 300ms; }
nav.header .menu > li:nth-child(4) { transition-delay: 325ms; }
nav.header .menu > li:nth-child(5) { transition-delay: 350ms; }
nav.header .menu > li:nth-child(6) { transition-delay: 375ms; }
nav.header .menu > li:nth-child(7) { transition-delay: 400ms; }
nav.header .legal-menu-wrap .menu > li:nth-child(1) { transition-delay: 425ms; }
nav.header .legal-menu-wrap .menu > li:nth-child(2) { transition-delay: 450ms; }
body.menu nav.header .menu > li,
body.menu nav.header .legal-menu-wrap .menu > li {
opacity: 1;
transform: none;
}
nav.header a {
transition: opacity 150ms;
opacity: 1;
position: relative;
display: inline-block;
}
nav.header a:hover {
opacity: 0.6;
}
nav.header .header-menu-wrap .menu > li a::after {
content: '';
position: absolute;
bottom: -0.25em;
left: 0;
height: 3px;
width: 60px;
width: 20px;
opacity: 0;
background: #fff;
display: block;
overflow: hidden;
transition: width 300ms, opacity 300ms;
transition-timing-function: cubic-bezier(0.19,1,.22,1);
}
nav.header .header-menu-wrap .menu > li a:hover::after,
nav.header .header-menu-wrap .menu > li.current-menu-item a::after {
width: 60px;
opacity: 1;
}
.legal-menu-wrap {
margin-top: 4.0625em;
}
.legal-menu-wrap li:first-child {
margin-right: auto;
}
.btn-menu {
position: absolute;
right: 0;
top: 0.1em;
color: #fff;
font-size: 144%;
line-height: 1;
z-index: 2;
width: 2.125em;
height: 2em;
}
.btn-menu i {
position: absolute;
top: 0;
transition: opacity 150ms, transform 150ms;
}
.btn-menu .icon-menu-close {
font-size: 117.2%;
top: -0.1em;
left: 0.15em;
}
.btn-menu .icon-menu-close,
body.menu .btn-menu .icon-menu {
opacity: 0;
transform: scale(0.5);
}
.btn-menu .icon-menu,
body.menu .btn-menu .icon-menu-close {
opacity: 1;
transform: none;
}
/* MODULES */
.module .module-inner,
.module-slideshow .slick-dots {
max-width: 54.25em;
margin: 0 auto;
padding: 0 3.75rem;
box-sizing: border-box;
}
.module-full-width .module-inner {
max-width: none;
padding: 0;
}
.module {
margin-bottom: 8.75em;
}
body.home .modules .module:first-child {
margin-top: 8.75em;
}
.module.has-no-margin-if-last:last-child {
margin-bottom: 0 !important;
}
/* PAGE: SOCIAL STARTUP */
.module-social-startup .module-inner {
max-width: 74.5em;
}
body.view-social-startup .header-and-main {
background: rgb(255,62,77);
background: linear-gradient(45deg, rgba(255,62,77,1) 0%, rgba(113,191,255,1) 100%);
}
body.view-social-startup .modules,
body.view-social-startup .module-breadcrumb .label span {
color: #fff;
}
body.view-social-startup header.main::after {
opacity: 0;
transition: opacity 300ms;
}
body.view-social-startup.menu header.main::after {
opacity: 1;
}
.social-startup-list > li {
margin-bottom: 5em;
}
.social-startup-list .col-1 {
width: 35.44776119402985074600%;
margin-right: 4.19776119402985074600%;
text-align: center;
display: block;
}
.social-startup-list > li:nth-child(even) .col-1 {
margin-right: 0;
margin-left: 4.19776119402985074600%;
}
.social-startup-list .col-2 {
width: 44.77611940298507462600%;
}
.social-startup-list .col-2 .wysiwyg {
margin: auto 0;
}
.social-startup-list > li:nth-child(even) .col-2 {
margin-left: 14.83208955223880597000%;
}
.social-startup-list > li:nth-child(even) .col-1,
.social-startup-list > li:nth-child(odd) .col-2 {
order: 2;
}
.social-startup-list > li:nth-child(odd) .col-1,
.social-startup-list > li:nth-child(even) .col-2 {
order: 1;
}
.bubble img {
width: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.bubble {
border: 1px solid #FFFFFF;
border-radius: 50%;
height: 0;
padding-top: 100%;
width: 100%;
position: relative;
display: inline-block;
}
.bubble-a {
width: 73.03664921465968586300%;
padding-top: 73.03664921465968586300%;
}
.bubble-c {
width: 89.52879581151832460700%;
padding-top: 89.52879581151832460700%;
}
.social-startup-list > li.footer {
margin-top: 8.125em;
}
.social-startup-list > li.footer .col-1 {
order: 1 !important;
margin: 0 auto !important;
}
.social-startup-list > li.footer .col-2 {
order: 2 !important;
margin: 3.1875em auto 0 auto !important;
text-align: center;
}
.social-startup-list > li.footer .btn-set {
margin-top: 3.125em;
}
.line {
position: absolute;
pointer-events: none;
user-select: none;
display: none;
}
.line.loaded {
display: block;
}
.line path {
stroke: #fff;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
stroke-width: 1px;
fill: none;
}
/* SNIPPET: EVENT TEASER */
article.event-teaser a {
padding: 2.7em 0;
display: block;
background: #fff;
transition: background 150ms;
}
article.event-teaser a:hover {
background: #f9f9f9;
}
.col-set-event-teaser .col-1 {
width: 20.92050209205020920500%;
margin-right: auto;
}
.col-set-event-teaser .col-2 {
width: 74.755927475592747559%;
padding-right: 4.4375em;
position: relative;
display: block;
}
article.event-teaser a .btn-facebook {
position: absolute;
right: 1rem;
top: 50%;
z-index: 3;
font-size: 240.625%;
line-height: 1;
color: #B3B3B3;
transform: translateY(-50%);
transition: color 150ms;
}
article.event-teaser a:hover .btn-facebook {
color: #8e8e8e;
}
article.event-teaser.is-highlighted .col-set-event-teaser {
padding: 0 .7em 0 2.7em;
}
.date-box {
text-align: center;
position: relative;
font-size: 1em;
}
.event-teaser.is-highlighted .date-box {
height: 0;
padding-top: 100%;
background: rgb(255,67,80);
background: linear-gradient(45deg, rgba(255,67,80,1) 0%, rgba(193,122,160,1) 100%);
color: #fff;
}
@media only screen and (max-width: 885px) {
.date-box {
font-size: 1.80790960451977401100vw;
}
}
.date-box > div {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.date-box .month {
font-weight: 400;
font-size: 1.125em;
display: block;
margin-bottom: 0.5em;
text-transform: uppercase;
}
.date-box .day {
font-weight: 400;
font-size: 3.5em;
display: block;
}
.event-teaser .meta {
font-size: .875em;
color: #D0D0D0;
}
.event-teaser.is-highlighted .month {
font-weight: 700;
margin-top: 1.3em;
}
.event-teaser.is-highlighted .day {
font-weight: 700;
}
.event-teaser.is-highlighted .meta {
color: #666666;
font-size: 1.125em;
}
.event-teaser .meta-datetime {
margin-bottom: 1.07142857142857142857em;
}
.event-teaser .meta-place {
margin-top: 1.07142857142857142857em;
}
.event-teaser.is-highlighted .meta-datetime {
margin-bottom: .55555555555555555555em;
}
.event-teaser.is-highlighted .meta-place {
margin-top: .55555555555555555555em;
}
.event-teaser h3 a:hover {
text-decoration: underline;
}
/* MODULE: EVENT TEASER */
.module-event-teaser .module-body article {
margin: 3.125em 0;
}
/* MODULE: EVENTS */
.event-teasers-list {
border-top: 1px solid #d1d1d1;
}
.event-teasers-list > li {
border-bottom: 1px solid #d1d1d1;
}
.module-future-events .event-teasers-list {
margin-top: 3.5625em;
}
.module-past-events .event-teasers-list {
margin-top: 2.6875em;
}
.module-past-events .btn-set {
margin-top: 5em;
}
/* MODULE: NEWSLETTER TEASER */
.module-newsletter-teaser .module-content-wrap {
border: 1px solid #d1d1d1;
padding: 5.1875em 2em 5.625em;
text-align: center;
}
.module-newsletter-teaser .wysiwyg {
max-width: 31.25rem;
margin: 0 auto;
}
.module-newsletter-teaser .btn-set {
margin-top: 3.125em;
}
.module-newsletter-teaser .icon-email-1 {
font-size: 262.6%;
color: #ededed;
margin-bottom: 1.5rem;
display: block;
}
/* MODULE: HERO (IMAGE) */
.module-hero-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-bottom: 6.625em;
}
.module-hero-image .module-wrap {
height: 30.625em;
}
/* MODULE: HERO (HOME) */
.module-hero-home {
margin-bottom: 0 !important;
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
margin-top: 0;
transition: margin-top 1500ms 0ms;
transition-timing-function: cubic-bezier(0.19,1,.22,1);
--height: 0;
height: calc(100vh - 6.25em);
}
.iosvhissue .module-hero-home {
height: calc(100vh - var(--ios-vh-issue) - 6.25em);
}
body.menu .module-hero-home {
margin-top: var(--height);
transition-duration: 750ms;
}
.module-hero-home img {
display: none;
}
/* MODULE: LIST */
.module-list .module-content-wrap,
.module-pricing .module-content-wrap,
.module-people .module-content-wrap,
.module-contact-form .module-content-wrap {
margin-top: 3.125em;
}
.module-list ul {
font-size: 1.875em;
line-height: 1.36666666666666666666;
}
.module-list .module-content-wrap li {
position: relative;
padding-left: 1.66666666666666666666em;
background: url(imgs/checkmark.svg) no-repeat left top .3em;
background-size: .86666666666666666666em auto;
}
.module-list .module-content-wrap li:not(:last-child) {
margin-bottom: 1em;
}
/* MODULE: MAP */
.module-map .map {
height: 35.375em;
}
/* MODULE: CONTACT FORM */
.form-list > li {
margin-bottom: 3.125em;
}
.form-list label {
display: block;
font-size: 1.125em;
color: #B3B3B3;
transition: color 150ms;
}
.form-list li.textarea label {
margin-bottom: 1em;
}
.form-list > li.focused label {
color: #666666;
}
.form-list li.input input,
.form-list li.textarea textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: 0;
border-radius: 0 !important;
outline: 0;
font-size: 1.875em;
margin: 0;
display: block;
width: 100%;
box-sizing: border-box;
transition: border-color 150ms;
padding: 0.5em 0;
line-height: 1.3;
}
.form-list li.input input {
border-bottom: 1px solid #b3b3b3;
}
.form-list li.textarea textarea {
padding: 0.5em;
border: 1px solid #b3b3b3;
border-radius: 4px !important;
}
.form-list li.focused input,
.form-list li.focused textarea {
border-color: #666666;
}
.form-list li.error input,
.form-list li.error textarea {
border-color: #FF4653;
color: #FF4653;
}
.form-list li.error label {
color: #FF4653;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
background-color: #FFFFFF !important;
color: #666666 !important;
-webkit-box-shadow: 0 0 0 1000px white inset !important;
-webkit-text-fill-color: #666666 !important;
}
.form-list .wpcf7-form-control-wrap {
display: inline-flex;
flex-direction: column;
width: 100%;
}
.form-list .wpcf7-form-control-wrap input,
.form-list .wpcf7-form-control-wrap textarea {
order: 2;
}
.form-list .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
order: 1;
color: #FF4653;
padding-top: 0.25em;
}
.wpcf7 .screen-reader-response {
display: none !important;
}
.wpcf7-response-output
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok {
color: #FF4653;
font-size: 1.125em;
}
.wpcf7-form.sent .wpcf7-response-output,
.wpcf7-mail-sent-ok {
color: #666666;
}
/* MODULE: PEOPLE */
.organisations-list {
border-top: 1px solid #d1d1d1;
}
.organisations-list > li {
border-bottom: 1px solid #d1d1d1;
}
.organisations-list .li-header {
padding: 2.1875em 0;
cursor: pointer;
user-select: none;
position: relative;
}
.organisations-list .triangle {
position: absolute;
right: 1em;
top: 50%;
margin-top: -.625em;
color: #FF4653;
transition: color 500ms, transform 500ms;
}
.organisations-list .triangle i {
font-size: 70%;
}
.organisations-list > li.open .triangle {
transform: rotate(180deg);
color: #B3B3B3;
}
.organisation-header {
margin-bottom: 3.9375em;
}
.organisation-header p:not(:last-child) {
margin-bottom: 1.5em;
}
.organisations-list a {
transition: color 150ms;
color: #FF4653;
}
.organisations-list a:hover {
color: #D93C47;
}
.people-meta .place,
.people-meta .role {
color: #707070;
margin-bottom: 1em;
}
.people-meta .phone {
margin-bottom: 0.65em;
}
.people-list .col-2 {
width: 14.375em;
}
.people-list .col-1 {
width: calc(100% - 14.375em - 2em);
margin-right: auto;
}
.people-list > li:not(:last-child) {
margin-bottom: 7.5em;
}
.people-list {
margin-bottom: 4.75em;
}
.organisations-list .li-body {
display: none;
}
/* MODULE: TEASER */
.module-teaser {
background: rgb(253,71,84);
background: linear-gradient(63deg, rgba(253,71,84,1) 0%, rgba(194,121,159,1) 100%);
color: #fff;
}
.module-teaser .module-wrap {
padding: 9.375em 0;
}
.module-teaser .module-header {
position: relative;
}
.module-teaser .btn-set {
margin-top: 2em;
}
.module-teaser .module-header .icon {
position: absolute;
width: 4.75em;
top: 0.3em;
left: -6em;
}
.module-teaser .hdln-b a:hover {
text-decoration: underline;
}
/* MODULE: IMAGE */
.module-image .module-wrap {
max-width: 92.5em;
margin: 0 auto;
}
/* MODULE: SLIDESHOW */
.module-slideshow .module-wrap {
max-width: 70.75em;
margin: 0 auto;
}
.module-slideshow .slide {
position: relative;
}
.module-slideshow .slick-dots {
width: 100%;
text-align: center;
margin-top: 2.5em;
}
.module-slideshow .slick-dots li {
display: inline-block;
}
.module-slideshow .slick-dots button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
display: inline-block;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
width: .8125em;
height: .8125em;
overflow: hidden;
color: transparent;
background: #ececec;
transition: background 150ms;
cursor: pointer;
margin: 0 .625em;
}
.module-slideshow .slick-dots button:hover,
.module-slideshow .slick-dots .slick-active button {
background: #b3b3b3;
}
/* MODULE: PRICING */
.pricing-table {
margin-bottom: 3.25em;
}
.pricing-table thead th {
border-bottom: 1px solid #d1d1d1;
font-size: 1.125em;
font-weight: 400;
text-align: center;
vertical-align: top;
padding: 0 1rem 3rem 0;
}
.pricing-table tbody tr > * {
font-size: 1.125em;
padding: 3rem 1rem 0 0;
text-align: center;
font-weight: 400;
vertical-align: top;
}
.pricing-table tr > *:first-child {
text-align: left;
}
.pricing-table td span {
color: #FF4653;
}
.pricing-table tbody tr:nth-child(1) th,
.setting-item:nth-child(1) h3 { color: #FF4653; }
.pricing-table tbody tr:nth-child(2) th,
.setting-item:nth-child(2) h3 { color: #C07B9F; }
.pricing-table tbody tr:nth-child(3) th,
.setting-item:nth-child(3) h3 { color: #71BEFF; }
.pricing-table tbody tr:nth-child(4) th,
.setting-item:nth-child(4) h3 { color: #B3B3B3; }
.module-pricing .vat {
text-align: left;
font-size: 1.125em;
margin-top: 1.5em;
}
.module-pricing .discount {
font-size: 1.125em;
color: #FF4653;
margin-top: 1.5em;
}
.module-pricing .btn-set {
margin-top: 3.75em;
}
/* MODULE: SETTING */
.setting-item {
width: 45.721925133689839572%;
margin-right: auto;
margin-bottom: 3.75em;
border: 1px solid #b3b3b3;
padding: 2em 1.875em;
padding-bottom: 0.5em;
text-align: center;
}
.setting-item:nth-child(even) {
margin-right: 0;
}
.setting-item h3 {
margin-bottom: 0.3em;
}
.setting-item .size {
margin-bottom: 1em;
}
.setting-item h4 {
margin-bottom: 2.22222222222222222222em;
}
img.tisch-mittig {
max-width: 2.625em;
}
img.u-foermig {
max-width: 2.9375em;
}
img.zweiertische {
max-width: 4.125em;
}
img.nur-stuehle {
max-width: 3.8125em;
}
img.stuhlkreis {
max-width: 4.375em;
}
.col-set-variants > li {
width: 42.857142857142857142%;
margin-right: auto;
display: block;
margin-bottom: 3.4375em;
}
.col-set-variants > li:nth-child(even) {
margin-right: 0;
}
.col-set-variants > li span {
display: block;
font-size: 1.125em;
}
.col-set-variants > li figure {
height: 4.375em;
margin-bottom: .625em;
display: flex;
width: 100%;
}
.col-set-variants > li figure img {
margin: auto;
}
.col-set-variants > li.stehplaetze span {
color: #B3B3B3;
padding-top: 1.5em 0;
}
.col-set-variants > li.stehplaetze span em {
font-style: normal;
display: block;
}
/* MODULE: FLOOR MAP */
.floor-map-table,
.pricing-table {
width: 100%;
border: 0;
border-spacing: 0;
}
.floor-map-table tr > * {
border-bottom: 1px solid #d1d1d1;
padding: 2.5rem 1rem;
}
.floor-map-table thead th {
font-size: 1.125em;
font-weight: 400;
text-align: left;
vertical-align: middle;
padding: 1.75rem 1rem;
}
.floor-map-table thead th:first-child {
color: #FF4653;
}
.floor-map-table tbody td:first-child {
font-size: 3.5em;
color: #FF4653;
font-weight: 700;
}
/* MODULE: BREADCRUMB */
.module-breadcrumb {
margin-bottom: 1.125em;
}
.module-breadcrumb:first-child {
margin-top: 7.5em;
}
.module-breadcrumb .module-inner {
max-width: 67.125em;
}
.module-breadcrumb .label {
display: inline-block;
width: 6.4375em;
transition: opacity 1s, transform 1s;
transition-delay: 1s;
transition-timing-function: cubic-bezier(0.19,1,.22,1);
opacity: 0;
transform: translateX(-20px);
}
body.document-ready .module-breadcrumb .label {
opacity: 1;
transform: none;
}
.module-breadcrumb .label span {
font-size: .875em;
color: #D0D0D0;
}
nav.breadcrumb {
display: inline-block;
font-size: 1.125em;
color: #FF4653;
}
body.view-social-startup nav.breadcrumb {
color: #fff;
}
nav.breadcrumb li {
display: inline-block;
margin-right: 0.3em;
}
nav.breadcrumb li a {
display: inline-block;
padding-right: 0.3em;
}
nav.breadcrumb li:not(:last-child) > span::after {
content: '>';
}
/* MODULE: COPY */
.module-copy .block:not(:last-child) {
margin-bottom: 7.5em;
}
.module-copy .block.has-small-margin:not(:last-child) {
margin-bottom: 2em;
}
/* FOOTER */
footer.main {
background: #EDEDED;
padding: 4.375em 0 6.25em;
}
footer.main > .inner {
padding: 0 3.75rem;
max-width: 78.125rem;
box-sizing: border-box;
margin: 0 auto;
}
.col-set-footer > * {
width: 23.71681415929203539800%;
margin-right: auto;
font-size: 1.125em;
line-height: 1.7;
}
.col-set-footer > .col-4 {
margin-right: 0;
width: 2.125em;
}
.col-set-footer p {
margin-bottom: 1.5em;
}
.footer-site-title img {
max-width: 10.5625em;
}
.col-set-footer h4 {
margin-bottom: 0.9em;
}
nav.sitemap,
nav.contact {
line-height: 1.7;
}
.col-set-footer p a {
text-decoration: underline;
}
footer.main a {
transition: color 150ms;
}
footer.main a:hover,
footer.main nav .current-menu-item a {
color: #575757;
text-decoration: none;
}
footer.main .btn-facebook {
font-size: 213.9%;
line-height: 1;
}
footer.main p.contact,
footer.main div.contact {
padding-left: 2.33333333333333333333em;
position: relative;
}
footer.main .contact i {
position: absolute;
left: 0;
top: 0;
font-size: 110%;
}
footer.main .contact i.icon-email-1 {
font-size: 70%;
top: 0.35em;
}
footer.main .contact i.icon-marker,
footer.main .contact i.icon-phone {
font-size: 130%;
}
footer.main .and {
text-align: center;
padding-top: 7.5em;
}
footer.main .and img {
width: 3.9375em;
height: auto;
}
/* COOKIE BAR */
.cookie-bar {
position: fixed;
z-index: 9999999;
top: 9.5rem;
right: 3.5rem;
left: 3.5rem;
transition: transform 250ms 0ms, opacity 250ms 0ms, visibility 250ms 250ms, z-index 0ms 500ms;
pointer-events: none;
}
body.menu .cookie-bar {
z-index: 9998;
transition-delay: 0ms;
}
.cookie-bar > .inner {
max-width: 71.875em;
margin: 0 auto;
margin: 0 auto;
padding: 0 3.75rem;
box-sizing: border-box;
padding-top: 1.75rem;
padding-bottom: 1.875rem;
background: #fff;
box-shadow: 0 0.4em 3em 0 rgba(0,0,0,0.2);
pointer-events: all;
}
.cookie-bar.off {
transform: scale(0.9);
opacity: 0;
visibility: hidden;
}
.cookie-bar.off > .inner {
pointer-events: none;
}
.cookie-bar .wysiwyg a {
text-decoration: none;
color: #FF4653;
}
.cookie-bar .col-2 {
width: 15.625em;
text-align: right;
}
.cookie-bar .col-1 {
width: calc(100% - 15.625em - 1.5em);
margin-right: auto;
}
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (max-width: 1024px) {
.col-set-footer > .col-1 {
width: 100%;
margin-bottom: 2em;
}
.col-set-footer > * {
width: 38%;
}
.col-set-footer p {
margin-bottom: 1em;
}
.module-teaser .module-header .icon {
position: static;
margin-bottom: 1.75em;
}
}
@media only screen and (max-width: 900px) {
.hdln-a {
font-size: 3rem;
}
.hdln-b {
font-size: 2.01875rem;
}
.hdln-c {
font-size: 1.59375rem;
}
.wysiwyg .hdln-a {
margin-bottom: .35em;
}
footer.main > .inner,
.module:not(.module-full-width) .module-inner,
.module-slideshow .slick-dots,
header.main > .inner {
padding-left: 6.666666666666666666vw;
padding-right: 6.666666666666666666vw;
}
.cookie-bar {
left: 6.666666666666666666vw;
right: 6.666666666666666666vw;
}
.cookie-bar .col-1 {
width: 100%;
}
.cookie-bar .col-2 {
width: 100%;
margin-top: 1em;
text-align: left;
}
.cookie-bar > .inner {
padding-left: 6.666666666666666666vw;
padding-right: 6.666666666666666666vw;
}
footer.main {
padding-bottom: 11.111111111111111111vw;
}
nav.header .header-menu-wrap .menu > li {
font-size: 1.5em;
}
.btn-menu {
width: 1.425em;
}
nav.header {
height: calc(100vh - 6em);
}
.touchevents nav.header {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.social-startup-list > li:nth-child(even) .col-2 {
margin-left: 0;
}
.social-startup-list .col-2 {
width: 59.60820895522388059600%;
}
}
@media only screen and (max-width: 700px) {
.col-set-footer > .col-2 {
width: 15.55555555555555555555em;
}
.col-set-footer > .col-3 {
width: calc(100% - 15.55555555555555555555em);
}
.col-set-footer > .col-4 {
width: 100%;
margin-top: 2em;
}
.module-hero-home {
height: calc(100vh - 4.375em);
}
.iosvhissue .module-hero-home {
height: calc(100vh - var(--ios-vh-issue) - 4.375em);
}
header.main {
padding-top: 1.3em;
padding-bottom: 1.3em;
height: 4.375em;
}
.sticky-wrapper {
height: 4.375em !important;
}
.module-breadcrumb:first-child {
margin-top: 2.75em;
}
body.home .modules .module:first-child {
margin-top: 3.75em;
}
.module,
.module-copy .block:not(:last-child) {
margin-bottom: 5em;
}
.module-breadcrumb {
margin-bottom: 1.125em;
}
.module-teaser .module-wrap {
padding: 4.375em 0;
}
.cookie-bar {
top: calc(4.375em + 6.666666666666666666vw);
}
.social-startup-list > li {
margin-bottom: 7em;
}
}
@media only screen and (max-width: 640px) {
.setting-item {
width: 100%;
margin-bottom: 6.666666666666666666vw;
}
.module-list ul {
font-size: 1.125em;
}
.module-list .module-content-wrap li {
padding-left: 2.3em;
background-size: 1.4em auto;
background-position: left top;
}
.module-list .module-content-wrap li:not(:last-child) {
margin-bottom: 1.4em;
}
.pricing-table thead th {
vertical-align: middle;
padding-bottom: 1.5rem;
}
.pricing-table tbody tr > * {
padding: 1.5rem 1rem 0 0;
white-space: nowrap;
}
}
@media only screen and (max-width: 540px) {
.col-set-footer > * {
width: 100% !important;
margin-bottom: 3em !important;
margin-top: 0 !important;
}
.footer-site-title img {
max-width: 8.5em;
}
.hdln-a {
font-size: 2.25rem;
}
.hdln-b {
font-size: 1.6755625rem;
}
nav.header .header-menu-wrap .menu > li {
font-size: 1.245em;
}
nav.breadcrumb {
display: block;
}
.cookie-bar .cpy-a {
font-size: 1rem;
}
article.event-teaser a {
padding-top: 0;
padding-bottom: 0;
}
article.event-teaser.is-highlighted .col-set-event-teaser {
padding: 0;
}
.col-set-event-teaser .col-1 {
width: 100%;
margin-bottom: 2em;
}
.col-set-event-teaser .col-2 {
width: 100%;
padding: 0;
padding-right: 3.5em;
}
.event-teaser .date-box {
height: auto !important;
padding: 0 !important;
font-size: 1rem !important;
}
.event-teaser:not(.is-highlighted) .date-box {
background: #f9f9f9;
}
.date-box .day {
margin-bottom: 0.4em;
}
.date-box > div {
position: static;
}
article.event-teaser a .btn-facebook {
right: 0;
}
article.event-teaser a:hover {
background: #fff;
}
.event-teasers-list > li {
padding: 0 0 4em 0;
}
.event-teaser .month {
margin-top: 1.3em;
}
.event-teaser.is-highlighted .day {
margin-bottom: 0.4em;
}
.module-newsletter-teaser .module-content-wrap {
padding-top: 3em;
padding-bottom: 3.5em;
}
.floor-map-table thead th:first-child,
.floor-map-table tbody td:first-child {
padding-left: 0;
}
.people-list {
text-align: center;
}
.people-list .col-1 {
width: 100%;
order: 2;
}
.people-list .col-2 {
width: 100%;
order: 1;
display: block;
margin-bottom: 2em;
}
.people-list .col-2 img {
max-width: 14.375em;
}
.people-list > li:not(:last-child) {
margin-bottom: 4.5em;
}
.module-slideshow .slick-dots {
margin-top: 1.5em;
}
.btn {
padding-left: 1.6em;
padding-right: 1.6em;
}
.module-list .module-content-wrap, .module-pricing .module-content-wrap, .module-people .module-content-wrap, .module-contact-form .module-content-wrap {
margin-top: 1.5em;
}
.pricing-table-wrap {
position: relative;
overflow: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.social-startup-list .col-1 {
display: none;
}
.social-startup-list .col-2 {
width: 100% !important;
}
.line {
display: none !important;
}
.social-startup-list > li {
margin-bottom: 4.5em;
}
.social-startup-list > li.footer {
margin-top: 4.5em;
}
body.view-social-startup header.main::after {
opacity: 1;
}
footer.main .and {
padding-top: 0;
}
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}
/* ==========================================================================
Helper classes
========================================================================== */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* ==========================================================================
Print styles
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 1cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.cookie-bar,
.btn-wp-edit {
display: none !important;
}
header.main,
footer.main {
display: none;
}
}