/** * Theme Name: Blocksy Child * Description: Blocksy Child theme * Author: Creative Themes * Template: blocksy * Text Domain: blocksy */ /** var(--theme-palette-color-1); you can use this as your primary brand colour. var(--theme-palette-color-2); alternative colour, used usually for the hover action var(--theme-palette-color-3); colour used for general text paragraphs var(--theme-palette-color-4); colour used for headings, subheadings and titles var(--theme-palette-color-5); colour used for borders var(--theme-palette-color-6); #778d7a; colour used for subtle backgrounds (page hero, footer) var(--theme-palette-color-7); colour used for the site’s background var(--theme-palette-color-8); lighter alternative colour, to be used in header backgrounds Blocksy Querys: @media (max-width: 767px) {} @media (min-width: 768px) {} @media (max-width: 999px) {} */ .otgs-development-site-front-end { display: none; } /* lose und freie Klassen __________________________________________________________________________________*/ /* https://www.joshwcomeau.com/shadow-palette/ */ :root { --shadow-color: 0deg 0% 71%; --shadow-elevation-low: 0.1px 0.2px 0.3px hsl(var(--shadow-color) / 0.35), 0.5px 0.8px 1.1px -2.3px hsl(var(--shadow-color) / 0.38); --shadow-elevation-medium: 0.1px 0.2px 0.3px hsl(var(--shadow-color) / 0.33), 0.7px 1.1px 1.5px -1.2px hsl(var(--shadow-color) / 0.35), 2.5px 4.2px 5.6px -2.3px hsl(var(--shadow-color) / 0.37); --shadow-elevation-high: 0.1px 0.2px 0.3px hsl(var(--shadow-color) / 0.31), 0.9px 1.5px 2px -0.5px hsl(var(--shadow-color) / 0.31), 1.8px 3.1px 4.1px -0.9px hsl(var(--shadow-color) / 0.32), 3.4px 5.7px 7.7px -1.4px hsl(var(--shadow-color) / 0.33), 6.1px 10.4px 13.9px -1.8px hsl(var(--shadow-color) / 0.34), 10.6px 17.8px 23.9px -2.3px hsl(var(--shadow-color) / 0.35); } .schatten-small { box-shadow: var(--shadow-elevation-low); } .schatten { box-shadow: var(--shadow-elevation-medium); } .schatten-large { box-shadow: var(--shadow-elevation-high); } /* @link https://utopia.fyi/type/calculator?c=320,17,1.2,1290,18,1.414,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */ :root { --step--2: clamp(0.5627rem, 0.7956rem + -0.289vw, 0.7378rem); --step--1: clamp(0.7956rem, 0.915rem + -0.1481vw, 0.8854rem); --step-0: clamp(1.0625rem, 1.0419rem + 0.1031vw, 1.125rem); --step-1: clamp(1.275rem, 1.1708rem + 0.5208vw, 1.5908rem); --step-2: clamp(1.53rem, 1.2927rem + 1.1865vw, 2.2493rem); --step-3: clamp(1.836rem, 1.3924rem + 2.2178vw, 3.1805rem); --step-4: clamp(2.2032rem, 1.4464rem + 3.7841vw, 4.4973rem); --step-5: clamp(2.6438rem, 1.4182rem + 6.1284vw, 6.3592rem); } /* Background-blur */ .ct-popup, [data-header*="type-1"] #offcanvas, #bp_container, .mwl.visible { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } h1 { margin-top: 0 !important; margin-bottom: 0.75em !important; } h2 { margin-bottom: 0.75em !important; } h3 { margin-top: 0.5em !important;; margin-bottom: 0.5em !important; } h4 { margin-bottom: 1em; } h5 { margin-bottom: 1em; } p { font-size: var(--step-0); margin-bottom: 0.875em !important; } .bottom-0 { margin-bottom: 0px !important; } .small { font-size: var(--step--1); } .xsmall { font-size: var( --step--2); } .large { font-size: var( --step-4) !important; } .xlarge { font-size: var( --step-5) !important; } hr.wp-block-separator.is-style-default { border-top: 1px solid #999; width: 100%; margin: 12px auto !important; } b, strong { font-weight: 600 !important; } .small { font-size: 0.875em; } .blocksatz { text-align: justify; hyphens: auto } .wp-block-quote p { font-size: var(--step-4); line-height: 1.2em; } .wp-block-quote cite { font-size: var(--step-2) !important; text-align: right; line-height: 1em; } .kolumnen div.stk-block-content, .kolumnen div.tpgb-column-inner, .kolumnen { column-count: 2; column-width: 400px; column-gap: 4em; column-rule: 1px solid rgba(0,0,0,0.15); display: block; hyphens: auto; } .margin-bottom-0 { margin-bottom: 0 !important; } .radius, .wp-block-image img, .blocks-gallery-item img, .wp-block-gallery img { border-radius: 4px !important; } figure.wp-block-gallery { margin-top: 2%; margin-bottom: 4%; } .wp-block-media-text.has-media-on-the-right { margin-bottom: 0.875em !important; } .wp-block-media-text figure { border-radius: 3px; min-height: 450px !important; } .wp-block-media-text .wp-block-media-text__content { padding: 0 12% 0 0; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { margin-bottom: -0.875em !important; } @media (max-width: 600px) { .wp-block-media-text .wp-block-media-text__content { margin-top: 1em; } } /* Header __________________________________________________________________________________*/ /* Logo _____________________________________________________________________*/ [data-header="type-1"] header .site-logo-container { filter: drop-shadow(6px 6px 26px rgba(0, 0, 0, 0.6)); } [data-header="type-1"] header .site-logo-container img, [data-header="type-1"] header .site-logo-container svg, [data-header="type-1"] header .site-logo-container picture { width: 30vw !important; height: auto !important; } /* Menü __________________________________________________________________________________*/ header .ct-icon-container { margin-inline-end: 0 !important; margin-bottom: 8px !important; } header [class*=ct-contact-info] li { grid-column-gap: 0.5em !important; } header .ct-contact-info ul li:nth-child(1) svg { width: 24px; height: auto; margin-bottom: 1px; } header .ct-contact-info ul li:nth-child(2) svg { width: 16px; height: auto; margin-bottom: 5px; } /* Inhalte __________________________________________________________________________________*/ /* Footer __________________________________________________________________________________*/ footer .site-logo-container img, footer .site-logo-container svg, footer .site-logo-container picture { xxxwidth: 20vw !important; xxxheight: auto !important; } footer h3 { font-size: var( --step-1) !important; margin-bottom: 0 0.5em 0 0 !important; color: var(--theme-palette-color-6); } @media (max-width: 999px) { footer .verbeugung-footer { max-width: 50%; margin-right: 30%; } } /* Plugins __________________________________________________________________________________*/ /* Blocksy -------------------------------------*/ .ct-shortcuts-container { z-index: 99 !important; } /* Complianz -------------------------------------*/ #cmplz-cookies-overview .cmplz-dropdown p, #cmplz-document .cmplz-dropdown p, #cmplz-document li, #cmplz-document p, #cmplz-document td { font-size: 1rem; } #cmplz-document.impressum h2, #cmplz-document.impressum h3 { font-size: 1.5rem; margin-top: 1.5em; margin-bottom: 0 !important; color: var(--theme-palette-color-3) !important; opacity: 1; } #cmplz-document a { text-decoration: none; } #cmplz-document b { font-weight: 700; } #cmplz-document h2, #cmplz-document h3 { margin-top: 2em !important; margin-bottom: 0 !important; } /* Stackable Blocks __________________________________________________________________________________*/ .stackable-container { padding-top: 8% !important; padding-bottom: 8% !important; } .stackable-container-oben { padding-top: 8% !important; } .stackable-container-unten {padding-bottom: 8% !important; } .liste-mit-linien ul li { list-style: none; border-bottom: 1px solid rgba(255, 255, 255, 30%) !important; margin: 0 -0.25em; padding: 1.25em 0.25em; } .circle-content-inner ul { padding-inline-start: 0; } .circle-content-inner ul li { padding: 0.5em 0.25em; } .liste-mit-linien ul li:last-child { border-bottom: none !important; } .gslide-description { display: none; } /* Nexter Blocks __________________________________________________________________________________*/ .tpgb-block-97ef_2 i.fa-play { margin-left: 5px; margin-top: 1px; } .tpgb-block-97ef_2 .tpgb-audioplay-wrap .playlist .tpgb-playlist { border-bottom: 1px solid rgba(255, 255, 255, 30%); } .tpgb-audioplay-wrap .playlist .tpgb-playlist:hover { background: rgba(255, 255, 255, 80%); } /* Meow Lightbox __________________________________________________________________________________*/ .mwl__slider__image__thumbnail img { border-radius: 3px; } .mwl__topbar__controls__control--fullscreen { visibility: hidden; } /* JetForms -------------------------------------*/ .jet-form-builder__field:not(.checkboxes-field):not(.radio-field):not(.range-field) { background-color: rgba(255,255,255,0.50); border: none; } .jet-form-builder__field-label.for-checkbox>span::before { background-color: #fff; } .jet-form-builder__field-label.for-checkbox :checked+span::before { border-color: var(--theme-palette-color-1) !important; background-color: var(--theme-palette-color-1) !important; } .jet-form-builder [type='text'], .jet-form-builder [type='password'], .jet-form-builder [type='date'], .jet-form-builder [type='datetime'], .jet-form-builder [type='datetime-local'], .jet-form-builder [type='month'], .jet-form-builder [type='week'], .jet-form-builder [type='email'], .jet-form-builder [type='number'], .jet-form-builder [type='search'], .jet-form-builder [type='tel'], .jet-form-builder [type='time'], .jet-form-builder [type='url'], .jet-form-builder [type='color'], .jet-form-builder textarea { margin-bottom: 0 !important; padding-top: 35px !important; padding-bottom: 15px !important; padding-left: 9px !important; border-radius: 3px !important; background-color: rgba(255,255,255,0.50) !important; box-shadow: 0 0 0 !important; border: 0px solid var(--theme-palette-color-3) !important; } .jet-form-builder input[required], .jet-form-builder textarea[required], .jet-form-builder select[required] { border: 0px solid var(--theme-palette-color-1) !important; background-color: rgba(255,255,255,0.90) !important; } .jet-form-builder input:focus, .jet-form-builder textarea:focus { background-color: rgba(255,255,255,1.00) !important; color: #000; border: 1px solid var(--theme-palette-color-1) !important; box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 2px 2px rgba(0,0,0,0.11), 0 4px 4px rgba(0,0,0,0.11), 0 6px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11) !important; transform: scale(1.01); } /* Label inline */ .jet-form-builder .field-type-text-field, .jet-form-builder .field-type-textarea-field { margin-top: -12px !important; } .jet-form-builder .field-type-text-field label, .jet-form-builder .field-type-textarea-field label { z-index: 2; bottom: -35px; left: 16px; position: relative; pointer-events: none; } .jet-form-builder .field-type-text-field:focus-within label, .jet-form-builder .field-type-textarea-field:focus-within label, .jet-form-builder .input-filled label { bottom: -25px; left: 8px; color: rgb(0 0 0 / 0.5) !important; font-size: 0.7em !important; } .jet-sm-gb-b568fc13-f070-4a8b-bb12-b039ef493376 .checkradio-wrap { display: flex; justify-content: center; } .jet-form-builder__field-wrap.checkradio-wrap:not(:first-child) { padding-top: 0 !important; } .jet-form-builder__desc { margin-top: 0.5em; } .jet-form-builder .jet-container.plz-ort { display: flex; flex-wrap: wrap; flex-direction: row; padding: 0; } .jet-form-builder .jet-container.plz-ort .jet-form-builder-row:nth-child(2) { width: 27% !important; margin-right: 3%; } .jet-form-builder .jet-container.plz-ort .jet-form-builder-row:nth-child(3) { width: 70% !important; } .jet-form-builder .jet-form-builder__desc { line-height: 1.3em; } .jet-form-builder__submit-wrap { justify-content: flex-end; } .jet-form-builder__submit { background-color: var(--theme-palette-color-1) !important; } .jet-form-builder__submit:hover { background-color: var(--theme-palette-color-2); } .jet-form-builder-row.field-has-error .error-message { color: #990000 !important; } .jet-form-builder-message--success { background-color: #fff; border-radius: 3px; border: 0px !important; } /* Animationen __________________________________________________________________________________*/ input, textarea, input[type=submit], select, label, tr, .linktext, .ugb-card__image, .ugb-card__description, .ugb-card .ugb-card__subtitle, .ugb-card .ugb-card__title, .tpgb-featured-image img, .wp-block-image img, .ct-icon-container, .card, .box, .mwl, .mwl__slider__image__thumbnail__high-res landscape, .animiert, .animiert div { transition: all 0.3s ease !important; } /* ---------------------------------------------- * Generated by Animista on 2025-9-15 9:57:15 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ .pulsate-bck {-webkit-animation:pulsate-bck 5s ease-in-out infinite both;animation:pulsate-bck 5s ease-in-out infinite both} @-webkit-keyframes pulsate-bck{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-bck{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}