.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--layout-boxed-width: 1200px;
--layout-frame-size: 20px;
--layout-frame-color: #111;
--layout-outer-bg: #eceff1;
--layout-inner-bg: #fff;
} body.layout-full-width .wp-site-blocks,
body.layout-full-width #page,
body.layout-full-width .site {
max-width: none;
width: 100%;
} body.layout-boxed {
background: var(--layout-outer-bg);
}
body.layout-boxed .wp-site-blocks,
body.layout-boxed #page,
body.layout-boxed .site {
max-width: var(--layout-boxed-width);
margin-inline: auto;
background: var(--layout-inner-bg);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
} body.layout-framed {
padding: var(--layout-frame-size);
background: var(--layout-inner-bg);
} body.layout-framed::before {
content: "";
position: fixed;
inset: 0;
border: var(--layout-frame-size) solid var(--layout-frame-color);
pointer-events: none;
z-index: 9999;
} body.admin-bar.layout-framed::before {
top: var(--wp-admin--admin-bar--height, 32px);
}
@media (max-width: 600px) {
:root {
--layout-frame-size: 10px;
}
}.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:99998}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer;text-decoration:none}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}:root {
view-transition-duration: 1s; }
@view-transition {
navigation: auto;
type: morph;
}
.blog .post-image,
.single .featured-image {
position: relative;
z-index: 1;
}
.blog .post-image img,
.single .featured-image img {
contain: layout;
}
.post-thumbnail {
position: relative;
z-index: 1;
} @media (prefers-reduced-motion: no-preference) {
@keyframes fadeInImage {
from {
opacity: 0;
transform: translate(0, 20%);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes fadeInTextDown {
from {
opacity: 0;
transform: translate(0, 10%);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
.row-text-image .content-width > h2 {
view-timeline-name: --textimage-title;
view-timeline-axis: block;
animation: linear rowTitle both;
animation-timeline: --textimage-title;
animation-range: entry 20% cover 40%;
}
.row-text-image .col-img {
view-timeline-name: --fadeIn-image;
view-timeline-axis: block;
animation: ease-out fadeInImage both;
animation-timeline: --fadeIn-image;
animation-range: entry 20% cover 40%;
}
.row-text-image .embed-container,
.row-text-image .col-text {
view-timeline-name: --fadeIn-text;
view-timeline-axis: block;
animation: ease-out fadeInTextDown both;
animation-timeline: --fadeIn-text;
animation-range: entry 20% cover 40%;
} @keyframes fadeInTextUp {
from {
opacity: 0;
transform: translate(0, 100px);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
.row-text article > * {
view-timeline-name: --fadeIn-text;
view-timeline-axis: block;
animation: ease-out fadeInTextUp both;
animation-timeline: --fadeIn-text;
animation-range: entry 20% cover 40%;
} @keyframes galleryTitle {
from {
opacity: 0;
transform: translate(0, 100px);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes galleryImage {
from {
opacity: 0;
transform: translate(0, 50px);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
.row-image h2 {
view-timeline-name: --gallery-title;
view-timeline-axis: block;
animation: linear galleryTitle both;
animation-timeline: --gallery-title;
animation-range: entry 20% cover 40%;
}
.row-image figure {
view-timeline-name: --gallery-image;
view-timeline-axis: block;
animation: ease-out galleryImage both;
animation-timeline: --gallery-image;
animation-range: entry 20% cover 40%;
}
.row-video h2 {
view-timeline-name: --gallery-title;
view-timeline-axis: block;
animation: linear galleryTitle both;
animation-timeline: --gallery-title;
animation-range: entry 20% cover 40%;
}
.row-video .video {
view-timeline-name: --gallery-image;
view-timeline-axis: block;
animation: ease-out galleryImage both;
animation-timeline: --gallery-image;
animation-range: entry 20% cover 40%;
} @keyframes collageTitle {
from {
opacity: 0;
transform: translate(0, 50px);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes collageImage1 {
from {
opacity: 0;
transform: translate(0, 10%);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes collageImage2 {
from {
opacity: 0;
transform: translate(0, 30%);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
.row-collage h2 {
view-timeline-name: --collage-title-1;
view-timeline-axis: block;
animation: linear collageTitle both;
animation-timeline: --collage-title-1;
animation-range: entry 20% cover 40%;
}
.row-collage .col:nth-child(1) {
view-timeline-name: --collage-image-1;
view-timeline-axis: block;
animation: ease-out collageImage1 both;
animation-timeline: --collage-image-1;
animation-range: entry 20% cover 40%;
}
.row-collage .col:nth-child(2) {
view-timeline-name: --collage-image-2;
view-timeline-axis: block;
animation: ease-out collageImage2 both;
animation-timeline: --collage-image-2;
animation-range: entry 20% cover 40%;
} @keyframes rowTitle {
from {
opacity: 0;
transform: translate(0, 50px);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes accCard1 {
from {
opacity: 0;
transform: translate(100px, 0);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes accCard2 {
from {
opacity: 0;
transform: translate(150px, 0);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes accCard3 {
from {
opacity: 0;
transform: translate(200px, 0);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes accCard4 {
from {
opacity: 0;
transform: translate(250px, 0);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes accCard5 {
from {
opacity: 0;
transform: translate(300px, 0);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes accCard6 {
from {
opacity: 0;
transform: translate(350px, 0);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes accCard7 {
from {
opacity: 0;
transform: translate(400px, 0);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes accCard8 {
from {
opacity: 0;
transform: translate(450px, 0);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
.row-accordion h2 {
view-timeline-name: --accordion-title;
view-timeline-axis: block;
animation: linear rowTitle both;
animation-timeline: --accordion-title;
animation-range: entry 20% cover 40%;
}
.row-accordion .accordion-card:nth-child(1) {
view-timeline-name: --acc-card-1;
view-timeline-axis: block;
animation: ease-out accCard1 both;
animation-timeline: --acc-card-1;
animation-range: entry 20% cover 40%;
}
.row-accordion .accordion-card:nth-child(2) {
view-timeline-name: --acc-card-1;
view-timeline-axis: block;
animation: ease-out accCard2 both;
animation-timeline: --acc-card-1;
animation-range: entry 20% cover 40%;
}
.row-accordion .accordion-card:nth-child(3) {
view-timeline-name: --acc-card-1;
view-timeline-axis: block;
animation: ease-out accCard3 both;
animation-timeline: --acc-card-1;
animation-range: entry 20% cover 40%;
}
.row-accordion .accordion-card:nth-child(4) {
view-timeline-name: --acc-card-1;
view-timeline-axis: block;
animation: ease-out accCard4 both;
animation-timeline: --acc-card-1;
animation-range: entry 20% cover 40%;
}
.row-accordion .accordion-card:nth-child(5) {
view-timeline-name: --acc-card-1;
view-timeline-axis: block;
animation: ease-out accCard5 both;
animation-timeline: --acc-card-1;
animation-range: entry 20% cover 40%;
}
.row-accordion .accordion-card:nth-child(6) {
view-timeline-name: --acc-card-1;
view-timeline-axis: block;
animation: ease-out accCard6 both;
animation-timeline: --acc-card-1;
animation-range: entry 20% cover 40%;
}
.row-accordion .accordion-card:nth-child(7) {
view-timeline-name: --acc-card-1;
view-timeline-axis: block;
animation: ease-out accCard7 both;
animation-timeline: --acc-card-1;
animation-range: entry 20% cover 40%;
}
.row-accordion .accordion-card:nth-child(8) {
view-timeline-name: --acc-card-1;
view-timeline-axis: block;
animation: ease-out accCard8 both;
animation-timeline: --acc-card-1;
animation-range: entry 20% cover 40%;
} @keyframes timelineFadeIn {
from {
opacity: 0;
transform: translate(300px, 0);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
.row-timeline h2 {
view-timeline-name: --timeline-title;
view-timeline-axis: block;
animation: linear rowTitle both;
animation-timeline: --timeline-title;
animation-range: entry 20% cover 40%;
}
.row-timeline .swiper {
view-timeline-name: --timeline;
view-timeline-axis: block;
animation: ease-out timelineFadeIn both;
animation-timeline: --timeline;
animation-range: entry 20% cover 40%;
} @keyframes quoteIcon {
from {
opacity: 0;
transform: scale(0);
}
to {
opacity: 0.2;
transform: scale(1);
}
}
@keyframes quoteText {
from {
opacity: 0;
transform: translate(0, 100px);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes quoteAuthor {
from {
opacity: 0;
transform: translate(0, 200px);
}
to {
opacity: 1;
transform: translate(0, 0);
}
}
.row-quote blockquote::before {
view-timeline-name: --quote-icon;
view-timeline-axis: block;
animation: linear quoteIcon both;
animation-timeline: --quote-icon;
animation-range: entry 20% cover 40%;
}
.row-quote blockquote p {
view-timeline-name: --quote-text;
view-timeline-axis: block;
animation: linear quoteText both;
animation-timeline: --quote-text;
animation-range: entry 20% cover 40%;
}
.row-quote figure {
view-timeline-name: --quote-author;
view-timeline-axis: block;
animation: linear quoteAuthor both;
animation-timeline: --quote-author;
animation-range: entry 20% cover 40%;
} @keyframes revealTable {
from {
opacity: 0;
clip-path: inset(45% 20% 45% 20%);
}
to {
opacity: 1;
clip-path: inset(0% 0% 0% 0%);
}
}
.row-table h2 {
view-timeline-name: --table-title;
view-timeline-axis: block;
animation: linear rowTitle both;
animation-timeline: --table-title;
canimation-range: entry 20% cover 40%;
}
.row-table .table-wrap {
view-timeline-name: --revealing-table;
view-timeline-axis: block;
animation: linear revealTable both;
animation-timeline: --revealing-table;
animation-range: entry 20% cover 40%;
}
} * {
padding: 0;
margin: 0;
-webkit-tap-highlight-color: transparent;
}
*:focus {
outline: none;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
html[dir="rtl"] {
direction: rtl;
}
html {
font-size: 100%;
text-size-adjust: 100%;
}
html,
body {
height: 100%;
width: 100%;
font-smooth: always;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
input.formText,
textarea {
font-family: inherit;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
select,
input {
-webkit-box-shadow: none;
-webkit-border-radius: 0;
}
button {
box-sizing: border-box;
cursor: pointer;
overflow: hidden;
user-select: none;
}
textarea {
resize: vertical;
overflow: auto;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
:root {
--gridGutter: 50px;
--colMarginBottom: 50px;
--grid-margin: 0 -25px;
--gridcol-margin: 0 25px;
}
.grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: var(--grid-margin);
}
.grid.center {
justify-content: center;
}
.grid .col {
width: 100%;
margin-bottom: var(--colMarginBottom);
padding: var(--gridcol-margin);
flex: 0 0 auto;
}
.grid .col-1-1 {
width: 100%;
}
.grid .col-1-2 {
width: 50%;
}
.grid .col-1-3 {
width: 33.33333%;
}
.grid .col-2-3 {
width: 66.66666%;
}
.grid .col-1-4 {
width: 25%;
}
.grid .col-3-4 {
width: 75%;
}
.grid .col-1-5 {
width: 20%;
}
.grid .col-3-10 {
width: 30%;
}
.grid .col-7-20 {
width: 35%;
}
.grid .col-3-8 {
width: 37.5%;
}
.grid .col-2-5 {
width: 40%;
}
.grid .col-3-5 {
width: 60%;
}
.grid .col-6-5 {
width: 30%;
}
.grid .col-4-5 {
width: 80%;
}
.grid[data-use="grid-template"] {
display: grid;
margin: 0;
}
.grid[data-use="grid-template"] .col {
width: auto;
padding: 0;
margin: 0;
}
h1,
h2,
h3,
h4 {
margin-bottom: 20px;
}
h1 {
font-size: 2.5em;
margin-bottom: 40px;
line-height: 1em;
}
h2 {
font-size: 1.7em;
line-height: 1em;
color: var(--theme-secondary-color);
}
h3 {
font-size: 1.5em;
}
p {
margin-bottom: 30px;
} :root {
--layout-tablet: 820px;
--layout-responsive: 960px;
--layout-desktop: 1366px;
--default-font: 'Dosis', sans-serif;
--semibold-font: 'proxima_nova_ltbold', sans-serif;
--black-font: 'ProximaNovaBlRegular', sans-serif;
--extrabold-font: 'proxima_nova_thbold', sans-serif;
--form-border-color: #999;
--border-radius: 10px;
--brand-color-1: #111;
}  @font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 400;
src: local('Barlow Regular'), local('Barlow-Regular'), url(//www.berylune.de/wp-content/themes/collider-wp/fonts/barlow-v4-latin-regular.woff2) format('woff2'), url(//www.berylune.de/wp-content/themes/collider-wp/fonts/barlow-v4-latin-regular.woff) format('woff');
font-display: swap;
} @font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 600;
src: local('Barlow SemiBold'), local('Barlow-SemiBold'), url(//www.berylune.de/wp-content/themes/collider-wp/fonts/barlow-v4-latin-600.woff2) format('woff2'), url(//www.berylune.de/wp-content/themes/collider-wp/fonts/barlow-v4-latin-600.woff) format('woff');
font-display: swap;
} @font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 700;
src: local('Barlow Bold'), local('Barlow-Bold'), url(//www.berylune.de/wp-content/themes/collider-wp/fonts/barlow-v4-latin-700.woff2) format('woff2'), url(//www.berylune.de/wp-content/themes/collider-wp/fonts/barlow-v4-latin-700.woff) format('woff');
font-display: swap;
} @font-face {
font-family: 'Teko';
font-style: normal;
font-weight: 400;
src: local('Teko Regular'), local('Teko-Regular'), url(//www.berylune.de/wp-content/themes/collider-wp/fonts/teko-v9-latin-regular.woff2) format('woff2'), url(//www.berylune.de/wp-content/themes/collider-wp/fonts/teko-v9-latin-regular.woff) format('woff');
font-display: swap;
} @font-face {
font-family: 'Teko';
font-style: normal;
font-weight: 600;
src: local('Teko SemiBold'), local('Teko-SemiBold'), url(//www.berylune.de/wp-content/themes/collider-wp/fonts/teko-v9-latin-600.woff2) format('woff2'), url(//www.berylune.de/wp-content/themes/collider-wp/fonts/teko-v9-latin-600.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'icomoon';
src: url(https://www.berylune.de/wp-content/themes/collider-wp/fonts/icomoon.eot?2xwrfu);
src: url(https://www.berylune.de/wp-content/themes/collider-wp/fonts/icomoon.eot?2xwrfu#iefix) format('embedded-opentype'), url(https://www.berylune.de/wp-content/themes/collider-wp/fonts/icomoon.ttf?2xwrfu) format('truetype'), url(https://www.berylune.de/wp-content/themes/collider-wp/fonts/icomoon.woff?2xwrfu) format('woff'), url(https://www.berylune.de/wp-content/themes/collider-wp/fonts/icomoon.svg?2xwrfu#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-down-arrow:before {
content: "\e900";
}
.icon-close:before {
content: "\e901";
}
.icon-phone:before {
content: "\e902";
}
.icon-arrow-left:before {
content: "\e903";
}
.icon-arrow-right:before {
content: "\e904";
} .swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
margin-top: -20px;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: #fff;
text-align: center;
line-height: 40px;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 30px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 30px;
left: auto;
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 50%;
background: #fff;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} .swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
border-radius: 50%;
border-top-color: transparent;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}  ::-webkit-input-placeholder {
color: #777;
-webkit-transition: color 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
:-moz-placeholder {
color: #777;
-moz-transition: color 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
::-moz-placeholder {
color: #777;
-moz-transition: color 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
:-ms-input-placeholder {
color: #777;
-ms-transition: color 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
:focus::-webkit-input-placeholder {
color: #ccc;
}
:focus:-moz-placeholder {
color: #ccc;
}
:focus::-moz-placeholder {
color: #ccc;
}
:focus:-ms-input-placeholder {
color: #ccc;
}
ul,
ol {
padding-left: 23px;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
canvas {
-ms-touch-action: double-tap-zoom;
}
svg:not(:root) {
overflow: hidden;
}
a,
button,
img,
input,
textarea {
transition: color 250ms cubic-bezier(0.2, 1, 0.3, 1), border-color 250ms cubic-bezier(0.2, 1, 0.3, 1), background-color 250ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1), box-shadow 250ms cubic-bezier(0.2, 1, 0.3, 1);
}
.hidettext {
text-indent: -150%;
white-space: nowrap;
overflow: hidden;
color: rgba(0, 0, 0, 0);
font-size: 1px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
a {
color: inherit;
}
a:active {
background-color: transparent;
}
a:hover {
text-decoration: none;
}
a[href^="tel"] {
color: inherit;
text-decoration: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*::-webkit-selection {
background-color: rgba(0, 0, 0, 0.2);
color: #333;
}
*::-moz-selection {
background-color: rgba(0, 0, 0, 0.2);
color: #333;
}
*::selection {
background-color: rgba(0, 0, 0, 0.2);
color: #333;
} audio,
canvas,
img,
svg,
video {
vertical-align: middle;
}
.hide-on-desktop,
.hide-on-mobile {
display: none;
}
img.responsive {
width: 100% !important;
height: auto !important;
} a.more {
color: blue;
}
a.more::before {
content: "";
} .fltrt {
float: right;
}
.fltlft {
float: left;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
:root { --logo-width: 177px;
--logo-height: 164px;
--logo-bg: transparent;
--logo-shadow: none;
--logo-align: left;
--logo-small-width: 177px;
--logo-small-height: 164px; --header-color: transparent;
--header-shadow: none;
--header-height: 150px;
--header-small-height: 70px;
--header-color: var(--color-blue);
--header-position: fixed;
--header-top-pos: 0;
--header-padding: 0 30px;
} #logo {
float: left;
padding-top: 26px;
}
#logo a {
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
width: 200px;
height: 100px;
background-image: url(https://www.berylune.de/wp-content/themes/collider-wp/assets/gfx/berylune-logo.svg);
}
#logo a span {
display: none;
} #header {
position: sticky;
margin: 0 20px 0;
top: 10px;
z-index: 10;
border-radius: 10px;
color: var(--theme-light-color);
background: var(--theme-dark-color);
background: rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.09), 0 4px 2px rgba(0, 0, 0, 0.09), 0 8px 4px rgba(0, 0, 0, 0.09), 0 16px 8px rgba(0, 0, 0, 0.09), 0 32px 16px rgba(0, 0, 0, 0.09);
}
#header::before {
opacity: 0.9;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
}
#header .inner {
height: var(--header-height);
padding: var(--header-padding);
width: 100%;
}
#header.hero .inner {
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
height: auto;
padding-bottom: 40px;
}
@media screen and (prefers-color-scheme: dark) {
#header::before {
background: #111;
}
} @media only screen and (min-width: 961px) {
@keyframes scale-header {
to {
height: 70px;
}
}
@keyframes scale-logo {
to {
height: 40px;
}
}
@keyframes pos-logo {
to {
padding-top: 15px;
}
}
@supports (animation-timeline: scroll()) {
#logo {
animation: pos-logo linear both;
}
#logo a {
animation: scale-logo linear both;
}
#header:not(.hero) .inner {
animation: scale-header linear both;
}
#header:not(.hero) .inner,
#logo,
#logo a {
animation-timeline: scroll();
animation-range: 0 150px;
}
}
} #footermenu ul li {
margin-left: 20px;
}
#footermenu ul li a {
text-decoration: none;
}
#footermenu ul li a:hover {
text-decoration: underline;
} #footer {
content-visibility: auto;
font-size: 0.8em;
padding: 0 20px 20px;
}
#footer .inner {
background: var(--theme-dark-color);
color: var(--theme-light-color);
border-radius: 10px;
padding: 20px 30px;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.09), 0 4px 2px rgba(0, 0, 0, 0.09), 0 8px 4px rgba(0, 0, 0, 0.09), 0 16px 8px rgba(0, 0, 0, 0.09), 0 32px 16px rgba(0, 0, 0, 0.09), inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 1px 1px rgba(0, 0, 0, 0.2);
}
#footer p.copy {
margin: 0;
padding: 0;
} .pagination .nav-links .page-numbers {
display: inline-block;
padding: 5px 15px;
text-decoration: none;
margin-right: 2px;
background: #efefef;
color: #222;
font-weight: bold;
}
.pagination .nav-links a.page-numbers:hover {
color: #fff;
background: var(--theme-darkgrey-color);
}
.pagination .nav-links a.page-numbers:hover:hover {
color: #fff;
background: var(--theme-darkgrey-color);
}
.pagination .nav-links .current {
background: var(--theme-secondary-color);
color: #fff;
}
@media screen and (prefers-color-scheme: dark) {
.pagination .nav-links a.page-numbers {
background: #444;
color: #666;
}
} .inline ul {
margin: 0;
padding: 0;
}
.inline ul li {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
#hamburger {
display: none;
position: absolute;
top: 55px;
right: 30px;
background: transparent;
border: 0;
cursor: pointer;
}
#hamburger .burger {
width: 30px;
height: 30px;
float: left;
margin-right: 10px;
position: relative;
-webkit-transform-style: preserve-3d;
}
#hamburger .burger i {
width: 30px;
height: 3px;
background: #fff;
display: block;
position: absolute;
left: 50%;
margin-left: -11px;
top: 50%;
margin-top: -1px;
transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), margin 350ms cubic-bezier(0.2, 1, 0.3, 1);
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
border-radius: 2px;
}
#hamburger .burger i.top {
margin-top: -8px;
}
#hamburger .burger i.bottom {
margin-top: 6px;
}
#hamburger.open .burger i.top {
margin-top: -1px;
transform: rotate(45deg);
}
#hamburger.open .burger i.middle {
transform: scale(0, 1);
}
#hamburger.open .burger i.bottom {
margin-top: -1px;
transform: rotate(-45deg);
} @media only screen and (min-width: 1131px) {
#mainmenu {
float: right;
font-size: 1.3em;
padding-top: 50px;
}
#mainmenu ul li a {
display: block;
padding: 10px 20px;
text-decoration: none;
}
#mainmenu ul li.current-menu-item a {
color: #d65a31;
}
@keyframes scale-menu {
to {
font-size: 1em;
padding-top: 10px;
}
}
@supports (animation-timeline: scroll()) {
#mainmenu {
animation: scale-menu linear both;
animation-timeline: scroll();
animation-range: 0 150px;
}
}
}
@media only screen and (min-width: 1131px) and (max-width: 1280px) {
#mainmenu {
font-size: 1.1em;
padding-top: 50px;
}
}
@media only screen and (max-width: 1130px) {
#hamburger {
display: block;
}
#mainmenu {
font-size: 1.3em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#mainmenu ul {
position: absolute;
top: 0;
right: 0;
left: 0;
display: none;
padding: 20px 0;
}
#mainmenu ul li {
float: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#mainmenu ul li a {
display: block;
padding: 20px 20px;
text-decoration: none;
text-align: center;
}
#mainmenu ul li a:hover {
opacity: 0.7;
}
#mainmenu ul li.current-menu-item a {
color: #d65a31;
}
#mainmenu ul li:last-child {
border-bottom: 0;
}
#mainmenu.open ul {
display: block;
}
} #topmenu {
display: none;
}
#topmenu ul li a {
display: block;
} #footermenu ul li {
margin-left: 20px;
}
#footermenu ul li a {
text-decoration: none;
}
#footermenu ul li a:hover {
text-decoration: underline;
} fieldset {
border: 0;
margin-bottom: 20px;
}
fieldset .buttons {
text-align: center;
}
fieldset .flexgrid {
margin-bottom: 0;
}
fieldset .formItem {
margin-bottom: 15px;
}
fieldset .formItem > label {
display: block;
}
fieldset .formItem select,
fieldset .formItem textarea,
fieldset .formItem input.formText {
padding: 10px;
width: 100%;
border: 1px solid #ddd;
background: #fff;
font-size: 1em;
border-radius: 3px;
}
fieldset .formItem select:focus,
fieldset .formItem textarea:focus,
fieldset .formItem input.formText:focus {
border-color: var(--form-border-color);
}
fieldset .formItem select {
-webkit-appearance: none;
appearance: none;
}
fieldset .formItem textarea {
resize: vertical;
}
fieldset .formRadio {
position: relative;
}
fieldset .formRadio input {
position: absolute;
opacity: 0;
}
fieldset .formRadio i::before {
transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
fieldset .formRadio i::after {
transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
fieldset .radio-wrap label i {
display: block;
width: 16px;
height: 16px;
border: 1px solid #ddd;
position: relative;
float: left;
margin-right: 15px;
}
fieldset .radio-wrap label i:before {
content: " ";
width: 8px;
height: 8px;
background: #666;
display: block;
top: 3px;
left: 3px;
position: absolute;
opacity: 0;
}
fieldset .radio-wrap input[type=radio]:checked + label i:before {
opacity: 1;
}
fieldset .checkbox-wrap label i {
display: block;
width: 16px;
height: 16px;
border: 1px solid #ddd;
position: relative;
float: left;
margin-right: 15px;
}
fieldset .checkbox-wrap label i:before {
content: " ";
width: 8px;
height: 2px;
background: #666;
display: block;
top: 50%;
left: 50%;
position: absolute;
margin-left: -4px;
margin-top: -1px;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
fieldset .checkbox-wrap label i:after {
content: " ";
width: 8px;
height: 2px;
background: #666;
display: block;
top: 50%;
left: 50%;
position: absolute;
margin-left: -4px;
margin-top: -1px;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
fieldset .checkbox-wrap input[type=checkbox]:checked + label i:before {
opacity: 1;
}
fieldset .checkbox-wrap input[type=checkbox]:checked + label i:after {
opacity: 1;
} .formSubmit {
font-family: var(--default-font);
border: 0;
background: #666;
padding: 10px 15px;
font-size: 20px;
color: #fff;
} body {
font-family: var(--default-font);
font-size: 1.2em;
line-height: 1.5em;
background: #fff;
text-align: center;
color: #333;
}
hr {
margin: 30px 0;
border: 0;
height: 1px;
background: rgba(0, 0, 0, 0.3);
} #container,
#footer {
max-width: 2048px;
margin: auto;
} .size {
width: 1200px;
width: auto;
max-width: 1200px;
margin: 0 auto;
text-align: left;
}
.screen-reader-text,
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
} .promo-block-wrapper .promo-icon {
float: left;
}
.promo-block-wrapper .promo-content {
margin-left: 40px;
} .content-part {
text-align: left;
}
.content-part > .content,
.content-part > .row {
padding: 30px;
}
.content-part .row .col {
float: left;
}
.content-part .row .sidebar {
width: 33.333333%;
}
.content-part .row .sidebar:first-child {
padding-right: 20px;
}
.content-part .row .sidebar:last-child {
padding-left: 20px;
}
.content-part .row .content {
width: 66.666666%;
}
.content-part .row .content:first-child {
padding-right: 20px;
}
.content-part .row .content:last-child {
padding-left: 20px;
}
.content-part.padding-tb100 > .content,
.content-part.padding-tb100 > .row {
padding: 100px 30px;
}
.dsgvo-invalid-content {
margin-bottom: 30px;
}
.dsgvo-invalid-content a {
display: block;
padding: 20px 30px;
background: rgba(0, 0, 0, 0.05);
text-decoration: none;
}
.post .content-width {
max-width: 1400px;
margin: 0 auto;
text-align: left;
}
.post-page {
padding: 0 30px;
}  .node {
overflow: hidden;
margin-bottom: 20px;
}
.node .img img {
display: block;
}
.node table {
width: 100%;
}
.node table th,
.node table td {
padding: 10px;
}
.node table thead tr th {
background: #eee;
}
.node table tbody tr th {
background: #ededed;
}  .block {
margin-bottom: 30px;
}
.block a {
color: var(--theme-secondary-color);
text-decoration: none;
}
.block a:hover {
text-decoration: none;
color: var(--theme-darkgrey-color);
}
.block .img img {
display: block;
}
.block h3 a {
color: inherit;
}
.block.widget_categories ul {
padding-left: 0;
}
.block.widget_categories ul li {
list-style: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px 0;
}
.block-grid > .box {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
}
.block-grid > .box .block {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
flex: 1 1 auto;
}
.block-grid > .box .block .inner {
flex: 1 1 auto;
}
.block-img .inner {
padding: 30px;
} button.btn-primary {
font-size: 1em;
padding: 10px 20px;
background: #222;
color: #fff;
font-family: var(--default-font);
cursor: pointer;
border: 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
a.more-link {
display: inline-block;
padding: 15px 20px;
text-decoration: none ;
font-weight: bold;
background: var(--theme-secondary-color);
color: #fff;
border-radius: var(--border-radius);
text-box: trim-both cap alphabetic;
}
a.more-link:hover {
background: var(--theme-darkgrey-color);
} .formSubmit {
font-family: var(--default-font);
border: 0;
background: #666;
padding: 10px 15px;
font-size: 20px;
color: #fff;
}
input.wpcf7-submit {
padding: 10px 20px;
color: #fff;
background: var(--theme-secondary-color);
cursor: pointer;
border: 0;
font-size: 1em;
font-weight: bold;
}
input.wpcf7-submit:hover {
background: var(--theme-darkgrey-color);
} .author-bio {
margin-top: 4rem;
margin-right: auto;
margin-left: auto;
max-width: 58rem;
width: 100%;
}
.hide-avatars .author-bio {
padding-left: 0;
}
.author-bio .author-title-wrapper {
align-items: center;
display: flex;
margin: 0 0 1rem 0;
}
.author-bio .avatar {
border-radius: 50%;
margin-right: 1.5rem;
height: 5rem;
width: 5rem;
}
.hide-avatars img.avatar {
display: none;
}
.author-bio p:last-child {
margin-bottom: 0;
}
.author-bio .author-title {
margin: 0;
}
.author-bio .author-link {
display: block;
font-size: 1.6rem;
font-weight: 600;
margin-top: 1em;
text-decoration: none;
}
.author-bio .author-link:focus,
.author-bio .author-link:hover {
text-decoration: underline;
} .wp-block-accordion {
padding: 50px 0;
}
@media screen and (prefers-color-scheme: dark) {
.wp-block-accordion .wp-block-accordion-heading__toggle {
color: #eee;
}
} .wp-block-calendar[class*="-font-size"] table,
.wp-block-calendar[style*="font-size"] table,
.wp-block-calendar[class*="-font-size"] .wp-calendar-nav,
.wp-block-calendar[style*="font-size"] .wp-calendar-nav {
font-size: inherit;
} ol.comment-list {
list-style: none;
padding-left: 0;
}
ol.comment-list li.comment {
margin-bottom: 20px;
}
ol.comment-list .comment-body .comment-meta {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 20px;
margin-left: auto;
color: #666;
}
ol.comment-list .comment-body .comment-meta a {
text-decoration: none;
color: #666;
}
ol.comment-list .comment-body .comment-meta time {
font-size: 12px;
}
ol.comment-list .comment-body .comment-meta .comment-author img {
width: 50px !important;
height: auto !important;
margin-right: 20px;
}
ol.comment-list .comment-body .comment-reply-link {
padding: 10px 20px;
color: #fff;
background: #d65a31;
cursor: pointer;
border: 0;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
}
ol.comment-list .comment-body .reply {
margin-bottom: 30px;
}
ol.comment-list ol.children {
list-style: none;
padding-left: 30px;
border-top: 1px solid #ccc;
padding-top: 20px;
}
.comments-area .comment-form label {
display: block;
padding-bottom: 10px;
}
.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"] {
padding: 10px;
border: 1px solid #ddd;
font-size: 1em;
width: 100%;
}
.comments-area .comment-form .comment-form-comment textarea {
width: 100%;
resize: vertical;
padding: 10px;
border: 1px solid #ddd;
min-height: 200px;
font-size: 1em;
}
.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"],
.comments-area .comment-form .comment-form-comment textarea {
border-radius: 5px;
}
.comments-area .comment-form-cookies-consent label {
display: block;
margin-left: 30px;
}
.comments-area .comment-form-cookies-consent input[type="checkbox"] {
float: left;
position: relative;
top: 5px;
}
.comments-area .form-submit input.submit {
padding: 10px 20px;
color: #fff;
background: var(--theme-secondary-color);
cursor: pointer;
border: 0;
font-size: 1em;
font-weight: bold;
}
.comments-area .form-submit input.submit:hover {
background: var(--theme-darkgrey-color);
}
ol.comment-list .comment-body .comment-reply-link,
.comments-area .form-submit input.submit {
border-radius: var(--border-radius);
}
@media screen and (prefers-color-scheme: dark) {
.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"],
.comments-area .comment-form .comment-form-comment textarea {
background: #333;
border-color: #666;
color: #888;
}
}     .node {
border-radius: var(--border-radius);
overflow: clip;
margin-bottom: 40px;
padding: 40px;
background-color: rgba(255, 255, 255, 0.05);
background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 50%);
background-repeat: no-repeat;
background-position: center bottom -5px, center bottom -280px;
background-size: 100% 7px, 200% 450px;
border-bottom: 0;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.09), 0 4px 2px rgba(0, 0, 0, 0.09), 0 8px 4px rgba(0, 0, 0, 0.09), 0 16px 8px rgba(0, 0, 0, 0.09), 0 32px 16px rgba(0, 0, 0, 0.09), inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 1px 1px rgba(0, 0, 0, 0.2);
}
.node figure {
display: block;
margin: -40px -40px 40px -40px;
}
.node h1 a,
.node h2 a {
text-decoration: none;
color: inherit;
}
.node h2 a:hover {
color: var(--theme-darkgrey-color);
}
.node table {
margin-bottom: 30px;
}
.node p a {
color: var(--theme-secondary-color);
}
.node p a:hover {
text-decoration: none;
}
.node table thead th {
background: #ddd;
}
.node table tbody th,
.node table tbody td {
text-align: left;
vertical-align: top;
}
.node img {
max-width: 100%;
height: auto !important;
content-visibility: auto;
contain-intrinsic-size: 350px;
}
.node .entry-meta {
font-size: 0.8em;
opacity: 0.6;
}
.node .entry-meta a {
text-decoration: none;
display: inline-block;
}
.node .entry-meta a:active,
.node .entry-meta a:hover {
color: #000;
}
@media screen and (prefers-color-scheme: dark) {
.block a:hover,
.node h2 a:hover,
.node .entry-meta a:active,
.node .entry-meta a:hover {
color: #eee;
}
.node .img img {
filter: brightness(60%);
}
} .wp-block-quote p,
.wp-block-quote cite {
text-align: inherit;
}
.wp-block-quote.has-text-color cite,
.wp-block-quote.has-background cite,
.has-background .wp-block-quote cite {
color: inherit;
}
.wp-block-quote.has-text-align-center,
.wp-block-quote[style="text-align:center"] {
border-width: 0;
padding: 0;
}
.wp-block-quote.has-text-align-right,
.wp-block-quote[style="text-align:right"] { border-width: 0 0.2rem 0 0;
padding: 0 2rem 0 0; } .wp-block-quote.is-style-plain {
border-width: 0;
padding: 0.5rem 2rem;
} .wp-block-quote.is-large,
.wp-block-quote.is-style-large {
border: none;
padding: 0;
margin-left: auto;
margin-right: auto;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-family: inherit;
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.285;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 1.6rem;
text-align: inherit;
}
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin-bottom: 3rem;
margin-top: 3rem;
}  .wp-block-mytheme-swiper-slider .mytheme-swiper__item img {
aspect-ratio: 16 / 9;
object-fit: cover;
}   .node .tags ul li a {
background: #444;
}
.node .tags {
padding-top: 20px;
font-size: 0.8em;
}
.node .tags ul {
list-style: none;
padding-left: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.node .tags ul li {
margin-right: 2px;
}
.node .tags ul li a {
text-decoration: none;
display: block;
padding: 0px 10px;
background: #efefef;
}
.node .tags ul li a:focus {
position: relative;
z-index: 2;
}
.node .tags ul li a:hover {
color: #fff;
background: var(--theme-secondary-color);
}
.node .tags ul li.label {
padding: 0px 10px;
background: var(--theme-darkgrey-color);
color: #fff;
font-weight: bold;
}
@media screen and (prefers-color-scheme: dark) {
.node .tags ul li a {
background: #444;
}
} h1.entry-title {
color: var(--theme-secondary-color);
}
.wp-block-list {
margin-bottom: 30px;
}
@media (max-width: 600px) {
.wp-block-media-text > .wp-block-media-text__content {
padding: 30px 0;
}
} :root {
--theme-body-fontfamily: var(--default-font);
--theme-body-fontsize: 1.2em;
--theme-body-fontcolor: #222;
--theme-body-lineheight: 1.5em;
--theme-body-bgcolor: #fff; --theme-dark-color: #222831;
--theme-darkgrey-color: #393e46;
--theme-grey-color: #eeeeee;
--theme-light-color: #fff;
--theme-secondary-color: #d65a31; --theme-padding: 30px;
}  body {
color: var(--theme-body-fontcolor);
font-family: var(--theme-body-fontfamily);
background-color: var(--theme-body-bgcolor);
font-size: var(--theme-body-fontsize);
line-height: var(--theme-body-lineheight);
}
h1,
h2,
h3,
h4 {
margin-bottom: 20px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.5em;
}
p {
margin-bottom: 30px;
} .content-part > .row,
.content-part > .content {
padding: var(--theme-padding);
}
.content-part .sidebar {
position: sticky;
top: 110px;
} #post-148 .node table tbody td {
border-top: 1px solid #ccc;
}
#post-148 .node table tbody td:nth-child(1) {
white-space: nowrap;
}
*:focus:not(:focus-visible) {
outline: none;
}
*:focus-visible {
outline: 2px solid #fff;
outline-offset: 2px;
} .screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px; word-wrap: normal !important;
word-break: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} .nav-skip-wrap {
position: relative;
}
.nav-skip {
position: fixed;
top: -500px;
left: 30px;
padding: 1rem;
z-index: 10000;
}
.nav-skip:focus-within {
top: 0;
}
.nav-skip a {
padding: 1rem;
display: block;
background-color: #fff;
color: #000;
text-decoration: none;
margin-bottom: 1em;
}
.nav-skip a:hover,
.nav-skip a:focus {
color: var(--color-blue);
}
.nav-skip a:last-child {
margin-bottom: 0;
}
@media screen and (prefers-color-scheme: dark) {
body {
background: #222;
color: #ccc;
}
#container {
background-color: #222;
}
}
@media screen and (prefers-color-scheme: light) {
body {
background: #efefef;
}
}
@media only screen and (max-width: 1130px) {
#mainmenu ul {
background: var(--theme-dark-color);
}
}  .lg-wrapper {
position: relative;
display: flex;
font-weight: 600; cursor: pointer; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}
.lg-effect {
position: absolute;
z-index: 0;
inset: 0;
backdrop-filter: blur(7px);
filter: url(#glass-distortion);
overflow: hidden;
isolation: isolate;
border-radius: inherit;
}
.lg-tint {
z-index: 1;
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.25);
border-radius: inherit;
}
.lg-shine {
position: absolute;
inset: 0;
z-index: 2;
overflow: hidden;
border-radius: inherit;
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 1px 1px rgba(0, 0, 0, 0.2);
}
.lg-text {
z-index: 3; } @media only screen and (max-width: 820px) {
.content-part .row .col {
float: none;
width: auto;
}
}
@media only screen and (max-width: 576px) {
body {
font-size: 1em;
}
} #container.hero-layout .mainContent {
padding: 50px 0;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}