.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 {
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} .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; } @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(//www.berylune.de/wp-content/themes/collider-wp/fonts/icomoon.eot?2xwrfu);
src: url(//www.berylune.de/wp-content/themes/collider-wp/fonts/icomoon.eot?2xwrfu#iefix) format('embedded-opentype'), url(//www.berylune.de/wp-content/themes/collider-wp/fonts/icomoon.ttf?2xwrfu) format('truetype'), url(//www.berylune.de/wp-content/themes/collider-wp/fonts/icomoon.woff?2xwrfu) format('woff'), url(//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;
}  * {
padding: 0;
margin: 0;
-webkit-tap-highlight-color: transparent;
}
*:focus {
outline: none;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
html[dir="rtl"] {
direction: rtl;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 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 {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
select,
input {
-webkit-box-shadow: none;
-webkit-border-radius: 0;
}
button {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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;
} ::-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;
}  .inline ul {
margin: 0;
padding: 0;
}
.inline ul li {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
a#hamburger {
display: none;
position: absolute;
top: 55px;
right: 30px;
}
a#hamburger .burger {
width: 30px;
height: 30px;
float: left;
margin-right: 10px;
position: relative;
-webkit-transform-style: preserve-3d;
}
a#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;
}
a#hamburger .burger i.top {
margin-top: -8px;
}
a#hamburger .burger i.bottom {
margin-top: 6px;
}
a#hamburger .text {
display: none;
}
a#hamburger.open .burger i.top {
margin-top: -1px;
transform: rotate(45deg);
}
a#hamburger.open .burger i.middle {
transform: scale(0, 1);
}
a#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 a:hover {
opacity: 0.7;
}
#mainmenu ul li.current-menu-item a {
color: #d65a31;
}
}
@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) {
a#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.current-menu-item {
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;
} .flexgrid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
margin: 0 -15px;
margin-bottom: 30px;
}
.flexgrid .box {
padding: 0 15px;
}
.flexgrid .box-20 {
width: 20%;
}
.flexgrid .box-25 {
width: 25%;
}
.flexgrid .box-33 {
width: 33.333333%;
}
.flexgrid .box-40 {
width: 40%;
}
.flexgrid .box-50 {
width: 50%;
}
.flexgrid .box-60 {
width: 60%;
}
.flexgrid .box-66 {
width: 66.666666%;
}
.flexgrid .box-75 {
width: 75%;
}
.flexgrid .box-80 {
width: 80%;
}
.flexgrid .box-100 {
width: 100%;
}
@media only screen and (max-width: 820px) {
.flexgrid .box {
width: 50%;
}
.flexgrid .box-33:first-child {
width: 100%;
}
}
@media only screen and (max-width: 576px) {
.flexgrid .box {
width: 100%;
}
} .block .img img {
display: block;
}
.block h3 a {
color: inherit;
}
.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;
} .node {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid 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),
inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 
inset 0 -1px 1px 1px rgba(0, 0, 0, 0.2);
;
}
.node:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.node .img {
margin-bottom: 20px;
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
overflow: hidden
}
.node .img img {
display: block;
;
}
.node .wp-block-button {
margin-bottom: 30px;
}
.node h1 a,
.node h2 a {
text-decoration: none;
color: inherit;
}
.node ol,
.node ul {
margin-bottom: 30px;
}
.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;
}
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 {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
fieldset .formItem textarea {
resize: vertical;
}
fieldset .formRadio {
position: relative;
}
fieldset .formRadio input {
position: absolute;
filter: alpha(opacity=0);
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;
opacity: 0;
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;
opacity: 0;
transform: rotate(-45deg);
}
fieldset .checkbox-wrap input[type=checkbox]:checked + label i:before {
filter: alpha(opacity=100);
opacity: 1;
}
fieldset .checkbox-wrap input[type=checkbox]:checked + label i:after {
filter: alpha(opacity=100);
opacity: 1;
} hr {
margin: 30px 0;
border: 0;
height: 1px;
background: rgba(0, 0, 0, 0.3);
} #container,
#footer {
max-width: 2048px;
margin: auto;
} #logo {
float: left;
padding-top: 26px;
}
#logo a {
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
}
#logo a span {
display: none;
} .size {
width: 1200px;
width: auto;
max-width: 1200px;
margin: 0 auto;
text-align: left;
} #header {
position: relative;
z-index: 99999; }
#header .inner {
height: 150px;
padding: 0 30px;
width: 100%;
}
#header.center .inner {
text-align: center;
height: auto;
}
#header.center #logo {
float: none;
}
#header.center #logo a {
margin: 0 auto 30px;
}
#header.center #mainmenu {
float: none;
display: inline-block;
padding-top: 0;
}
.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 {
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;
}
.content-part.teaser {
overflow: hidden;
}
.content-part.teaser .content {
padding: 0 !important;
}
.content-part.teaser .swiper-container .swiper-slide {
position: relative;
}
.content-part.teaser .swiper-container .swiper-slide img {
width: 100% !important;
height: auto;
position: relative;
}
.content-part.teaser .swiper-container .swiper-slide .swiper-caption {
position: absolute;
z-index: 2;
text-align: left;
}
.content-part.teaser .swiper-container .swiper-slide .swiper-caption.white-text {
color: #fff;
}
.content-part.teaser .swiper-container .swiper-slide.caption-center .swiper-caption {
left: 50%;
top: 50%;
text-align: center;
transform: translate(-50%, -50%);
}
.content-part.teaser .swiper-container .swiper-slide.caption-left .swiper-caption {
top: 50%;
left: 100px;
transform: translate(0px, -50%);
}
.content-part.teaser .swiper-container .swiper-slide.caption-right .swiper-caption {
top: 50%;
right: 100px;
transform: translate(0px, -50%);
}
.content-part.teaser .swiper-container .swiper-slide.caption-upleft .swiper-caption {
top: 100px;
left: 100px;
}
.content-part.teaser .swiper-container .swiper-slide.caption-upright .swiper-caption {
top: 100px;
right: 100px;
}
.content-part.teaser .swiper-container .swiper-slide.caption-downleft .swiper-caption {
bottom: 100px;
left: 100px;
}
.content-part.teaser .swiper-container .swiper-slide.caption-downright .swiper-caption {
bottom: 100px;
right: 100px;
}
.content-part.filled {
background: #efefef;
}
.content-part.border-top {
border-top: 1px solid #efefef;
}
.content-part.features .img-left img {
width: 100% !important;
height: auto !important;
}
.content-part.grid-layout .box {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.content-part.grid-layout .block-img {
border: 1px solid #eee;
background: #fff;
flex: 1 1 auto;
}
.content-part.team .member {
border: 1px solid #eee;
background: #fff;
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
flex: 1 1 auto;
}
.content-part.team .member .caption {
padding: 30px;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.content-part.team .member h3 {
margin-bottom: 0;
}
.content-part.team .member p:last-child {
margin-bottom: 0;
}
.content-part.team .member p small {
font-size: 0.8em;
}
.content-part.team .team-grid .box {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
}
.content-part.testimonial .swiper-slide {
text-align: center;
}
.content-part.testimonial .swiper-slide blockquote {
max-width: 90%;
}
.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;
}
.node:nth-child(n+4) {
content-visibility: auto;
} #footer {
content-visibility: auto;
}
#footer .inner {
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;
} .fltrt {
float: right;
}
.fltlft {
float: left;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .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-cookies-consent input[type="checkbox"] {
float: left;
position: relative;
top: 5px;
}
.comments-area .comment-form-cookies-consent label {
display: block;
margin-left: 30px;
}
.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);
} .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);
}
#post-148 .node table tbody td {
border-top: 1px solid #ccc;
}
#post-148 .node table tbody td:nth-child(1) {
white-space: nowrap;
} :root {
--default-font: 'Barlow', sans-serif;
--headline-font: 'Teko', sans-serif;
--form-border-color: #999; --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-cp-padding: 30px;
--border-radius: 10px;
} 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);
padding-bottom: 10px;
}
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;
}
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: 5px 10px;
text-decoration: none ;
font-weight: bold;
background: var(--theme-secondary-color);
color: #fff;
border-radius: var(--border-radius);
}
a.more-link:hover {
background: var(--theme-darkgrey-color);
} #logo a {
width: 200px;
height: 100px;
background-image: url(//www.berylune.de/wp-content/themes/collider-wp/assets/gfx/berylune-logo.svg);
}
.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.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;
}
.iframe-wrap {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
width: 100%;
height: auto;
margin-bottom: 30px;
}
.iframe-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.node {
border-radius: var(--border-radius);
overflow: hidden;
margin-bottom: 40px;
padding: 40px;
background: rgba(255, 255, 255, 0.05);
border-bottom: 0;
}
.node figure {
display: block;
margin: -40px -40px 40px -40px;
}
.node h2 a:hover {
color: var(--theme-darkgrey-color);
}
.node p a {
color: var(--theme-secondary-color);
}
.node p a:hover {
text-decoration: none;
}
.node table {
margin-bottom: 30px;
}
.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;
}
.node .tags {
padding-top: 20px;
font-size: 0.8em;
}
.node .tags ul {
list-style: none;
padding-left: 0;
}
.node .tags ul li {
float: left;
margin-right: 2px;
}
.node .tags ul li a {
text-decoration: none;
display: block;
padding: 0px 10px;
background: #efefef;
}
.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;
}
.pagination h2.screen-reader-text {
display: none;
}
.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 .current {
background: var(--theme-secondary-color);
color: #fff;
} .content-part > .content {
padding: var(--theme-cp-padding);
}
.content-part > .row .content,
.content-part > .row .sidebar {
padding: var(--theme-cp-padding);
}
.content-part.teaser .content {
padding: 0;
}
.content-part.teaser-img .content {
padding: 0 30px;
}
.content-part.center-headline h2 {
text-align: center;
}
.content-part.headline-border h2 {
position: relative;
padding-bottom: 20px;
}
.content-part.headline-border h2::before {
content: "";
height: 1px;
width: 100px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -50px;
background: #000;
opacity: 0.2;
}
.content-part.footer-widget-section {
background: var(--theme-grey-color);
}
.content-part.filled {
background: var(--theme-secondary-color);
color: var(--theme-light-color);
}
.content-part.dark {
color: var(--theme-darkgrey-color);
color: #fff;
}
.content-part.light {
background: #efefef;
}
.content-part.page .sidebar,
.content-part.page .content {
padding: 60px 30px;
}
#header {
position: relative;
margin: 0 20px 0;
top: 10px;
z-index: 10;
border-radius: 10px;
color: var(--theme-light-color);
background: rgba(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);
} .fixed-header #container {
padding-top: 150px;
clip: rect(0, auto, auto, 0);
overflow: hidden;
}
.fixed-header a#hamburger {
top: 20px;
}
.fixed-header #header {
position: fixed;
z-index: 999;
left: 0;
top: 10px;
right: 0;
}
.fixed-header #header .inner {
height: 70px;
}
.fixed-header #header::before {
opacity: 0.9;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
}
.fixed-header #mainmenu {
font-size: 1em;
padding-top: 10px;
}
.fixed-header #logo {
padding-top: 15px;
}
.fixed-header #logo a {
height: 40px;
}
.fixed-header .admin-bar #header {
top: 10px;
}
#footer {
font-size: 0.8em;
padding: 0 20px 20px;
}
#footer .inner {
background: var(--theme-dark-color);
color: var(--theme-light-color);
border-radius: 10px;
}
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;
}
ol.comment-list .comment-body .comment-meta a {
text-decoration: none;
}
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-metadata {
margin-left: auto;
color: #666;
}
ol.comment-list .comment-body .comment-metadata a {
color: #666;
}
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;
} .pull-in .char {
transition: transform 1s cubic-bezier(0.8, 0, 0.2, 1);
transition-delay: calc(0.2s * (1 - var(--distance-percent)));
}
.pull-in:hover .char {
transition-delay: calc(0.2s * var(--distance-percent));
transform: scale(0.7) translateX(calc(-0.35em * var(--distance-sine)));
}
.shift-right:before {
content: '>';
font: inherit;
vertical-align: 0.1em;
display: inline-block;
transform: scaleY(0) translateX(-1em);
margin-right: -0.25em;
}
.shift-right:before,
.shift-right .char {
transition: transform 0.8s cubic-bezier(0.75, 0, 0.24, 0.98);
transition-delay: calc(0.015s * var(--char-index));
}
.shift-right .char {
transform: translateX(-0.15em);
}
.shift-right:hover:before {
transform: scaleY(1) translateX(0em);
}
.shift-right:hover .char {
transform: translateX(1em);
transform: translateX(0.5em) translateX(calc(0.1em * var(--char-index)));
}
.slide-vertical .char,
.slide-horizontal .char {
overflow: hidden;
color: transparent;
}
.slide-vertical .char:before,
.slide-horizontal .char:before,
.slide-vertical .char:after,
.slide-horizontal .char:after {
visibility: visible;
color: var(--theme-secondary-color);
transition: transform 0.5s cubic-bezier(0.9, 0, 0.2, 1);
transition-delay: calc(0.2s + (0.02s * (var(--char-index))));
}
.slide-vertical .char:before,
.slide-horizontal .char:before {
color: var(--theme-darkgrey-color);
transition-delay: calc(0.02s * (var(--char-index)));
}
.slide-vertical:hover .char:before,
.slide-horizontal:hover .char:before {
transition-delay: calc(0.2s + (0.02s * (var(--char-index))));
}
.slide-vertical:hover .char:after,
.slide-horizontal:hover .char:after {
transition-delay: calc(0.02s * (var(--char-index)));
}
.slide-vertical .char:before {transform: translateY(-100%);}
.slide-vertical:hover .char:before {transform: translateY(0%);}
.slide-vertical:hover .char:after {transform: translateY(100%);}
.slide-horizontal .char:before {transform: translateX(110%);}
.slide-horizontal:hover .char:before {transform: translateX(0%);}
.slide-horizontal:hover .char:after {transform: translateX(-110%);}
blockquote {
padding: 20px;
margin-bottom: 30px;
background: #efefef;
}
blockquote cite {
font-size: 11px;
line-height: 120%;
display: block;
}
blockquote cite a {
text-decoration: none;
color: #555;
}
.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;
}
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) {
body {
background-color: #222;
color: #ccc;
}
#container {
background-color: #222;
}
#header::before {
background: #111;
}
.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%);
}
.pagination .nav-links a.page-numbers {
background: #444;
color: #666;
}
.node .tags ul li a {
background: #444;
}
.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;
}
}
@media screen and (prefers-color-scheme: light) {
body {
background: #efefef;
}
}
@media only screen and (max-width: 1130px) {
#mainmenu ul {
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);
}
#mainmenu ul::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: var(--theme-dark-color);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
background-size: 100% 20px;
background-position: center top;
background-repeat: no-repeat;
content: "";
opacity: 0.9;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
}
.fixed-header #mainmenu {
padding-top: 0;
}
}
@media only screen and (max-width: 576px) {
#container {
padding-top: 70px;
clip: rect(0, auto, auto, 0);
overflow: hidden;
}
a#hamburger {
top: 20px;
}
#header {
position: fixed;
z-index: 999;
left: 0;
top: 10px;
right: 0;
}
#header .inner {
height: 70px;
}
#header::before {
opacity: 0.9;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
}
#mainmenu {
font-size: 1em;
padding-top: 0;
}
#logo {
padding-top: 15px;
}
#logo a {
height: 40px;
}
.admin-bar #header {
top: 10px;
}
.content-part.page .content {
padding-top: 30px;
}
} @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;
}
}.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}