.vp-error{--vp-error_margin-b:1em;--vp-error__padding-v:1em;--vp-error__padding-h:1.3em;--vp-error__color:var(--vp-color-red);--vp-error__background-color:var(--vp-color-gray-lighten);--vp-error__border-width:1px;--vp-error__border-left-width:3px;--vp-error__border-color:var(--vp-color-red);--vp-error__border-radius:var(--vp-border-radius);background-color:var(--vp-error__background-color);border:var(--vp-error__border-width) solid var(--vp-error__border-color);border-left-width:var(--vp-error__border-left-width);border-radius:var(--vp-error__border-radius);color:var(--vp-error__color);margin-bottom:var(--vp-error_margin-b);padding:var(--vp-error__padding-v) var(--vp-error__padding-h)}
.vp-portfolio__items-style-default{--vp-items-style-default--image__border-radius:0;--vp-items-style-default--image-transform:none;--vp-items-style-default--image-hover__transform:scale(1.05);--vp-items-style-default--caption__color:inherit;--vp-items-style-default--caption__padding:1.5em 2em;--vp-items-style-default--caption-items__gap:1.5em;--vp-items-style-default--caption-links__color:inherit;--vp-items-style-default--caption-links__text-decoration:none;--vp-items-style-default--caption-links-hover__color:var(--vp-color-brand);--vp-items-style-default--overlay__color:#fff;--vp-items-style-default--overlay__background:rgba(0,0,0,.2);--vp-items-style-default--overlay__border-radius:0;--vp-items-style-default--overlay__margin:0;--vp-items-style-default--meta-icon__font-size:2em;--vp-items-style-default--meta-categories__font-size:0.9em;--vp-items-style-default--meta-categories__font-weight:500;--vp-items-style-default--meta-categories__text-transform:uppercase;--vp-items-style-default--meta-categories__text-decoration:none;--vp-items-style-default--meta-categories__opacity:0.8;--vp-items-style-default--meta-categories__gap:0 0.4em;--vp-items-style-default--meta-categories__separator:", ";--vp-items-style-default--meta-inline__font-weight:400;--vp-items-style-default--meta-inline__line-height:2;--vp-items-style-default--meta-inline__font-opacity:0.8;--vp-items-style-default--meta-inline__gap:0 1em;--vp-items-style-default--meta-part-icon__offset:0.5em;--vp-items-style-default--meta-title__font-size:1.3em;--vp-items-style-default--meta-excerpt__line-height:1.5;--vp-items-style-default--meta-excerpt__opacity:0.8;--vp-items-style-default-transition-duration:var(--vp-interactive__transition-duration);--vp-items-style-default-transition-easing:var(--vp-interactive__transition-easing);--vp-items-style-default--image__transition-duration:var(--vp-items-style-default-transition-duration);--vp-items-style-default--image__transition-easing:var(--vp-items-style-default-transition-easing);--vp-items-style-default--overlay__transition-duration:var(--vp-items-style-default-transition-duration);--vp-items-style-default--overlay__transition-easing:var(--vp-items-style-default-transition-easing)}.vp-portfolio__items-style-default .vp-portfolio__item-overlay{align-items:center;background:var(--vp-items-style-default--overlay__background);bottom:0;clip-path:inset(0 round var(--vp-items-style-default--overlay__border-radius));color:var(--vp-items-style-default--overlay__color);display:flex;justify-content:center;left:0;margin:var(--vp-items-style-default--overlay__margin);opacity:0;position:absolute;right:0;-webkit-text-decoration:var(--vp-items-style-default--overlay__text-decoration);text-decoration:var(--vp-items-style-default--overlay__text-decoration);top:0;transition-duration:var(--vp-items-style-default--overlay__transition-duration);transition-property:opacity,transform;transition-timing-function:var(--vp-items-style-default--overlay__transition-easing);z-index:2}.vp-portfolio__items-style-default .vp-portfolio__item-caption a{box-shadow:none;color:var(--vp-items-style-default--caption-links__color);outline:none;-webkit-text-decoration:var(--vp-items-style-default--caption-links__text-decoration);text-decoration:var(--vp-items-style-default--caption-links__text-decoration);transition-duration:var(--vp-items-style-default-transition-duration);transition-property:color,opacity,transform;transition-timing-function:var(--vp-items-style-default-transition-easing)}.vp-portfolio__items-style-default .vp-portfolio__item-caption a:focus,.vp-portfolio__items-style-default .vp-portfolio__item-caption a:hover{color:var(--vp-items-style-default--caption-links-hover__color)}.vp-portfolio__items-style-default .vp-portfolio__item-img{clip-path:inset(0 round var(--vp-items-style-default--image__border-radius));overflow:hidden;transition-duration:var(--vp-items-style-default--image__transition-duration);transition-property:clip-path;transition-timing-function:var(--vp-items-style-default--image__transition-easing);z-index:0}.vp-portfolio__items-style-default .vp-portfolio__item-img img{transform:var(--vp-items-style-default--image__transform);transition-duration:var(--vp-items-style-default--image__transition-duration);transition-property:opacity,transform;transition-timing-function:var(--vp-items-style-default--image__transition-easing)}.vp-portfolio__items-style-default .vp-portfolio__item-focus-visible .vp-portfolio__item-img img,.vp-portfolio__items-style-default .vp-portfolio__item:hover .vp-portfolio__item-img img{transform:var(--vp-items-style-default--image-hover__transform)}.vp-portfolio__items-style-default.vp-portfolio__items-show-overlay-default .vp-portfolio__item-overlay,.vp-portfolio__items-style-default.vp-portfolio__items-show-overlay-hover .vp-portfolio__item-focus-visible .vp-portfolio__item-overlay,.vp-portfolio__items-style-default.vp-portfolio__items-show-overlay-hover .vp-portfolio__item:hover .vp-portfolio__item-overlay{opacity:1}.vp-portfolio__items-style-default.vp-portfolio__items-show-overlay-default .vp-portfolio__item-focus-visible .vp-portfolio__item-overlay,.vp-portfolio__items-style-default.vp-portfolio__items-show-overlay-default .vp-portfolio__item:hover .vp-portfolio__item-overlay{opacity:0}.vp-portfolio__items-style-default.vp-portfolio__items-show-overlay-always .vp-portfolio__item-overlay{opacity:1}.vp-portfolio__items-style-default figcaption.vp-portfolio__item-caption{color:var(--vp-items-style-default--caption__color);font-style:inherit}.vp-portfolio__items-style-default .vp-portfolio__item-meta{padding:var(--vp-items-style-default--caption__padding);position:relative}.vp-portfolio__items-style-default .vp-portfolio__item-meta>*{margin-bottom:var(--vp-items-style-default--caption-items__gap);margin-top:0}.vp-portfolio__items-style-default .vp-portfolio__item-meta>:last-child{margin-bottom:0}.vp-portfolio__items-style-default .vp-portfolio__item-meta-icon{font-size:var(--vp-items-style-default--meta-icon__font-size)}.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories{display:inline-flex;flex-wrap:wrap;font-size:var(--vp-items-style-default--meta-categories__font-size);font-weight:var(--vp-items-style-default--meta-categories__font-weight);gap:var(--vp-items-style-default--meta-categories__gap);max-width:100%;text-transform:var(--vp-items-style-default--meta-categories__text-transform)}.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category{display:flex;flex:0 0 auto;max-width:100%;opacity:var(--vp-items-style-default--meta-categories__opacity)}.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category:after{content:var(--vp-items-style-default--meta-categories__separator)}.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category:last-of-type:after{content:none}.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category a{max-width:100%;-webkit-text-decoration:var(--vp-items-style-default--meta-categories__text-decoration);text-decoration:var(--vp-items-style-default--meta-categories__text-decoration)}.vp-portfolio__items-style-default .vp-portfolio__item-meta-title{font-size:var(--vp-items-style-default--meta-title__font-size);margin-left:0;margin-right:0}.vp-portfolio__items-style-default .vp-portfolio__item-meta-inline{align-items:center;display:flex;flex-wrap:wrap;font-weight:var(--vp-items-style-default--meta-inline__font-weight);gap:var(--vp-items-style-default--meta-inline__gap);justify-content:center;line-height:var(--vp-items-style-default--meta-inline__line-height)}.vp-portfolio__items-style-default .vp-portfolio__item-meta-inline>*{opacity:var(--vp-items-style-default--meta-inline__font-opacity)}.vp-portfolio__items-style-default .vp-portfolio__item-meta-part-icon{margin-right:var(--vp-items-style-default--meta-part-icon__offset)}.vp-portfolio__items-style-default .vp-portfolio__item-meta-author{align-items:center;display:flex}.vp-portfolio__items-style-default .vp-portfolio__item-meta-author img{border-radius:1em;height:auto;width:1em}.vp-portfolio__items-style-default .vp-portfolio__item-meta-excerpt{line-height:var(--vp-items-style-default--meta-excerpt__line-height);opacity:var(--vp-items-style-default--meta-excerpt__opacity)}.vp-portfolio__items-style-default .vp-portfolio__item-meta-read-more{display:inline-block}.vp-portfolio__items-style-default .vp-portfolio__item-caption-text-align-left{text-align:left}.vp-portfolio__items-style-default .vp-portfolio__item-caption-text-align-left .vp-portfolio__item-meta-categories,.vp-portfolio__items-style-default .vp-portfolio__item-caption-text-align-left .vp-portfolio__item-meta-inline{justify-content:flex-start}.vp-portfolio__items-style-default .vp-portfolio__item-caption-text-align-center{text-align:center}.vp-portfolio__items-style-default .vp-portfolio__item-caption-text-align-center .vp-portfolio__item-meta-categories,.vp-portfolio__items-style-default .vp-portfolio__item-caption-text-align-center .vp-portfolio__item-meta-inline{justify-content:center}.vp-portfolio__items-style-default .vp-portfolio__item-caption-text-align-right{text-align:right}.vp-portfolio__items-style-default .vp-portfolio__item-caption-text-align-right .vp-portfolio__item-meta-categories,.vp-portfolio__items-style-default .vp-portfolio__item-caption-text-align-right .vp-portfolio__item-meta-inline{justify-content:flex-end}[data-vp-layout=slider] .vp-portfolio__items-style-default .vp-portfolio__item-img-wrap{padding-bottom:.02px;padding-top:.02px;position:relative}[data-vp-slider-slides-per-view=auto] .vp-portfolio__items-style-default .vp-portfolio__item-caption{min-width:100%;width:0}
.vp-notice{--vp-notice__padding-v:1em;--vp-notice__padding-h:1.3em;--vp-notice__color:var(--vp-color-brand);--vp-notice__background-color:var(--vp-color-gray-lighten);--vp-notice__border-width:1px;--vp-notice__border-left-width:3px;--vp-notice__border-color:var(--vp-color-brand);--vp-notice__border-radius:var(--vp-border-radius);background-color:var(--vp-notice__background-color);border:var(--vp-notice__border-width) solid var(--vp-notice__border-color);border-left-width:var(--vp-notice__border-left-width);border-radius:var(--vp-notice__border-radius);color:var(--vp-notice__color);padding:var(--vp-notice__padding-v) var(--vp-notice__padding-h)}
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}.entry-content .wp-block-custom-block-container{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:30px 50px}.bg-auto{background-size:auto!important}.bg-cover{background-size:cover!important}.bg-contain{background-size:contain!important}.bg-100{background-size:100%!important}.bg-no-repeat{background-repeat:no-repeat!important}.bg-repeat{background-repeat:repeat!important}.bg-repeat-x{background-repeat:repeat-x!important}.bg-repeat-y{background-repeat:repeat-y!important}.w3eden h2.components-heading{font-size:14px}/* Reset Browser default for Select component */
select {
appearance: none; /* Removes native arrow in Safari */
-webkit-appearance: none; /* Safari-specific reset */
-moz-appearance: none; /* Firefox */
cursor: pointer;
background-color: white;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px;
}
select:focus {
outline: none;
border-color: #007aff;
box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.2);
}
/* Adjustments general */
.tnp-subscription {
width: 100%;
}
.tnp-field input,
.tnp-field select {
width: 100%;
}
.tnp-privacy-field {
align-self: left;
}
.tnp-privacy-field {
line-height: 1.1;
}
.tnp-privacy-field label {
display: flex;
align-items: flex-start; /* Aligns checkbox to the top of the text line; use 'center' if you prefer vertical centering */
gap: 8px; /* Adds a small, controlled space between checkbox and text; adjust as needed */
line-height: inherit; /* Ensures consistent line height */
}
.tnp-privacy-field label input[type='checkbox'] {
border-width: 0px;
padding-inline: 0 !important;
margin: 0;
flex-shrink: 0;
width: auto;
}
.felusch-footer-waitlist .tnp-field input,
.felusch-footer-waitlist .tnp-lists select {
font-family: var(--wp--preset--font-family--nunito, sans-serif);
}
/* Reactivate Button */
.tnp-reactivate .tnp-submit {
background-color: var(--wp--preset--color--foreground, #333333);
font-family: var(--wp--preset--font-family--nunito);
font-size: var(--wp--preset--font-size--body-normal);
color: var(--wp--preset--color--foreground-foreground, white);
border-radius: 8px;
padding: var(--wp--preset--spacing--xs-12, 12px) var(--wp--preset--spacing--xs-24, 24px);
}
/* Waitlist footer */
.felusch-footer-waitlist .tnp-field-firstname,
.felusch-footer-waitlist .tnp-field-surname,
.felusch-footer-waitlist .tnp-field-email,
.felusch-footer-waitlist .tnp-privacy-field,
.felusch-footer-waitlist .tnp-lists {
margin-bottom: 8px;
}
.felusch-footer-waitlist .tnp-field input,
.felusch-footer-waitlist .tnp-lists select {
padding: 4px 8px;
border-radius: 4px;
border-width: 0px;
}
.felusch-footer-waitlist .tnp-field label {
font-size: small;
}
.felusch-footer-waitlist .tnp-field-button input {
padding: 8px 16px;
width: max-content !important;
border-width: 0px;
border-radius: 8px;
background-color: var(--wp--preset--color--primary, #0f6dbf);
color: var(--wp--preset--color--primary-foreground, white);
margin-top: 1rem;
}
.tnp-subscription input.tnp-submit:hover,
.tnp-subscription-minimal input.tnp-submit:hover,
.tnp-submit:hover {
opacity: 0.8;
cursor: pointer;
}
/* Waitlist regular */
.felusch-waitlist .tnp-field-firstname,
.felusch-waitlist .tnp-field-surname,
.felusch-waitlist .tnp-field-email,
.felusch-waitlist .tnp-privacy-field,
.felusch-waitlist .tnp-lists {
display: flex;
gap: auto;
justify-content: left;
margin-bottom: var(--wp--preset--spacing--sm-16, 1rem);
}
.felusch-waitlist .tnp-field-firstname label,
.felusch-waitlist .tnp-field-surname label,
.felusch-waitlist .tnp-field-email label,
.felusch-waitlist .tnp-lists label {
min-width: 7rem;
font-weight: 600;
margin-right: 8px;
font-size: var(--wp--preset--font-size--body-normal, 18px);
}
.felusch-waitlist .tnp-field input,
.felusch-waitlist .tnp-lists select {
padding: 4px;
border-radius: 4px;
border-width: 0px;
font-size: var(--wp--preset--font-size--body-normal, 18px);
font-family: var(--wp--preset--font-family--nunito, sans-serif);
padding: var(--wp--preset--spacing--xxs-6, 6px) var(--wp--preset--spacing--sm-24, 24px);
}
.felusch-waitlist .tnp-field-button input {
margin-top: var(--wp--preset--spacing--sm-24, 24px);
margin-bottom: 0;
background-color: var(--wp--preset--color--foreground, #333333);
border-radius: 8px;
font-weight: 600;
padding: var(--wp--preset--spacing--xs-12, 12px) var(--wp--preset--spacing--xs-24, 24px);
color: var(--wp--preset--color--primary-foreground, white);
width: max-content !important;
}
.felusch-waitlist .tnp-privacy-field a,
.felusch-waitlist .tnp-privacy-field a:visited {
color: var(--wp--preset--color--foreground, #333333);
}
.felusch-waitlist .tnp-privacy-field input {
transform: scale(1.25);
-webkit-transform: scale(1.25); /* Safari */
transform-origin: center;
}
@media (max-width: 640px) {
.felusch-waitlist .tnp-field-firstname,
.felusch-waitlist .tnp-field-surname,
.felusch-waitlist .tnp-field-email,
.felusch-waitlist .tnp-privacy-field,
.felusch-waitlist .tnp-lists {
flex-direction: column;
gap: 8px;
}
}.stroke-width-1.wp-block-outermost-icon-block .icon-container svg {
stroke-width: 1;
}
.stroke-width-1.wp-block-outermost-icon-block .icon-container svg > * {
stroke-width: inherit;
}
.stroke-width-4.wp-block-outermost-icon-block .icon-container svg {
stroke-width: 4;
}
.stroke-width-4.wp-block-outermost-icon-block .icon-container svg > * {
stroke-width: inherit;
}/* ##### Resets ##### */
*,
*::after,
*::before {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
height: 100%;
max-width: 1920px;
margin: 0 auto;
background-color: white;
/* background-color: rosybrown; */
}
body {
margin: 0;
padding: 0;
min-height: 100vh;
/* Fallback */
min-height: 100dvh;
/* Preferred */
display: flex;
flex-direction: column;
}
.wp-site-blocks {
display: flex;
flex-direction: column;
min-height: inherit;
}
main {
flex: 1;
}
/* Buttons */
.custom-button a {
text-decoration: none;
color: inherit;
}
.custom-button p {
font-family: var(--wp--preset--font-family--nunito);
font-size: var(--wp--preset--font-size--body-normal);
}
.wp-block-button :hover {
opacity: 0.7;
}
/* Grid container für call to action */
.felusch-call-to-action {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--wp--preset--spacing--sm-16-r, 1rem);
max-width: 100%; /* Container passt sich an */
justify-content: stretch;
}
@media screen and (max-width: 640px) {
.felusch-call-to-action {
grid-template-columns: 1fr;
}
.felusch-inhouse-card .felusch-call-to-action {
width: 100%;
}
}
/* ##### Resets ##### */
/* ##### Container for wider separators ##### */
.flex-block .wp-block-image,
.flex-block .wp-block-image img {
width: 100%;
}
/* ##### Container for wider separators ##### */
/* ##### Container for wider separators ##### */
.wide-divider {
max-width: 1068px !important;
margin-inline: auto !important;
}
/* ##### Container for wider separators ##### */
/* ##### Umbrechen von Text in gleichlange Zeilen ##### */
.textBalance {
text-wrap: balance;
}
/* ##### Umbrechen von Text in gleichlange Zeilen ##### */
/* ##### global padding settings ##### */
/* global outer padding except in full layout */
.wp-site-blocks > .woocommerce > .is-layout-constrained,
.wp-site-blocks > .is-layout-constrained,
.wp-site-blocks > .wp-block-group > .wp-block-post-content {
padding-inline: var(--wp--custom--global-outer-padding-inline);
}
.no-global-margin {
margin-inline: calc(-1 * var(--wp--custom--global-outer-padding-inline)) !important;
padding-inline: var(--wp--custom--global-outer-padding-inline) !important;
}
.no-global-padding {
margin-inline: calc(-1 * var(--wp--custom--global-outer-padding-inline)) !important;
}
/* ##### global padding settings ##### */
/** ##### Footer Cookie ##### */
.cookie-menu:hover {
color: var(--wp--preset--color--primary);
cursor: pointer;
}
/** ##### Footer Cookie ##### */
/** ##### Cookie Banner #####*/
.cmplz-links a {
text-decoration: none !important;
}
.cmplz-link {
text-transform: uppercase;
}
.cookie-statement {
display: none;
}
.cmplz-manage-third-parties {
display: inline !important;
}
.cmplz-document-eu {
display: inline !important;
}
/** ##### Cookie Banner #####*/
/** ##### Klasse um was auszublenden #####*/
.hide {
display: none;
}
/** ##### Klasse um was auszublenden #####*/
/** ##### Referenzen Liste ##### */
/** Kein Wrap und overflow */
.referencesList {
list-style: none;
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
gap: var(--wp--preset--spacing--sm-16-r);
}
/** Für Editor */
.referencesList .block-editor-rich-text__editable.rich-text {
white-space: nowrap !important;
}
/** Abgerundeter Kasten für Einträge */
.referencesList li {
background-color: var(--wp--preset--color--background);
border: 1px solid var(--wp--preset--color--accent);
border-radius: 8px;
padding-block: var(--wp--preset--spacing--xxs-6);
padding-inline: var(--wp--preset--spacing--xs-12-r);
user-select: none;
}
/** ##### Referenzen Liste ##### */
@media (max-width: 640px) {
.display-none-mobile {
display: none;
}
}
/** ##### Hover effects for Teilnehmer Link Karten ##### */
/* Animate felusch-teilnehmer-link hover effects */
.felusch-teilnehmer-link {
transition: background 0.3s, color 0.3s;
}
.felusch-teilnehmer-link-icon .icon-container path {
transition: fill 0.3s;
}
.felusch-teilnehmer-link button {
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.felusch-teilnehmer-link .icon-container {
transition: color 0.3s;
}
.felusch-teilnehmer-link button:hover {
transition: opacity 0.3s;
}
/* gradient background of card */
.felusch-teilnehmer-link:hover {
background: linear-gradient(180deg, #0f6dbf 0%, #0f7a95 100%);
color: var(--wp--preset--color--primary-foreground, white);
}
/* white icons, fonts, border etc */
.felusch-teilnehmer-link:hover .felusch-teilnehmer-link-icon .icon-container path {
/* fill: var(--wp--preset--color--primary-foreground, white) !important; */
stroke: var(--wp--preset--color--primary-foreground, white) !important;
}
.felusch-teilnehmer-link:hover button,
.felusch-teilnehmer-link:hover a {
color: var(--wp--preset--color--primary-foreground, white) !important;
background-color: transparent !important;
border-color: var(--wp--preset--color--primary-foreground, white) !important;
}
.felusch-teilnehmer-link:hover .icon-container {
color: var(--wp--preset--color--primary-foreground, white) !important;
}
.felusch-teilnehmer-link:hover button:hover,
.felusch-teilnehmer-link:hover a:hover,
.felusch-teilnehmer-link:hover .wp-block-ermisch-block-custom-button {
opacity: 1;
}
/** ##### Hover effects for Teilnehmer Link Karten ##### */
/** ##### Header Style wird durch Custom Header kontrolliert ##### */
/* Header "durchsichtig" */
header.wp-block-template-part {
display: contents;
}
/* Darunter liegende Gruppe ebenfalls "durchsichtig" (nicht benutzt, weil wir die Gruppe selber auf Sticky setzen. Dadurch hat man die ganze Leiste mit Hintergrundfarbe beim Scrollen */
/* header.wp-block-template-part:first-child .wp-block-group {
display: contents;
} */
/** ##### Header Style wird durch Custom Header kontrolliert ##### */
/** #### Styling Feature List ##### */
/* General List Styling */
.felusch-seminar-list,
.wp-block-list.felusch-seminar-list {
list-style: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--sm-16);
}
.felusch-seminar-list li,
.felusch-seminar-list .wp-block-list-item li {
margin-bottom: 0;
padding-left: 2rem;
position: relative;
display: flex;
align-items: center;
}
/* Add checkmark icon using ::before pseudo-element */
.felusch-seminar-list li::before,
.felusch-seminar-list .wp-block-list-item li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1.625rem;
height: 1.625rem;
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: contain;
background-repeat: no-repeat;
}
ul.felusch-seminar-list,
.block-editor-block-list__block ul.felusch-seminar-list {
padding-left: 0;
margin-left: 0;
}
/* Mobile Styles */
@media (max-width: 640px) {
.felusch-seminar-list {
flex-direction: column;
gap: var(--wp--preset--spacing--xxs-6);
}
}
/** ##### Styling für Seminare ##### */
/* Learnings list in Accordion */
.wp-block-list.felusch-learnings-list {
list-style: none;
padding-left: 1rem;
}
.wp-block-list.felusch-learnings-list li,
.wp-block-list.felusch-learnings-list .wp-block-list-item li {
margin-bottom: 0.375rem;
padding-left: 1.5rem;
position: relative;
}
.wp-block-list.felusch-learnings-list li::before,
.wp-block-list.felusch-learnings-list .wp-block-list-item li::before {
content: '✓ ';
color: var(--wp--preset--color--secondary, #084d86);
position: absolute;
left: 0;
top: 0;
font-weight: 300;
}
/* Tabs Active and hover state */
.wp-block-ermisch-block-tabs-block .tab-header-buttons button:hover {
color: var(--wp--preset--color--primary, #0f6dbf);
}
.wp-block-ermisch-block-tabs-block .tab-header-buttons button.active:hover {
color: var(--wp--preset--color--foreground, #333333);
}
.wp-block-ermisch-block-tabs-block .tab-header-buttons button.active .tab-title {
font-weight: 600;
}
/* Smooth transition for sticky state changes */
.wp-block-ermisch-block-tabs-block .tab-heading,
.wp-block-ermisch-block-tabs-block .tab-sidebar.is-stuck .tab-header .tab-header-buttons .tab-title,
.wp-block-ermisch-block-tabs-block
.tab-sidebar.is-stuck
.tab-header
.tab-header-buttons
.tab-label {
transition: font-size 0.2s ease-in-out;
}
/* .wp-block-ermisch-block-tabs-block .tab-sidebar {
transition: gap 0.1s ease-in-out;
transition: padding 0.1s ease-in-out;
} */
.wp-block-ermisch-block-tabs-block .tab-sidebar.is-stuck {
padding-top: 1.5rem;
}
/* reduce font size and adjust spacing for smaller screens */
@media (max-width: 640px) {
.wp-block-ermisch-block-tabs-block .tab-sidebar.is-stuck .tab-heading {
font-size: 1rem;
}
.wp-block-ermisch-block-tabs-block
.tab-sidebar.is-stuck
.tab-header
.tab-header-buttons
.tab-title,
.wp-block-ermisch-block-tabs-block
.tab-sidebar.is-stuck
.tab-header
.tab-header-buttons
.tab-label {
font-size: 0.8rem !important;
}
.wp-block-ermisch-block-tabs-block .tab-sidebar.is-stuck {
gap: 1rem;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
opacity: 0.98;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}
/* Kursinhalte */
.felusch-kurs-inhalte .tab-label {
white-space: nowrap;
}
/* Modul Liste */
.felusch-modul-list {
list-style: none;
}
.felusch-modul-list li,
.felusch-modul-list .wp-block-list-item li {
margin-bottom: 1.5rem;
padding-left: 0;
margin-left: 0;
}
ul.felusch-modul-list,
.block-editor-block-list__block ul.felusch-modul-list {
padding-left: 0!important;
margin-left: 0;
}
/** ##### Styling für Download Links ##### */
/* Inject Svg Icon */
.felusch-external-link a {
display: inline-flex;
align-items: top;
justify-content: top;
gap: 0.2em;
text-decoration: none;
}
.felusch-external-link a::after {
content: '';
display: inline-block;
width: 1.375em;
height: 1.375em;
background-color: currentColor; /* takes the link's text color */
-webkit-mask: url('data:image/svg+xml;utf8,')
no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,')
no-repeat center / contain;
}
.felusch-external-link:hover {
color: var(--wp--preset--color--primary);
}
/* Layout */
.felusch-link-collection {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--wp--preset--spacing--sm-16-r, 1.5rem);
}
@media (max-width: 1024px) {
.felusch-link-collection {
grid-template-columns: 1fr;
}
}
.wp-block-post-excerpt__more-link {
position: relative;
display: inline-block;
border: 1px var(--wp--preset--color--foreground, #333333) solid;
border-radius: 10px;
padding-block: 0.5rem;
margin-top: 32px;
padding-left: 2.8rem;
padding-right: 1.7rem;
text-decoration: none;
color: var(--wp--preset--color--foreground, #333333);
}
.wp-block-post-excerpt__more-link::before {
content: '';
position: absolute;
left: 10%;
top: 50%;
transform: translateY(-50%);
width: 1.625rem;
height: 1.625rem;
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 640px) {
.wp-block-post-excerpt__more-text {
text-align: right;
}
.wp-block-post-featured-image {
min-height: 0px;
min-width: 100%;
}
.attachment-full.size-full.wp-post-image {
height: 100%;
}
}
@media (min-width: 641px) {
/* Add arrows to Tab Buttons */
.wp-block-ermisch-block-tabs-block .tab-header-buttons button:not(.active) .tab-title::before {
content: '';
display: inline-flex;
width: 1.375rem;
height: 1.375rem;
margin-right: 0.2rem;
vertical-align: sub;
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: contain;
background-repeat: no-repeat;
}
/* Change arrow color to blue on hover */
.wp-block-ermisch-block-tabs-block
.tab-header-buttons
button:not(.active):hover
.tab-title::before {
filter: brightness(0) saturate(100%) invert(20%) sepia(96%) saturate(1352%) hue-rotate(211deg)
brightness(118%) contrast(101%);
}
}
/* micro animation for cards -depricated*/
/*
.felusch-modul-card-container:hover,
.ermisch-seminar-card:hover,
.felusch-inhouse-card:hover {
filter: brightness(1.03);
transform: translateY(-4px);
transition: transform 0.3s ease, filter 0.3s ease;
} */
/* micro animation for cards, no effect on Formular */
.felusch-modul-card-container:hover:not(:has(.kontaktformular-dialog-popup:is(:hover, .open))),
.ermisch-seminar-card:hover:not(:has(.kontaktformular-dialog-popup:is(:hover, .open))),
.felusch-inhouse-card:hover:not(:has(.kontaktformular-dialog-popup:is(:hover, .open))) {
filter: brightness(1.03);
transform: translateY(-4px);
transition: transform 0.3s ease, filter 0.3s ease;
}
/* Spacing in Datenschutz */
.felusch-datenschutz h3,
.felusch-datenschutz h4 {
margin-top: var(---wp--preset--spacing--sm-24-r, 1.5rem);
}
.felusch-datenschutz ul {
padding-left: 1.5rem;
}
/* Listen in Block-Beiträgen */
.wp-singular .wp-block-list {
padding-left: 1.75rem;
}
/*Schrift BilderGalerie */
.vp-portfolio__item-meta {
font-size: var(--wp--preset--font-size--body-small, clamp(0.688rem, 0.598rem + 0.446vw, 1rem));
}
/*Schrift BilderGalerie Popup */
.vp-portfolio__item-popup-title {
font-size: var(--wp--preset--font-size--body-small, clamp(0.688rem, 0.598rem + 0.446vw, 1rem));
}
/*Dateinamen ausblenden BilderGalerie */
.vp-portfolio__item-popup-description {
display: none;
}
.block-preview-picture img {
max-height: 200px;
}
@media (max-width: 640px) {
.block-preview-picture-image img {
object-fit: contain !important;
}
}/** ##### WP-Navigation Html Struktur ##### */
/*
Menü(nav) => nav.wp-block-navigation
Einträge(ul) => ul.wp-block-navigation.wp-block-navigation__container
Eintrag mit Untermenü(li) => li.wp-block-navigation-item.wp-block-navigation-submenu
Button(button) => button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle
Label(span) => span.wp-block-navigation-item__label
Icon(span) => li.wp-block-navigation-item.wp-block-navigation-submenu span.wp-block-navigation__submenu-icon
Unser Icon(::before) => span.wp-block-navigation__submenu-icon::before
Standard Icon(svg) => li.wp-block-navigation-item.wp-block-navigation-submenu span.wp-block-navigation__submenu-icon svg
Untermenü(ul) => ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container
=> .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container
Eintrag normal(li) => li.wp-block-navigation-item.wp-block-navigation-link
Link(a) => a.wp-block-navigation-item__content
*/
/** ##### WP-Navigation Html Struktur ##### */
/** ##### Navigationsmenü in Leiste ##### */
/* Backdrop (definiert in custon header): Wird getriggert wenn Submenü geöffnet ist, aber nicht im geöffneten Nav */
body:has(
.wp-block-navigation
.has-child
.wp-block-navigation-submenu__toggle[aria-expanded="true"]
~ ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container
):not(.nav_menu.nav_menu.navOpen)::before {
opacity: 1;
}
.wp-block-group:has(.wp-block-ermisch-block-custom-header) {
opacity: unset;
z-index: 999;
}
/* Navigationsitem (hatte manchmal keinen Pointer) */
li.wp-block-navigation-item.wp-block-navigation-link {
cursor: pointer;
}
/* Geöffnetes Menü */
.wp-block-navigation
.has-child
.wp-block-navigation-submenu__toggle[aria-expanded="true"]
~ ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container {
border: none;
white-space: nowrap;
padding: var(--wp--preset--spacing--md-32);
gap: var(--wp--preset--spacing--sm-16);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
color: var(--wp--preset--color--primary);
}
/* Button ist primary color wenn Menü ist geöffnet */
.wp-block-navigation
.has-child
.wp-block-navigation-submenu__toggle[aria-expanded="true"] {
color: var(--wp--preset--color--primary);
}
/* Farbwechsel bei Hover für Einträge(li) */
li.wp-block-navigation-item.wp-block-navigation-link:hover,
li.wp-block-navigation-item.wp-block-navigation-submenu:hover {
transition: color 200ms ease-in-out;
color: var(--wp--preset--color--primary);
}
li.wp-block-navigation-item.wp-block-navigation-submenu
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle {
padding-right: unset;
}
/* Farbwechsel bei Hover für Einträge - ändere auch die Farbe des Svgs */
li.wp-block-navigation-item.wp-block-navigation-link:hover
button.wp-block-navigation-item__content
~ span.wp-block-navigation__submenu-icon::before,
li.wp-block-navigation-item.wp-block-navigation-submenu:hover
button.wp-block-navigation-item__content
~ span.wp-block-navigation__submenu-icon::before {
/* Stroke is primary */
background-image: url('data:image/svg+xml;utf8,');
}
/* Pfeil nach unten (span container)*/
ul.wp-block-navigation.wp-block-navigation__container
li.wp-block-navigation-item.wp-block-navigation-submenu
span.wp-block-navigation__submenu-icon,
.wp-block-navigation
.wp-block-navigation-item.wp-block-navigation-submenu
span.wp-block-navigation__submenu-icon {
margin-left: var(--wp--preset--spacing--xxs-6);
width: fit-content;
height: fit-content;
}
/* Pfeil nach unten (standard Svg ausschalten)*/
li.wp-block-navigation-item.wp-block-navigation-submenu
span.wp-block-navigation__submenu-icon
svg,
.wp-block-navigation-item.wp-block-navigation-submenu
span.wp-block-navigation__submenu-icon
svg {
display: none;
}
/* Pfeil nach unten (eigenes Icon in button)*/
span.wp-block-navigation__submenu-icon::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
transition: transform 200ms ease-in-out, background-image 200ms ease-in-out;
/* Stroke is primary-foreground */
background-image: url('data:image/svg+xml;utf8,');
}
/* Pfeil nach unten (eigenes Icon - wenn geklickt wurde, Aufklapp-Animation)*/
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle[aria-expanded="true"]
~ span.wp-block-navigation__submenu-icon::before {
transform: rotate(180deg);
/* Stroke is primary */
background-image: url('data:image/svg+xml;utf8,');
}
/** ##### Navigationsmenü in Leiste ##### */
/** ##### Navigationsmenü bei .nav_menu.navOpen (Tablet/Mobile) ##### */
/* IM Navmenü: Einträge sind linksbündig */
.nav_menu.navOpen ul.wp-block-navigation.wp-block-navigation__container {
align-items: flex-start;
}
/* IM Navmenü: Menü hat 100% Breite und Einträge sind links */
.nav_menu.navOpen nav.wp-block-navigation {
width: 100%;
align-items: flex-start;
}
/* IM Navmenü: Ausklappbares Menü hat Border */
.nav_menu.navOpen li.wp-block-navigation-item.wp-block-navigation-submenu {
border: 1px solid var(--wp--preset--color--primary-foreground);
border-radius: 8px;
padding-inline: var(--wp--preset--spacing--sm-16);
padding-block: var(--wp--preset--spacing--xs-12);
}
/* IM Navmenü: SubMenü-li ist Grid */
.nav_menu.navOpen li.wp-block-navigation-item.wp-block-navigation-submenu {
display: grid;
grid-template-columns: auto auto 1fr;
grid-template-rows: auto auto;
align-items: center;
width: 100%;
}
/* IM Navmenü: Geöffnetes Menü */
.nav_menu.navOpen
.wp-block-navigation
.has-child
.wp-block-navigation-submenu__toggle[aria-expanded="true"]
~ .wp-block-navigation__submenu-container,
.nav_menu.navOpen
.wp-block-navigation
.has-child:not(.open-on-click):hover
> .wp-block-navigation__submenu-container,
.nav_menu.navOpen
.wp-block-navigation
.has-child:not(.open-on-click):not(.open-on-hover-click):focus-within
> .wp-block-navigation__submenu-container {
position: unset !important;
grid-column: span 3;
grid-row: 2 / 3;
white-space: normal;
width: 100%;
padding-top: var(--wp--preset--spacing--xs-12) !important;
padding-block: unset;
padding-inline: unset;
gap: var(--wp--preset--spacing--xs-12);
}
/** ##### Navigationsmenü bei .nav_menu.navOpen (Tablet/Mobile) ##### */
/** ##### links-for-members ##### */
/* links-for-members: Nav hat fit content und border Radius; padding */
nav.wp-block-navigation.links-for-members {
width: fit-content;
border-radius: 8px;
padding-inline: var(--wp--preset--spacing--sm-16);
padding-block: var(--wp--preset--spacing--xxs-6);
}
/* links-for-members: border-radius */
.links-for-members ul.wp-block-navigation.wp-block-navigation__container {
border-radius: inherit;
}
.links-for-members li.wp-block-navigation-item.wp-block-navigation-submenu {
border-radius: inherit;
}
.links-for-members
li.wp-block-navigation-item.wp-block-navigation-submenu
span.wp-block-navigation__submenu-icon {
border-radius: inherit;
}
/* links-for-members: etwas größere block padding wenn menü offen */
.nav_menu.navOpen nav.wp-block-navigation.links-for-members {
/* padding-block: var(--wp--preset--spacing--xs-12); */
padding: 0;
}
/* links-for-members: Pfeil nach unten andere standard Farbe und andere Größe */
.links-for-members span.wp-block-navigation__submenu-icon::before {
width: 16px;
height: 16px;
/* Stroke is bg-dark-neutral */
background-image: url('data:image/svg+xml;utf8,');
}
/* links-for-members: Geöffnetes Menü */
nav.wp-block-navigation.links-for-members
.has-child
.wp-block-navigation-submenu__toggle[aria-expanded="true"]
~ ul.wp-block-navigation-submenu.wp-block-navigation__submenu-container {
top: calc(100% - 2px);
white-space: normal;
width: calc(100% + 2 * var(--wp--preset--spacing--sm-16));
transform: translateX(calc(-1 * var(--wp--preset--spacing--sm-16)));
padding: var(--wp--preset--spacing--sm-16);
}
/* IM Navmenü, links-for-members: Ausklappbares Menü */
.nav_menu.navOpen
.links-for-members
li.wp-block-navigation-item.wp-block-navigation-submenu {
border: unset;
border-radius: inherit;
/* padding: unset; */
padding-block: var(--wp--preset--spacing--xs-12);
}
/* IM Navmenü, links-for-members: Geöffnetes Menü, fix padding bottom */
.nav_menu.navOpen
.wp-block-navigation.links-for-members
.has-child
.wp-block-navigation-submenu__toggle[aria-expanded="true"]
~ .wp-block-navigation__submenu-container,
.nav_menu.navOpen
.wp-block-navigation.links-for-members
.has-child:not(.open-on-click):hover
> .wp-block-navigation__submenu-container,
.nav_menu.navOpen
.wp-block-navigation.links-for-members
.has-child:not(.open-on-click):not(.open-on-hover-click):focus-within
> .wp-block-navigation__submenu-container {
padding-bottom: unset;
}
/** ##### links-for-mebers ##### *//*
AUFBAU
(div) glsr glsr-default glsr-ltr
-- (div) glsr-form-wrap
--- (form) testimonial-form glsr-review-form glsr-form
---- (input) site-reviews[_action]
---- (...)
---- (div) glsr-field glsr-field-rating glsr-required
----- (label)
----- (span oder textarea)
---- (...)
*/
/* Form Außenelement */
.glsr.glsr-default.glsr-ltr:has(.testimonial-form.glsr-review-form.glsr-form) {
width: 100%;
border: 1px solid var(--wp--preset--color--border);
border-radius: 8px;
padding: var(--wp--preset--spacing--md-32-r);
}
/* Form */
.testimonial-form.glsr-review-form.glsr-form {
display: grid;
grid-template-columns: 0.2fr 1fr;
row-gap: var(--wp--preset--spacing--sm-24-r);
column-gap: var(--wp--preset--spacing--sm-24-r);
}
/* Form field display contents damit wir die column bestimmen können */
.testimonial-form.glsr-review-form.glsr-form .glsr-field {
display: contents;
}
/* Label links (20%) */
.testimonial-form.glsr-review-form.glsr-form .glsr-label {
grid-column: 1 / 2;
margin: 0;
}
/* Felder rechts (Rest) */
.testimonial-form.glsr-review-form.glsr-form .glsr-field-toggle {
grid-column: 1 / -1;
}
/* Austausch gegen Phosphor Stern */
form.glsr-form.testimonial-form .glsr-star-rating--stars[class*=" s"] > span {
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
form.glsr-form.testimonial-form
.glsr-star-rating--stars[class*=" s"]
> span.gl-active,
form.glsr-form.testimonial-form
.glsr-star-rating--stars[class*=" s"]
> span.gl-active.gl-selected {
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
form.glsr-form.testimonial-form
.glsr-field-is-invalid
.glsr-star-rating--stars[class*=" s"]
> span {
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
/* Button unten volle Breite */
.glsr-default .testimonial-form > :last-child {
/* margin-top: var(--wp--preset--spacing--sm-24-r); */
grid-column: 1 / -1;
}
/* Button styles */
.glsr-default .testimonial-form button.glsr-button {
border-radius: 8px;
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--primary-foreground);
padding-inline: var(--wp--preset--spacing--sm-24-r);
padding-block: var(--wp--preset--spacing--xs-12-r);
}
/* Failed message volle Breite */
.testimonial-form.glsr-review-form.glsr-form
.glsr-form-message.glsr-form-failed {
grid-column: 1 / -1;
}
/* Error rechts */
.testimonial-form.glsr-review-form.glsr-form .glsr-field-error {
grid-column: 2 / 3;
}
/* Success volle Breite */
.testimonial-form.glsr-review-form.glsr-form
.glsr-form-message.glsr-form-success {
grid-column: 1 / -1;
}
/* Profile pic conteiner, volle Breite */
.testimonial-form.glsr-review-form.glsr-form .profile-picture-container {
grid-column: 1 / -1;
margin: 0;
}
/* Sowohl picker als auch Vorschau rechts, untereinander */
.testimonial-form.glsr-review-form.glsr-form
.profile-picture-container
.crop-container {
grid-column: 2 / 3;
margin: 0;
}
.testimonial-form.glsr-review-form.glsr-form
.profile-picture-container
> :last-child {
grid-column: 2 / 3;
}
/* Keine AUßencontainer Padding und kleinere Abstände auf Mobile */
@media (max-width: 640px) {
.glsr.glsr-default.glsr-ltr:has(
.testimonial-form.glsr-review-form.glsr-form
) {
border: none;
padding: unset;
}
.testimonial-form.glsr-review-form.glsr-form {
overflow-x: auto;
display: grid;
grid-template-columns: 0.2fr 1fr;
row-gap: var(--wp--preset--spacing--sm-16-r);
column-gap: var(--wp--preset--spacing--sm-16-r);
}
}
/* Für sehr kleine Geräte Label und Feld untereinander */
@media (max-width: 295px) {
/* Form */
.testimonial-form.glsr-review-form.glsr-form {
display: flex;
flex-direction: column;
gap: 0;
}
/* Label */
.testimonial-form.glsr-review-form.glsr-form .glsr-label {
margin-bottom: var(--wp--preset--spacing--xxs-6);
}
/* Felder (erste 3), Sterne, Toggle */
.glsr-default
form.glsr-form.testimonial-form
input.glsr-input:not(.wp-block-search__input),
.glsr-default form.glsr-form.testimonial-form select.glsr-select,
.glsr-default form.glsr-form.testimonial-form textarea.glsr-textarea,
.glsr-default
form.glsr-form.testimonial-form
.glsr-field.glsr-field-rating
.glsr-star-rating,
.glsr-default
form.glsr-form.testimonial-form
.glsr-field.glsr-field-choice
.glsr-field-toggle {
margin-bottom: var(--wp--preset--spacing--sm-16-r);
}
/* Profile Pic Selector */
.testimonial-form.glsr-review-form.glsr-form
.profile-picture-container
.crop-container,
.testimonial-form.glsr-review-form.glsr-form
.profile-picture-container
.preview-container {
margin-bottom: var(--wp--preset--spacing--sm-16-r);
}
/* Profile Pic Selector - prevent overflow */
.testimonial-form.glsr-review-form.glsr-form
.profile-picture-container
.crop-container
.cropper-canvas {
min-width: unset;
}
}/* adjust pagination */
.ermisch_testimonials ~ .glsr-pagination {
background-color: var(--wp--preset--color--primary-foreground);
box-shadow: var(--wp--preset--shadow--card);
margin-block: var(--wp--preset--spacing--md-48-r) !important;
width: 100%;
.pagination {
width: 100%;
.navigation {
.nav-links {
display: flex;
font-size: 0;
justify-content: center;
padding: 24px;
border: 1px solid var(--wp--preset--color--border);
border-radius: 8px;
flex-direction: row;
gap: var(--wp--preset--spacing--xs-12-r);
.page-numbers {
font-size: var(--wp--preset--font-size--body-normal);
display: block;
}
}
}
}
}
@media (max-width: 1024px) {
.ermisch_testimonials ~ .glsr-pagination {
margin-block: var(--wp--preset--spacing--md-32-r) !important;
}
}
/* adjust pagination ("mehr anzeigen" button) */
/* .ermisch_testimonials .glsr-pagination {
width: 100%;
.pagination {
width: 100%;
.navigation .nav-links {
.page-numbers {
display: none;
}
.page-numbers.next {
display: flex;
font-size: 0;
justify-content: center;
padding: 24px;
border: 2px dashed black;
border-radius: 8px
&::after {
content: "Mehr anzeigen";
font-size: 16px;
}
}
}
}
} */.em-item-single {
margin-block: var(--wp--preset--spacing--xl-128-r, 96px);
max-width: 740px;
margin-inline: auto;
}
.em-item-header {
border-top: 1px solid var(--wp--preset--color--border);
border-bottom: 1px solid var(--wp--preset--color--border);
padding-top: var(--wp--preset--spacing--sm-24-r, 1.5rem) !important;
}
.em-event-bookings
.em-booking-form-section-confirm
.em-booking-form-buttons
.em-form-submit.em-booking-submit.em-button {
background: var(--wp--preset--gradient--blue-to-turquoise) !important;
color: var(--wp--preset--color--background) !important;
border: var(--wp--preset--color--border) !important;
font-size: var(
--wp--preset--font-size--body-normal,
clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem)
) !important;
font-weight: 400 !important;
text-transform: none !important;
border-radius: var(--wp--preset--border-radius--rounded) !important;
cursor: pointer !important;
letter-spacing: normal !important;
border-radius: 8px !important;
padding-block: var(--wp--preset--spacing--xs-12-r, 12px) !important;
font-family: var(--wp--preset--font-family--nunito);
height: max-content !important;
}
.em-event-bookings
.em-booking-form-section-confirm
.em-booking-form-buttons
.em-form-submit.em-booking-submit.em-button:hover,
.em-event-bookings
.em-booking-form-section-confirm
.em-booking-form-buttons
.em-form-submit.em-booking-submit.em-button:active,
.em-event-bookings
.em-booking-form-section-confirm
.em-booking-form-buttons
.em-form-submit.em-booking-submit.em-button:focus {
color: var(--wp--preset--color--primary--foreground, white) !important;
}
.em-event-bookings
.em-booking-form-section-confirm
.em-booking-form-buttons
.em-form-submit.em-booking-submit.em-button:hover {
opacity: 0.8 !important;
}/* Button styling */
.wpdm-download-button a {
text-decoration: none !important;
}
.w3eden .btn-primary,
.w3eden .btn-info,
.w3eden .btn-danger,
.w3eden .btn-success {
border-style: solid !important;
border-radius: 8px !important;
padding: 4px 12px !important;
border-width: 1px !important;
font-weight: 500 !important;
font-size: var(--wp--preset--font-size--body-small, 0.875rem) !important;
/* margin-left: var(--wp--preset--spacing--xs-12, 0.75rem) !important; */
&:hover,
&:focus,
&:active {
opacity: 0.8 !important;
box-shadow: none !important;
}
}
.w3eden .btn-primary,
.w3eden .btn-info {
border-color: var(--wp--preset--color--primary, #0f6dbf) !important;
color: var(--wp--preset--color--primary, #0f6dbf) !important;
background-color: transparent !important;
}
.w3eden .btn-danger {
border-color: var(--wp--preset--color--warning, #fb0c0c) !important;
color: var(--wp--preset--color--warning, #fb0c0c) !important;
background-color: transparent !important;
}
.w3eden .btn-success {
background-color: transparent !important;
background-image: var(--wp--preset--gradient--blue-to-turquoise) !important;
border-color: var(--wp--preset--color--border, #dee6e6) !important;
color: var(--wp--preset--color--primary-foreground, #ffffff) !important;
}
.w3eden .btn .label-price {
background-color: transparent !important;
}
.w3eden .card-purchases .item .btn-group a.btn-success .fa.fa-arrow-down.white {
width: 22px !important;
height: 22px !important;
}
.w3eden .card-purchases .item .btn-group a.btn-success .fa.fa-arrow-down.white::before {
content: '' !important;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2732%27%20height%3D%2732%27%20fill%3D%27%23ffffff%27%20viewBox%3D%270%200%20256%20256%27%3E%3Cpath%20d%3D%27M248,128a87.34,87.34,0,0,1-17.6,52.81,8,8,0,1,1-12.8-9.62A71.34,71.34,0,0,0,232,128a72,72,0,0,0-144,0,8,8,0,0,1-16,0,88,88,0,0,1,3.29-23.88C74.2,104,73.1,104,72,104a48,48,0,0,0,0,96H96a8,8,0,0,1,0,16H72A64,64,0,1,1,81.29,88.68,88,88,0,0,1,248,128Zm-69.66,42.34L160,188.69V128a8,8,0,0,0-16,0v60.69l-18.34-18.35a8,8,0,0,0-11.32,11.32l32,32a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E') !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
vertical-align: middle !important;
background-size: 22px 22px !important;
background-repeat: no-repeat !important;
background-position: center center !important;
width: 22px !important;
height: 22px !important;
font-size: 0 !important; /* hide original FontAwesome glyph */
line-height: 0 !important;
}
/* Card styling */
.felusch-download-card {
border: solid 1px var(--wp--preset--color--border, #e5e5e5);
border-radius: 8px;
padding: 16px;
margin-bottom: var(--wp--preset--spacing--sm-16-r, 1rem);
}
.felusch-download-card-body {
display: flex;
justify-content: space-between;
gap: var(--wp--preset--spacing--md-48-r, 1rem);
}
.felusch-download-card-media {
display: flex;
gap: var(--wp--preset--spacing--sm-16, 1rem);
}
.felusch-download-card-description {
color: var(--wp--preset--color--muted, #6c757d);
}
.felusch-download-card-meta {
display: flex;
align-items: flex-start;
gap: var(--wp--preset--spacing--sm-16, 1rem);
color: var(--wp--preset--color--muted, #6c757d);
}
@media screen and (max-width: 640px) {
.felusch-download-card-body {
flex-direction: column;
}
.felusch-download-card-meta {
flex-direction: column;
gap: 6px;
}
.felusch-download-card-link {
display: flex;
justify-content: flex-end;
}
}
.felusch-download-card-meta-entry {
display: flex;
align-items: stretch;
gap: 6px;
}
.felusch-download-card-link .wpdm_cart_form {
margin: 0px 0px;
}
.w3eden .felusch-download-card-link .btn {
text-wrap: nowrap;
}
.w3eden h3.felusch-download-card-title {
font-size: var(--wp--preset--font-size--body-emphasized, 1.375rem);
color: var(--wp--preset--color--foreground, #333333);
}
/* default template */
.w3eden .link-template-default .card-body {
display: flex;
gap: 1rem;
}
/* pay what you want template */
.w3eden .felusch-pwyw .wpdm_cart_form {
margin-left: 64px;
}
.w3eden .custom-pwyw-container .price-and-button {
display: flex;
align-items: center;
gap: 12px;
}
.w3eden .custom-pwyw-container .price-and-button .form-control {
width: auto;
max-width: 6.25rem;
}
@media screen and (max-width: 640px) {
.w3eden .custom-pwyw-container .price-and-button {
flex-direction: column;
align-items: start;
margin-bottom: var(--wp--preset--spacing--sm-16-r, 1rem);
}
}
/* purchases page */
.w3eden .card-purchases #od-fullwidth-view {
display: none;
}
/* Single Product Premium Package */
.felusch-premium-package-image {
max-width: 100%;
}
.felusch-premium-package-image img {
max-width: 100%;
}
.felusch-premium-package-image-and-description {
display: flex;
flex-direction: row;
gap: var(--wp--preset--spacing--sm-24-r, 1.5rem);
align-items: flex-start;
}
.felusch-premium-package-buttons hr {
display: none;
}
.felusch-premium-package {
padding: var(--wp--preset--spacing--sm-24-r, 1.5rem);
border: var(--wp--preset--color--border, #e5e5e5) solid 1px;
border-radius: 8px;
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--sm-24-r, 1.5rem);
}
.felusch-premium-package-content {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--sm-24-r, 1.5rem);
}
.felusch-premium-package .__wpdmpp_buy_now_zone_4396 {
display: none;
}
.felusch-premium-package .wpdm_cart_form {
margin: 0px !important;
}
.felusch-premium-package .wpdmpp-product-price::before {
content: 'Preis: ';
}
.felusch-premium-package-buttons {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--wp--preset--spacing--sm-16-r, 1.375rem);
}
.felusch-premium-package-buttons .input-group-asyoupay .iwanttopay {
width: auto !important;
max-width: 7rem !important;
}
.w3eden .felusch-download-card .custom-pwyw-container label {
font-style: italic;
font-size: smaller;
}
@media screen and (max-width: 640px) {
.felusch-premium-package-image-and-description {
flex-direction: column;
gap: var(--wp--preset--spacing--md-32-r, 2rem);
}
.felusch-premium-package-buttons {
flex-direction: column;
align-items: flex-start;
}
}
/* Set Logo for modal */
#wpdm_modal_login_logo::before {
content: url(//felusch.de/wp-content/themes/felusch/assets/logo_black_110x110.png);
display: block;
}
#wpdm_modal_login_logo img {
display: none !important;
}
/* Login from */
.login-form-meta-text {
font-size: var(--wp--preset--font-size--body-small, 0.875rem) !important;
}/* Profile Picture Cropper Styles */
/* Main container */
.profile-picture-container {
display: none;
}
/* Crop area container */
.crop-container {
margin-bottom: var(--wp--preset--spacing--sm-16-r);
border: 2px dashed var(--wp--preset--color--border);
border-radius: 8px;
padding: var(--wp--preset--spacing--sm-16-r);
background: var(--wp--preset--color--bg-2);
}
/* Instruction text */
.crop-instruction {
font-size: var(--wp--preset--font-size--body-small);
color: var(--wp--preset--color--muted);
padding: var(--wp--preset--spacing--xs-12-r);
background: var(--wp--preset--color--card-background);
border-radius: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* Preview container */
.preview-container {
display: none;
/* margin-top: 15px; */
text-align: center;
flex-direction: column;
gap: var(--wp--preset--spacing--xs-12-r);
}
/* Preview image */
.preview-image {
max-width: 150px;
max-height: 150px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* Preview label */
.preview-label {
text-align: left;
font-size: var(--wp--preset--font-size--body-small);
font-weight: bold;
/* margin-bottom: 10px; */
color: var(--wp--preset--color--foreground);
}
/* Controls container */
.controls-container {
display: flex;
gap: var(--wp--preset--spacing--xs-12-r);
flex-wrap: wrap;
margin-top: var(--wp--preset--spacing--sm-16-r);
}
/* Buttons */
.btn-crop,
.btn-reset,
.btn-remove {
font-family: var(--wp--preset--font-family--nunito);
font-size: var(--wp--preset--font-size--body-small);
border: none;
padding: var(--wp--preset--spacing--xxs-6) var(--wp--preset--spacing--sm-24-r);
border-radius: 8px;
cursor: pointer;
font-weight: 500;
}
/* Crop button */
.btn-crop {
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--primary-foreground);
}
/* Reset button */
.btn-reset {
background: var(--wp--preset--color--muted);
color: var(--wp--preset--color--primary-foreground);
}
/* Remove button */
.btn-remove {
background: var(--wp--preset--color--warning);
color: var(--wp--preset--color--primary-foreground);
}
/* Cropper Canvas */
.cropper-canvas {
display: block;
max-width: 100%;
}