/** /** * 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) {} */ /* lose und freie Klassen __________________________________________________________________________________*/ /* @link https://utopia.fyi/type/calculator?c=320,14,1.067,1290,16,1.125,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.7686rem, 0.7614rem + 0.0356vi, 0.7901rem); --step--1: clamp(0.8201rem, 0.7973rem + 0.1135vi, 0.8889rem); --step-0: clamp(0.875rem, 0.8338rem + 0.2062vi, 1rem); --step-1: clamp(0.9336rem, 0.8705rem + 0.3157vi, 1.125rem); --step-2: clamp(0.9962rem, 0.9073rem + 0.4444vi, 1.2656rem); --step-3: clamp(1.0629rem, 0.9439rem + 0.5953vi, 1.4238rem); --step-4: clamp(1.1341rem, 0.9799rem + 0.7714vi, 1.6018rem); --step-5: clamp(1.2101rem, 1.0149rem + 0.9763vi, 1.802rem); } /* https://www.joshwcomeau.com/shadow-palette/ */ :root { --shadow-color: 0deg 0% 0%; --shadow-elevation-low: 0px 0.5px 0.8px hsl(var(--shadow-color) / 0), 0px 1.5px 2.3px hsl(var(--shadow-color) / 0.08); --shadow-elevation-medium: 0px 0.5px 0.8px hsl(var(--shadow-color) / 0), 0px 7.4px 11.1px hsl(var(--shadow-color) / 0.11); --shadow-elevation-high: 0px 0.5px 0.8px hsl(var(--shadow-color) / 0), 0px 8.1px 12.1px hsl(var(--shadow-color) / 0.09), -0.1px 24.7px 37.1px hsl(var(--shadow-color) / 0.17); -0.1px 24.7px 37.1px hsl(var(--shadow-color) / 0.17); } .schatten-small { box-shadow: var(--shadow-elevation-low); } .schatten { box-shadow: var(--shadow-elevation-medium); } .schatten-large { box-shadow: var(--shadow-elevation-high); } h1, h2, .like-h2, .like-h1 h1 { font-size: var(--step-3); margin-top: 0 !important; margin-bottom: 0.75em !important; } h3, .like-h3 { font-size: var(--step-2); margin-bottom: 0.75em !important; } h4, .like-h4 { font-size: var(--step-1); margin-bottom: 0.75em; } h5, h6, .like-h5 { font-size: var(--step--0); margin-bottom: 0.75em; } p { font-size: var(--step-0); margin-bottom: 0.75em !important; } .small { font-size: var(--step--1); } .xsmall { font-size:var( --step--2); } .large { font-size:var( --step-4); } .xlarge { font-size:var( --step-5); } hr {margin: 80px auto !important; } b, strong { font-weight: 500 !important; } .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 { column-count: 2; column-width: 300px; column-gap: 8em; column-rule: 1px solid rgba(0,0,0,0.25); display: block; hyphens: auto; } .margin-bottom-0 { margin-bottom: 0 !important; } .entry-content figcaption { text-align: right !important; color: #585858 !important; font-size: var(--step--2) !important; font-weight: 300; } .wp-block-image.alignfull.size-full { margin-bottom: 24px; } .wp-block-image img, .blocks-gallery-item img { border-radius: 3px !important; } .wp-block-image:hover a img { box-shadow: var(--shadow-elevation-high) !important; transform: scale(1.05) 0; z-index: 999; } .wp-block-image.links img { transform: rotate(-2deg); } .wp-block-image.rechts img { transform: rotate(2deg); } .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { margin-bottom: 8px; } .hyphen p { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .keine-linkmarkierung a { link-decoration: none !important; text-decoration: none; } .schein { background: radial-gradient(100% 100%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 20%); } .box { background-color: rgba(255,255,255,0.75); border: 1px solid #ffffff !important; border-radius: 3px; padding: 4vw; box-shadow: var(--shadow-elevation-medium); } .box.klein { padding: 1vw; } .box:hover { background-color: rgba(255,255,255,0.9); box-shadow: var(--shadow-elevation-high); } .blur { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: linear-gradient(0deg, #00000080, #0000001c); line-height: 1.2em; font-weight: 500; } /* Tabellen __________________________________________________________________________________*/ .wp-block-table.is-style-regular table { width: auto !important; table-layout: auto !important; } .wp-block-table.is-style-regular table, .wp-block-table.is-style-regular table th, .wp-block-table.is-style-regular table td { border: none !important; border-collapse: inherit; border-spacing: 0px; } .wp-block-table.is-style-regular table td { border-bottom: 1px solid #ccc !important; } .wp-block-table.is-style-regular table tr:last-child td { border-bottom: none !important; } .wp-block-table.is-style-regular table td:first-child { font-weight: 600; padding-right: 2em; text-align: right; vertical-align: baseline; } .wp-block-table.is-style-regular table tr:last-child td { border-bottom: none !important; } .wp-block-table.is-style-stripes table { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background-color: #fff; } .wp-block-table.is-style-stripes table, .wp-block-table.is-style-stripes table th, .wp-block-table.is-style-stripes table td { border: none !important; border-collapse: inherit; border-spacing: 2px; } .wp-block-table.is-style-stripes table th { background-color: var(--theme-palette-color-1) !important; color: #fff; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: rgb(249 255 255) !important; border-radius: 1px; } .wp-block-table.is-style-stripes tbody tr:nth-child(even){ background-color: rgb(235 247 248) !important; } .wp-block-table.hoersituation table td { color: rgba(238,154,2,1.00) !important; font-size: 1.2em; } .wp-block-table.hoersituation thead th:first-child { text-align: right; } .wp-block-table.hoersituation table tbody td:first-child { background-color: rgba(0,115,121,0.80) !important; color: #fff !important; text-align: right; font-size: 1em; } .wp-block-table.hoersituation table tbody tr:hover { background-color: #F7FFBE !important; } /* Header __________________________________________________________________________________*/ [data-header*="type-1"] .ct-header { background-size: auto 125% !important; } [data-header*="type-1"] .ct-header { box-shadow: inset 0 0 20vw #c7c4bf; } #header [data-row*=middle] { z-index: 3 !important; pointer-events: none !important; } @media (max-width: 767px) { #header [data-row*=middle] { z-index: 1 !important;} #header [data-row*=bottom] { z-index: 2 !important;} [data-header*="type-1"] [data-id="trigger"] { z-index: 99; } header .stk-block-image { z-index: 98; } } @media (max-width: 1120px) { [class*=ct-contact-info] ul { gap: 8px !important; flex-wrap: nowrap !important; } } /* Menü __________________________________________________________________________________*/ @media (min-width: 999px) { .sub-menu { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .menu-item-1757 { visibility: hidden; width: 20px !important; margin-right: -24px; } .menu-item-1757 .ct-icon-container { visibility: visible; margin-top:-6px;} .menu-item-2651 > a { pointer-events: none; } .menu-item-2651 > a ul { pointer-events: all; } } #offcanvas .ct-panel-inner { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } #offcanvas .sub-menu .ct-menu-link:not(:empty) { padding: 0.5em 0; font-size: 0.875em; } #offcanvas .sub-menu .sub-menu .ct-menu-link:not(:empty) { padding: 0.5em 0; font-size: 0.875em; } /* Inhalte __________________________________________________________________________________*/ .ueberschrift_bereich { font-size: 2em; position: relative; background-color: #ffffff; height: 2em; line-height: 2em; margin: 0 0 -2.5em 0 !important; z-index: 99; padding: 0.5em 0.5em 0.5em 0.5em; } @media (max-width: 998px) { .ueberschrift_bereich { font-size: 1.8em; height: 1.8em; line-height: 1.5em; margin: 0 0 -2em 0 !important; padding: 0.5em 0.5em 0.5em 0.5em; } } .stk-450da38-column { margin-left: 0 !important; margin-right: 0; } /* Footer __________________________________________________________________________________*/ #footer.wp-block-stackable-columns a #footer .wp-element-button, #footer .wp-element-button:hover { text-decoration: none; } @media (min-width: 768px) { #menu-footer-menue li:nth-child(2) { margin-right: 4em;} footer .content-block { text-align: right !important; margin-right: 8% !important; } } /* Plugins __________________________________________________________________________________*/ /* Blocksy -------------------------------------*/ .ct-icon-container { margin-bottom:4px; } .ct-popup { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } #main-container { padding-bottom: 0 !important;} .post-navigation { max-width: 800px !important; } .post-navigation .item-label { display: none; } [class*=ct-contact-info] li { grid-column-gap: 5px !important; } .ct-shortcuts-container { z-index: 99 !important; } .ct-shortcuts-bar-items, [data-header*="type-1"] #offcanvas { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* 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 __________________________________________________________________________________*/ .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; } /* ThePlusBlocks __________________________________________________________________________________*/ .tpgb-sr-bottom { display: none !important; } /* WebWhizz __________________________________________________________________________________*/ .webwhiz__msg-popup.webwhiz__msg-popup--show { z-index: 9; transform: scale(0.7) !important; } .webwhiz__msg-popup.webwhiz__msg-popup-right { right: 72px !important; } .webwhiz__msg-popup { bottom: 0px !important; } /* Kali Forms -------------------------------------*/ .kaliforms-form-container div.col-12 { margin-bottom: 6px !important; } @media (min-width: 768px) { .kaliforms-form-container .col-md-3:first-child, .kaliforms-form-container .col-md-4:first-child, .kaliforms-form-container .col-md-5:first-child, .kaliforms-form-container .col-md-6:first-child, .kaliforms-form-container .col-md-7:first-child, .kaliforms-form-container .col-md-8:first-child { padding-left: 15px !important; } .kaliforms-form-container .col-md-3, .kaliforms-form-container .col-md-4, .kaliforms-form-container .col-md-5, .kaliforms-form-container .col-md-6, .kaliforms-form-container .col-md-7, .kaliforms-form-container .col-md-8 { padding-right: 3px !important; padding-left: 3px !important; } .kaliforms-form-container .col-md-3:not(:first-child) label, .kaliforms-form-container .col-md-4:not(:first-child) label, .kaliforms-form-container .col-md-5:not(:first-child) label, .kaliforms-form-container .col-md-6:not(:first-child) label, .kaliforms-form-container .col-md-7:not(:first-child) label, .kaliforms-form-container .col-md-8:not(:first-child) label { margin-left: -10px !important; } .kaliforms-form-container .col-md-3:last-child, .kaliforms-form-container .col-md-4:last-child, .kaliforms-form-container .col-md-5:last-child, .kaliforms-form-container .col-md-6:last-child, .kaliforms-form-container .col-md-7:last-child, .kaliforms-form-container .col-md-8:last-child{ padding-right: 15px !important; } } .kaliforms-form-container .row div[class^="col-"], .kaliforms-form-container .row div[class*=" col-"] { margin-bottom: 0px; } .kaliforms-form-container hr { height: 5px; background-color: transparent; margin: 0.25em 0 !important; } .kaliforms-form-container label:not(.checkbox-label) { position: absolute; z-index: 2; font-size: 14px !important; top: 4px; left: 25px; } .filepond--drop-label.filepond--drop-label label { position: relative; top: inherit; left: inherit; } .kaliforms-form-container label { color: var(--theme-palette-color-3) !important; } .kaliforms-form-container .col-12:focus-within label:not(.checkbox-label), .kaliforms-form-container .col-12 label.input-filled { transform: translateY(-2px) translateX(0px); transform-origin: top left; color: rgb(0 0 0 / 0.5) !important; font-size: 0.7em !important; } .kaliforms-form-container [type='freeText'] { color: var(--theme-palette-color-3); } .kaliforms-form-container textarea { min-height: 250px;} .kaliforms-form-container textarea:focus { position: relative; } .kaliforms-form-container [type='text'], .kaliforms-form-container [type='password'], .kaliforms-form-container [type='date'], .kaliforms-form-container [type='datetime'], .kaliforms-form-container [type='datetime-local'], .kaliforms-form-container [type='month'], .kaliforms-form-container [type='week'], .kaliforms-form-container [type='email'], .kaliforms-form-container [type='number'], .kaliforms-form-container [type='search'], .kaliforms-form-container [type='tel'], .kaliforms-form-container [type='time'], .kaliforms-form-container [type='url'], .kaliforms-form-container [type='color'], .kaliforms-form-container textarea, .kaliforms-form-container #kali-stripe-iban-element, .kaliforms-form-container #kali-stripe-card-element { 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.55) !important; box-shadow: 0 0 0 !important; border: 1px solid rgba(0,0,0,0.00) !important; } .kaliforms-form-container input[required], .kaliforms-form-container textarea[required], .kaliforms-form-container select[required] { border: 1px solid rgba(255,255,255,0.85) !important; background-color: rgba(255,255,255,0.85) !important; } .kaliforms-form-container input:focus, .kaliforms-form-container textarea:focus { background-color: rgba(255,255,255,1.00) !important; color: #000; border: 1px solid var(--theme-palette-color-2) !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); } .kaliforms-form-container #optionale-angaben { font-size: 0.875em; } .kaliforms-form-container .checkbox-label input { display: inline-block ; } .kaliforms-form-container .checkbox-label span { overflow-y: visible !important; } .kaliforms-form-container .checkbox-label span:nth-of-type(2){ margin-left: 33px; margin-bottom: 25px; } .kaliforms-form-container [type='submit'], .kaliforms-form-container [type='button'] { float: right !important; } div[id^="kaliforms-thank-you"] { background-color: rgba(219,229,191,1.00); border-radius: 3px; padding: 2em; margin-top: 2em; } div[id^="kaliforms-thank-you"] h2 { font-size: 1.6em; font-weight: 600; } /* DrDsgvO Map schwarz/weiss-Variante vei Dr. DSGVO als Option anklickbar, kurz vor Download. Ändert die index.php bei Proxy -------------------------------------*/ #drdsgvo_map { height: 400px; } @media (min-width: 999px) { #drdsgvo_map { height: 100vh; } } #drdsgvo_map .ol-control button { background-color: var(--theme-palette-color-1) !important;} #drdsgvo_map .ol-attribution li a { color: var(--theme-palette-color-1) !important; text-decoration: none; } .ol-zoom { top: 0.5em; left: 0.3em; } .ol-touch .drdsgvo_initbtn { top: 3em; left: 1.1em; } .drdsgvo_routebtn { display: none; } /* 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, div[id^="kaliforms-thank-you"], .tpgb-featured-image img, .wp-block-image img, .ct-icon-container, #rueckrufbitte, .cardbutton a, .stk-block-heading, .card, .box, img { transition: all 0.3s ease !important; }