@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400; 700&display=swap); html { font-family: "DM Sans", sans-serif; --accent: #9f4e93; --accent-d: #9f4e93; --accent-sl: rgba(173, 24, 31, 0.1); --primary: #000; --primary-d: #000; --primary-sl: #000 5; --warn: #ef0000; --warn-d: #ef0000; --warn-sl: #ef0000 10; --button-r: 1.2em; } .event-details-page, .information-details-page { background-image: linear-gradient(174deg, transparent, transparent 37rem, var(--bg-emerge) calc(37rem + 2px), var(--bg-emerge)); } @media only screen and (min-width: 1210px) { .event-details-page__Image, .information-details-page__Image { position: relative; } } .event-details-page__Image img, .information-details-page__Image img { border-radius: 0; } .lnr { font-weight: 900; } .tremaze-button:not(.tremaze-button--Icon) { padding: 0 calc(var(--button-h) + 1rem) 0 1rem; position: relative; border: none; display: inline-flex; align-items: center; } .tremaze-button:not(.tremaze-button--Icon):after { content: "\e93c"; font-family: icomoon !important; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; right: calc(var(--button-h) / 2); top: 50%; transform: translate(50%, -50%); font-weight: 900; } .tremaze-button:not(.tremaze-button--Icon):before { content: ""; display: inline-block; height: var(--button-h); width: var(--button-h); background-color: rgba(255, 255, 255, .37); color: #fff; border-radius: 50%; position: absolute; right: 0; top: 0; } .tremaze-button:not(.tremaze-button--Icon).mat-menu-trigger:after { content: "\e93a"; } .tremaze-button:not(.tremaze-button--Icon).mat-menu-trigger:before { background-color: var(--accent-sl); } .tremaze-button:not(.tremaze-button--Icon).tremaze-back-link { padding: 0 1rem 0 calc(var(--button-h) + 1rem); background: var(--background); color: var(--accent); } .tremaze-button:not(.tremaze-button--Icon).tremaze-back-link::after { left: calc(var(--button-h) / 2); right: auto; transform: translate(-50%, -50%) rotate(180deg); color: var(--accent-fg); } .tremaze-button:not(.tremaze-button--Icon).tremaze-back-link::before { right: auto; left: 0; background: var(--accent); } .tremaze-button:not(.tremaze-button--Icon).tremaze-back-link:focus, .tremaze-button:not(.tremaze-button--Icon).tremaze-back-link:hover { background-color: var(--bg-emerge); } .tremaze-button:not(.tremaze-button--Icon).tremaze-back-link.disabled { color: var(--disabled); } .tremaze-button:not(.tremaze-button--Icon).tremaze-back-link.disabled::before { background-color: var(--disabled); } .footer__Bottom__Logo-Link--Inst tremaze-image img { filter: brightness(0) invert(1); } .footer__Bottom-Container { background-color: #4d5c5d; } .nav__Content a:nth-child(2) { width: 153px !important; } .nav__Content .tremaze-image__Wrapper.tremaze-image__Wrapper--Use-Aspect-Ratio { padding-top: 0 !important; aspect-ratio: 2; } #ueber-uns { overflow: hidden; } .subheader { background-color: #46759e !important; } .institution-page-header { background-color: transparent !important; position: relative; } @media only screen and (min-width: 850px) { .institution-page-header:before { position: absolute; z-index: -1; content: ""; height: calc(100vw * 1.295); width: calc(100vw * 1.295); background-color: #eef8fa; border-radius: 100%; bottom: 48px; } } .page__Section.institution-page-header__Teaser-Container { width: 916px; position: relative; } @media only screen and (min-width: 850px) { .page__Section.institution-page-header__Teaser-Container:before { content: ""; height: 40px; width: 40px; display: inline-block; position: absolute; background-color: #9f4e93; border-radius: 100%; bottom: -103px; left: calc(496px + 40px); } .page__Section.institution-page-header__Teaser-Container:after { content: ""; height: 185px; width: 185px; display: inline-block; position: absolute; background-color: #e74e0d; border-radius: 100%; top: 294px; left: -42px; z-index: -1; } } @media only screen and (min-width: 850px) { .institution-page-header__Teaser__Text-Container:after { content: ""; height: 40px; width: 40px; display: inline-block; position: absolute; background-color: white; border-radius: 100%; top: -72px; left: 160px; } } .institution-page-header__Teaser-Container div.institution-page-header__Teaser { position: relative; background-color: black; color: white; min-height: 372px; border-radius: 26px; padding-top: 64px; z-index: auto; } .institution-page-header__Teaser-Container div.institution-page-header__Teaser .institution-page-header__Teaser__Title { margin-bottom: 24px; } @media only screen and (min-width: 850px) { .institution-page-header__Teaser-Container div.institution-page-header__Teaser:before { content: ""; height: 71px; width: 71px; display: inline-block; position: absolute; background-color: #23b7d8; border-radius: 100%; bottom: -45px; right: 135px; } .institution-page-header__Teaser-Container div.institution-page-header__Teaser::after { content: ""; height: 185px; width: 185px; display: inline-block; position: absolute; background-color: #b2c918; border-radius: 100%; bottom: -47px; right: -50px; z-index: -1; } } .institution-page-header__Teaser__Spacer { display: none; } .institution-page-header .page__Section.institution-page-header__Introduction-Container { padding-bottom: 175px; width: 916px; position: relative; } .institution-page-header .page__Section.institution-page-header__Introduction-Container h1 { margin-top: 16px; margin-bottom: 16px; } .institution-page-header .page__Section.institution-page-header__Introduction-Container h3 { margin-bottom: 0; } @media only screen and (min-width: 850px) { .institution-page-header .page__Section.institution-page-header__Introduction-Container:before { content: ""; height: 40px; width: 40px; display: inline-block; position: absolute; background-color: #b2c918; border-radius: 100%; left: 122px; bottom: 56px; } } .institution-page-header__Introduction__Image { position: relative; } @media only screen and (min-width: 850px) { .institution-page-header__Introduction__Image:before { content: ""; height: 185px; width: 185px; display: inline-block; position: absolute; background-color: #23b7d8; border-radius: 100%; left: -60px; bottom: -72px; } .institution-page-header__Introduction__Image::after { content: ""; height: 71px; width: 71px; display: inline-block; position: absolute; background-color: #ed4a0c; border-radius: 100%; bottom: -45px; right: 101px; } } .event-card__Content .event-card__Content__Lower .event-card__Price { background-color: var(--primary); } #was-wir-bieten img { border-radius: 100%; object-fit: cover !important; } #was-wir-bieten { background-color: transparent !important; position: relative; overflow: visible; padding-bottom: 4rem; padding-top: 2rem; margin-bottom: 10rem; margin-top: 5rem; } @media only screen and (min-width: 850px) { #was-wir-bieten:before { content: ""; height: calc(100vw * 1.295); width: calc(100vw * 1.295); display: block; position: absolute; background-color: #eef8fa; border-radius: 100%; z-index: -1; top: 0; left: 50%; transform: translateX(-50%) translateY(-5%); } } @media only screen and (min-width: 601px) { #was-wir-bieten { padding-top: 0; } } #team { background: white; position: relative; } #team :before { content: ""; position: absolute; z-index: -1; background: white; width: 100vw; height: 100vw; top: 0; left: 50%; transform: translateX(-50%) translateY(-5%); } #team + section { background: white; } #partner { margin-top: 6.2rem; background: #244e64 !important; border-radius: 0 !important; padding-top: 96px !important; color: white; } #partner + section { color: white; position: relative; margin-bottom: 11rem; background: #244e64 !important; border-radius: 0 !important; } #partner + section a { color: white; } #partner + section .carousel__Indicators__Button { border-color: white; } #partner + section img { border-radius: 100%; object-fit: cover !important; } #partner + section .icon-with-text { align-items: center; } @media only screen and (min-width: 601px) { #partner + section .carousel__Arrow--Prev { margin-left: -1rem; margin-right: 2rem; } #partner + section .carousel__Arrow--Next { margin-right: -1rem; margin-left: 2rem; } #partner + section .carousel { overflow: visible; } #partner + section .carousel__List-Wrapper { overflow: visible; } } .day-list__Item .day-list__Item__Head button.disabled { display: none; } .contact-form-card { display: grid !important; grid-template-areas: "header header" "name message" "email message" "confirm message" "button button"; grid-auto-rows: 96px 46px 46px 90px 72px; grid-template-columns: 1fr 1fr; justify-content: center; padding-right: 10rem !important; padding-left: 10rem !important; } @media only screen and (max-width: 850px) { .contact-form-card { grid-auto-rows: min-content; grid-template-columns: 1fr; grid-template-areas: "header" "name" "email" "message" "message" "confirm" "button"; } } .contact-form-card .contact-form-card__Headline { grid-area: header; margin-bottom: 0 !important; } .contact-form-card .contact-form-card__Name { grid-area: name; } .contact-form-card .contact-form-card__Name legend { display: none; } .contact-form-card .contact-form-card__Email { grid-area: email; } .contact-form-card .contact-form-card__Email legend { display: none; } .contact-form-card .contact-form-card__Message { grid-area: message; } .contact-form-card .contact-form-card__Message span { flex-grow: 1; } .contact-form-card .contact-form-card__Message legend { display: none; } @media only screen and (min-width: 850px) { .contact-form-card .contact-form-card__Message:before { content: ""; position: absolute; bottom: -124px; left: 134px; width: 40px; height: 40px; border-radius: 100%; background-color: #ed4a0c; } } .contact-form-card .contact-form-card__Checkbox { grid-area: confirm; } @media only screen and (max-width: 850px) { .contact-form-card .contact-form-card__Checkbox .tremaze-checkbox__Label { word-break: break-word; } } .contact-form-card .contact-form-card__Button-Container { grid-area: button; padding-top: 32px !important; } .contact-form-card textarea { box-sizing: border-box; height: 100%; } @media only screen and (min-width: 850px) { .contact-form-card:before { content: ""; position: absolute; bottom: -61px; left: -50px; z-index: -1; width: 185px; height: 185px; border-radius: 100%; background-color: #23b7d8; } .contact-form-card:after { content: ""; position: absolute; width: 71px; height: 71px; border-radius: 100%; background-color: #b2c918; bottom: -34px; left: 202px; } } .tremaze-price-card { background: #fff; } .tremaze-input { border-radius: 1rem; } .tremaze-input:not(textarea) { padding: 0 1rem; border-radius: 3rem; } #kontakt { margin-bottom: 10rem; margin-top: 0.35%; } .contact-form-card { background-color: #244e64 !important; border-radius: 0 !important; position: relative; margin-top: 5%; padding-top: 96px !important; color: white; } .contact-form-card a { color: white !important; } @media only screen and (max-width: 850px) { .contact-form-card { padding-left: 8px !important; padding-right: 8px !important; } } .tremaze-checkbox__Indicator { border-color: white !important; } .contact-form-card__Headline { font-size: 2rem; } @media only screen and (max-width: 600px) { #kontakt { margin-bottom: 0; } } #kontakt .contact-form-card__Button { background: white !important; color: #9f4e93; overflow: visible; border-radius: 20px; } #kontakt .contact-form-card__Button:before { background-color: #9f4e93; height: 40px; width: 40px; top: 0px; right: 0; } #kontakt .contact-form-card__Button:after { color: white; } @media only screen and (max-width: 750px) { .icon-with-text .icon-with-text__Text__Title { margin-top: 16px; } } .event-details-page, .information-details-page { background-image: none; } .event-details-page .tremaze-price-card, .information-details-page .tremaze-price-card { background-color: #eef8fa !important; } @media only screen and (min-width: 850px) { .event-details-page .tremaze-price-card, .information-details-page .tremaze-price-card { background-color: white !important; } } .event-details-page .tremaze-price-card div, .information-details-page .tremaze-price-card div { background-color: #46759e !important; } .information-details-page .page__Body { overflow: hidden; } .event-details-page__Image, .information-details-page .page__Section > tremaze-image { position: relative; } @media only screen and (min-width: 850px) { .event-details-page__Image:before, .information-details-page .page__Section > tremaze-image:before { position: absolute; z-index: -1; content: ""; height: calc(100vw * 1.295); width: calc(100vw * 1.295); background-color: #eef8fa; border-radius: 100%; top: 48px; left: 50%; transform: translateX(-50%) translateY(0); } } @media only screen and (min-width: 850px) { .event-details-page__Register-Landing__Desc { width: 70% !important; } }