/** * Theme Name: Blocksy Child * Description: Blocksy Child theme * Author: Creative Themes * Template: blocksy * Text Domain: blocksy */ /** var(--theme-palette-color-1) #818a92; var(--theme-palette-color-2) #ee4f6c; Outsourcing var(--theme-palette-color-3) #5a666f; Personalleasing var(--theme-palette-color-4) #0072a2; Sicherheitsdienstleistung var(--theme-palette-color-5) #19ac89; Personalvermittlung var(--theme-palette-color-6) rgba(129, 138, 146, 0.25); var(--theme-palette-color-7) rgba(90, 101, 109, 0.05); var(--theme-palette-color-8) #ffffff; */ /* Header __________________________________________________________________________________*/ [data-header*="type-1"] .ct-header [data-row*="middle"]>div { --borderBottom: 1px solid #fff !important; } /* Menü __________________________________________________________________________________*/ [data-menu*="type-3"]>ul>li.menu-item-203:hover>a { background-color: rgba(90,102,111,0.2); } [data-menu*="type-3"]>ul>li.menu-item-203[class*="current-menu-"]>a { background-color: rgba(238,79,108,1.0); color: #ffffff;} [data-menu*="type-3"]>ul>li.menu-item-204:hover>a { background-color: rgba(90,102,111,0.2); } [data-menu*="type-3"]>ul>li.menu-item-204[class*="current-menu-"]>a { background-color: rgba(90,102,111,1.0); color: #ffffff;} [data-menu*="type-3"]>ul>li.menu-item-205:hover>a { background-color: rgba(90,102,111,0.2); } [data-menu*="type-3"]>ul>li.menu-item-205[class*="current-menu-"]>a { background-color: rgba(25,172,137,1.0); color: #ffffff;} [data-menu*="type-3"]>ul>li.menu-item-206:hover>a { background-color: rgba(90,102,111,0.2); } [data-menu*="type-3"]>ul>li.menu-item-206[class*="current-menu-"]>a { background-color: rgba(0,114,162,1.0); color: #ffffff; } /* lose und freie Klassen __________________________________________________________________________________*/ h1 { margin-bottom: 0.75em !important; } h1 + h3 { margin-top: -1.25em !important;} h2 { margin-bottom: 0.75em !important; } h2 + h3, h2.h2-weniger-margin +p { margin-top: -1em !important;} h3 { margin-bottom: 1em !important; } h4 { margin-bottom: 1em; } h5 { margin-bottom: 1em; } h1, h2 { /* border-left: 3px solid #fff; padding: 0 0 0.2em 0.4em; */ line-height: 1em; } h2 { opacity: 0.8; } h1 + h2 { margin-top: -0.9em !important; color: rgba(255,255,255,0.8) !important; opacity: 1; } h3.float-left { display: inline-block; float: left; padding: 6px 35px 0 0; } hr {margin: 80px auto !important; } .blocksatz { text-align: justify; hyphens: auto } .bottom-0 { margin-bottom: 0 !important; } .bottom-5 { margin-bottom: 5px !important; } .wp-block-buttons + h5 { margin-top: 0.5em !important;} b, strong { font-weight: 700; } /* Buttons */ .wpgb-facet button.wpgb-apply, .wpgb-facet button.wpgb-reset, .wp-grid-builder .button, .wpgb-facet-10 button, .wpgb-facet button.wpgb-button, .wpgb-button, .wpgb-apply, .kaliforms-form-container #submit, .button { font-family: var(--buttonFontFamily, var(--fontFamily)) !important; font-size: var(--buttonFontSize) !important; font-weight: var(--buttonFontWeight) !important; font-style: var(--buttonFontStyle) !important; line-height: var(--buttonLineHeight) !important; letter-spacing: var(--buttonLetterSpacing) !important; text-transform: var(--buttonTextTransform) !important; -webkit-text-decoration: var(--buttonTextDecoration) !important; text-decoration: var(--buttonTextDecoration) !important; padding: var(--padding, 5px 20px) !important; background-color: transparent !important; border: 1px solid rgba(255,255,255,0.70) !important; color: rgba(255,255,255,0.70) !important; } .wpgb-facet button.wpgb-apply:hover, .wpgb-facet button.wpgb-reset:hover, .wpgb-button, .wpgb-apply, .kaliforms-form-container #submit:hover, .button:hover { color: #ffffff !important; border: 1px solid #fff !important; } .wpgb-card .ct-button { border: 1px solid var(--theme-palette-color-3) !important; color: var(--theme-palette-color-3) !important; } .wpgb-card .ct-button:hover { border: 1px solid var(--theme-palette-color-3) !important; background-color: var(--theme-palette-color-3) !important; color: #fff !important; } .wp-block-separator:not(.is-style-dots) { height: 1px; max-width: 100%; } /* Startseite __________________________________________________________________________________*/ /* Card auf der Startseite */ .ugb-card { backdrop-filter: blur(2px); } .ugb-card.ugb-card--v2 .ugb-card__content { min-height: 350px; } .ugb-card .ugb-card__subtitle, .ugb-card .ugb-card__title { opacity: 1; } .ugb-card .ugb-card__description { opacity: 0; position: absolute; padding-right: 1em; hyphens: auto; } .ugb-card:hover .ugb-card__image { filter: grayscale(1); } .ugb-card:hover .ugb-card__subtitle, .ugb-card:hover .ugb-card__title { opacity: 0; } .ugb-card:hover .ugb-card__description { opacity: 1; } .verlauf-weiss-transparent { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */ background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } .page-id-34 input.wpgb-input { background-color: rgba(255,255,255,0) !important; border: rgba(0,0,0,0.20) 0px solid !important; color: #000; } .page-id-34 button.wpgb-button { font-size: 1.0em !important; max-height: 40px !important; width: 100% !important; background-color: var(--theme-palette-color-1) !important; text-align: center; border: 1px solid rgba(255,255,255,0) !important; } .suchfeld-startseite { border: 1px solid rgba(255,255,255,0.30); border-radius: 6px; box-shadow: 0 0 64px rgba(0,0,0,0.15); backdrop-filter: blur(15px); } .post-navigation:after { background: var(--theme-palette-color-3) !important; } .page-id-34 .wpgb-input-icon { color: var(--theme-palette-color-3) !important; } /* Standard-Listen -------------------------------------*/ ::not.single-jobangebot .ct-container .ul { padding-left: 0; margin-left: 0em; display: grid; } ::not.single-jobangebot .ct-container ul li { list-style: none; border-bottom: 1px solid rgb(255 255 255 / 30%); padding: 0.25em 2em 1em 2em; max-width: 500px; line-height: 1.2em; } ul li:last-child, .ct-container .wpgb-facet ul li { border-bottom: none; } .ct-container .wpgb-facet ul li { padding: 0; } .drehung1 {transform: rotate(-3deg);} .drehung2 {transform: rotate(-6deg);} .drehung3 {transform: rotate(-12deg);} .drehung4 {transform: rotate(-20deg);} .drehung-1 {transform: rotate(3deg);} .drehung-2 {transform: rotate(6deg);} .drehung-3 {transform: rotate(12deg);} .drehung-4 {transform: rotate(20deg);} .kolumnen { column-count: 2; column-width: 300px; column-gap: 6em; column-rule: 1px solid rgba(0,0,0,0.25); margin-bottom: 2rem; margin-top: 2rem; display: block; hyphens: auto; text-align: justify; } .kolumnen.weiss { column-rule: 1px solid rgba(255,255,255,1.00); } .kolumnen h1 { margin-top: -20px !important; margin-bottom: 0; padding-bottom:0; } .hoverbox { border-radius: 10px; background: rgba(255,255,255,0.0); } .hoverbox:hover { box-shadow: 0 0 64px rgba(0,0,0,0.15); transition: all 1s ease !important; background: rgba(255,255,255,0.91); } .schatten { 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); } .schatten-lang { 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); } /* Footer __________________________________________________________________________________*/ /* Stackable Blocks __________________________________________________________________________________*/ /* (mehrspaltige) Listen mit Icon */ /*#main .ugb-icon-list--display-grid ul li { border-bottom: none; max-width: none; padding: inherit; } .ugb-icon-list.ugb-icon-list--v2 li:before { margin-top: 0.4em; } .ugb-icon-list.ugb-icon-list--v2 li { line-height: 1.2em !important; }*/ /* Icons uf der Startseite*/ .home .ugb-icon__design-wrapper{ transition: all 0.1s ease !important; border-style: dashed; backdrop-filter: blur(2px); } .home .ugb-icon__item1 .ugb-icon__design-wrapper:hover svg{ transition: all 0.1s ease !important; } .home .ugb-icon__item1 .ugb-icon__design-wrapper:hover, .home .ugb-icon__item2 .ugb-icon__design-wrapper:hover, .home .ugb-icon__item3 .ugb-icon__design-wrapper:hover, .home .ugb-icon__item4 .ugb-icon__design-wrapper:hover{ background-color: rgba(255,255,255,0.25); backdrop-filter: blur(6px); } .home .ugb-icon__item1 .ugb-icon__design-wrapper:hover svg { filter: invert(54%) sepia(33%) saturate(7478%) hue-rotate(320deg) brightness(96%) contrast(94%); } .home .ugb-icon__item2 .ugb-icon__design-wrapper:hover svg { filter: invert(36%) sepia(25%) saturate(249%) hue-rotate(163deg) brightness(58%) contrast(86%); } .home .ugb-icon__item3 .ugb-icon__design-wrapper:hover svg { filter: invert(66%) sepia(75%) saturate(6207%) hue-rotate(140deg) brightness(103%) contrast(80%); } .home .ugb-icon__item4 .ugb-icon__design-wrapper:hover svg { filter: invert(23%) sepia(63%) saturate(3000%) hue-rotate(178deg) brightness(98%) contrast(101%); } /* Icons mit Überschrift*/ .ugb-icon.icon-h1 .ugb-icon__item { flex-direction: unset !important; margin-left: -5px; } .ugb-icon.icon-h1 .ugb-icon__icon:first-child { margin-bottom: 0; margin-right: 1em; margin-top: 10px; } .icon-h1 .ugb-icon__design-wrapper.ugb-icon__design-outlined { border: 1px dashed #fff; } @media (max-width: 568px) { .icon-h1 .ugb-icon__title { hyphens: auto; } } /* Plugins __________________________________________________________________________________*/ /* WP Featherlight -------------------------------------*/ .featherlight:last-of-type { background-color: var(--theme-palette-color-4) !important; } /* if backdrop support: very transparent and blurred */ @supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) { .featherlight:last-of-type { background-color: rgba(81, 50, 41, 0.7) !important; backdrop-filter: blur(15px); } } .featherlight .featherlight-content .caption { font-size: 13px; white-space: nowrap; } /* Complianz -------------------------------------*/ #cmplz-cookies-overview .cmplz-dropdown p, #cmplz-document .cmplz-dropdown p, #cmplz-document li, #cmplz-document p, #cmplz-document td { font-size: 17px; } #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, #cmplz-document a:visited { text-decoration: none; color: #ffffff; } #cmplz-document .cookies-per-purpose, #cmplz-document .cmplz-service-header, #cmplz-document h4, #cmplz-document h5, #cmplz-document .cookies-per-purpose a, #cmplz-document .cmplz-service-header a, #cmplz-document .name-header a, #cmplz-document .cookies-per-purpose a:visited, #cmplz-document .cmplz-service-header a:visited, #cmplz-document .name-header a:visited { color: #000000; } #cmplz-document b { font-weight: 400; } #cmplz-cookies-overview .cmplz-dropdown[open], #cmplz-document, #cmplz-document h2, #cmplz-document h3, #cmplz-document h4, #cmplz-document h5, #cmplz-document .cmplz-dropdown #cmplz-document .name-header { /*color: #000 !important;*/ } /* Gridbuilder WP -------------------------------------*/ .wpgb-loading { opacity: 1.0 !important; pointer-events: none; } .wpgb-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(255,255,255,0.70) !important; opacity: 1 !important; /* Firefox */ } .wpgb-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255,255,255,0.70) !important; } .wpgb-input::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(255,255,255,0.70) !important; } .home ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000 !important; opacity: 1; /* Firefox */ } .home :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000 !important; } .home ::-ms-input-placeholder { /* Microsoft Edge */ color: #000 !important; } .wpgb-facet .wpgb-input, .wpgb-facet .wpgb-select, .wpgb-facet .wpgb-button:not(button), .wpgb-facet .wpgb-radio .wpgb-radio-control, .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control, .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control:before { border-color: #fff !important; border: 1px solid !important; } /* Einzelangebot */ .single-jobangebote .wpgb-facet>fieldset:last-child {} .single-jobangebote .wpgb-facet .wpgb-search-facet input[type="search"] {} .single-jobangebote .wpgb-facet button.wpgb-apply, .single-jobangebote .wpgb-facet button.wpgb-reset { width: 100%; } .single-jobangebote h1 { border-left: 0px; border-bottom: 3px solid #fff; padding: 0 0 0.1em 0; margin-bottom: 0.5em !important; } .jobangebot-eigenschaft-wrapper { display: flex; margin-bottom: 20px; } .jobangebot-eigenschaft { font-size: 0.75em; padding: 0; color: rgba(255,255,255,1.00); margin-right: 1.5em; border-radius: 0; } .jobangebot-eigenschaft img { width: 20px; margin-top: -4px; margin-right: 0px; opacity: 0.6; } .single-jobangebote h3 { margin-top: 2em; margin-bottom: 0.5em !important; /* padding-bottom: 0.25em; border-bottom: 3px solid var(--theme-palette-color-3);*/ } /* 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: 1em 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) { transform: translateY(-4px) translateX(-2px); transform-origin: top left; color: rgb(0 0 0 / 0.4) !important; } .kaliforms-form-container [type='freeText'] { color: var(--theme-palette-color-3); } .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; border: 1px solid var(--theme-palette-color-1) !important; background-color: rgba(255,255,255,0.30) !important; box-shadow: 0 0 0 !important; } .kaliforms-form-container textarea { min-height: 250px;} .kaliforms-form-container input[required], .kaliforms-form-container textarea[required], .kaliforms-form-container select[required] { background-color: rgba(255,255,255,0.70)!important; } .kaliforms-form-container input:focus, .kaliforms-form-container textarea:focus{ background-color: rgba(255,255,255,0.9) !important; color: #000 !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); backdrop-filter: blur(6px); } .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; } /* Switch -------------------------------------*/ .eb-text-switch-label, .eb-text-switch-toggle { border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } /* Animationen __________________________________________________________________________________*/ input, textarea, input[type=submit], select, label, .linktext, .ugb-card__image, .ugb-card__description, .ugb-card .ugb-card__subtitle, .ugb-card .ugb-card__title { transition: all 0.4s ease !important; } .slide-in-blurred-top-1 { -webkit-animation: slide-in-blurred-top 1.2s ease-out 1s both; animation: slide-in-blurred-top 1.2s ease-out 1s both; } .slide-in-blurred-top-3 { -webkit-animation: slide-in-blurred-top 0.5s ease-out 1s both; animation: slide-in-blurred-top 0.5s ease-out 1s both; } .slide-in-blurred-top-2 { -webkit-animation: slide-in-blurred-top 1s ease-out 1s both; animation: slide-in-blurred-top 1s ease-out 1s both; } .slide-in-blurred-top-4 { -webkit-animation: slide-in-blurred-top 1.5s ease-out 1s both; animation: slide-in-blurred-top 1.5s ease-out 1s both; } /** * ---------------------------------------- * animation slide-in-blurred-top * ---------------------------------------- */ @keyframes slide-in-blurred-top { 0% { -webkit-transform: translateY(-500px) scaleY(2.5) scaleX(0.2); transform: translateY(-500px) scaleY(2.5) scaleX(0.2); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-filter: blur(40px); filter: blur(40px); opacity: 0; } 100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1); transform: translateY(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } }