/* Theme Name: Uncode Child - wagnergraphics Description: Child theme for Uncode theme Author: Undsgn™ Author URI: https://www.wagnergraphics.de Template: uncode Version: 1.0.0 Text Domain: uncode Farben HSK 41: #002f5d Hellblau: #008db7 Gelb: #e0cc00 */ /* Selection bei dunklem Style */ .style-dark ::-moz-selection, .style-dark ::selection { background: #e0cc00 !important; } .style-dark a:not(.btn) { color: #fff !important; } /* Blur bei Overlay */ .box-container.overlay-open, html.pum-open-overlay .box-wrapper { -webkit-filter: blur(5px) !important; -moz-filter: blur(5px) !important; -o-filter: blur(5px) !important; -ms-filter: blur(5px) !important; filter: blur(5px) !important; } .small { font-size: 12px !important; line-height: 1.2em !important; margin-top: 0.5em; color: #555 !important; } .textschatten p { text-shadow: 0px 0px 8px #000000; } .schatten, .schatten img { 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, .footer-scroll-top { 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); } .bild-mit-rahmen img { border: 4px solid #ffffff !important; } .mobile .btn-container { transform: scale(1.5); } button, input, optgroup, select, textarea { color: #000000; } #tabelle-hotline { display: inline-block; border-bottom-right-radius: 25px; background-color: #e0cc00; color: #002f5d !important; padding: 1em 2em 1em 2em; line-height: 1.2em; } #tabelle-hotline p { font-size: 1.4em; line-height: 1.2em; } #tabelle-hotline table { margin: 0; border: none; width: auto; } #tabelle-hotline table td, #tabelle-hotlinetable th { background-color: transparent; border: none !important; padding: 0 1em 0 0; line-height: 1.2em; font-weight: inherit; } .keinth table th { border-left: 0px solid; border-bottom: 0px solid !important; margin: 0; padding: 0 12px 0 0 !important; font-weight: 300; } .schraege-box { position: absolute !important; left: 0; padding: 0.5em 2em; background: url("images/schraeg_rechts.svg") no-repeat right; background-size: cover; overflow: visible; } .schraege-box.links { background: url("images/schraeg_links.svg") no-repeat left !important; right: 0 !important; } .schraege-box.breit { display: block; width: 100% !important; } .schraege-box p, .gelbe-box p { font-size: 32px; font-size: 2vw; font-weight: 500; color: #002f5d !important; text-shadow: none; white-space: nowrap; } .schraege-box strong, .schraege-box a:not(.btn-text-skin) , #box-telefon-mail a:not(.btn), #box-telefon-notdienst p, #box-telefon-notdienst a:not(btn) { color: #002f5d !important; text-shadow: none !important; } .gelbe-box { background-color: #e0cc00; padding: 0.8em 2em; } .gelbe-box p {} .gelbe-box .trenner-weiss { background: url("images/schraeg_beidseitig_weiss.svg") no-repeat center center; margin: 1em; padding: 3.5em; } /* Menüanpassung enable the code between these measures */ /* reduce the padding of the menu items */ @media (min-width: 960px) and (max-width: 1180px){ .main-menu-container { display: none !important; } /* .mobile-menu-button { display: inherit; } body[class*=hmenu-]:not(.hmenu-center-split):not(.hmenu-center-double):not(.hormenu-position-right) .logo-container { display: inherit !important; } .menu-wrapper div[class*=col-lg-] { display: block; } */ } @media (min-width: 1180px) { /* reduce the padding of the menu items */ .menu-smart > li > a { padding: 0px 4px !important; font-size: 11px !important; text-transform: inherit !important; } body.window-scrolled #main-logo .logo-image { height: 30px !important; } } @media (min-width: 1280px) { /* reduce the padding of the menu items */ .menu-smart > li > a { padding: 0px 8px !important; font-size: 12px !important; } } @media (min-width: 1680px) { /* reduce the padding of the menu items */ .menu-smart > li > a { padding: 0px 28px !important; font-size: 14px !important; } } /* Menü active */ .menu-light .menu-smart a:hover, .menu-light .menu-smart a:focus, .menu-light .menu-smart > li.active > a, .menu-light .menu-smart > li a.active, .menu-light .menu-smart > li.current-menu-ancestor > a, .menu-light .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a { color: #e0cc00; } /*Tabs*/ .uncode-tabs { max-width: 800px; } .nav-tabs > li > a span { font-size: 14px !important; font-weight: 700; } .tab-pane { padding-top: 2em; } .tabs-left > li br { display: none; } @media all and (max-width: 640px) { .schraege-box p, .gelbe-box p { font-size: 3vw; } .nav-tabs > li > a span br { display: none; } /* Rückt auf Smartphone die Ränder links und rechts wieder kleiner .main-container .row-container .single-h-padding, .main-container .row-container .no-h-padding { padding-left: 18px !important; padding-right: 18px !important; } .single-block-padding, .double-block-padding, .triple-block-padding, .quad-block-padding { padding-left: 18px; padding-right: 18px; } .quad-top-padding { padding-top: 24px; } .mobile-0 { padding-left: 0; padding-right: 0; } .mobile-1 { padding-left: 18px !important; padding-right: 18px !important; } */ } @media (max-width: 959px){} @media (min-width: 960px) and (max-width: 1180px){} @media (min-width: 960px) {} .style-light b, .style-light strong { font-weight: 700; } /*p { hyphens: auto; }*/ h1, h2, h3, h4, ul, li {hyphens: none; } hr { margin: 4em 0; } .style-light hr { border-color: rgba(0,0,0,0.25); } .zentriert { text-align: center; } .floating-heading{ position: absolute !important; top: 10%; left: 0; z-index: 99;} .blocksatz p { text-align: justified; } .tmb .t-entry-text-tc:not(.no-block-padding) .t-entry > *:first-child { font-size: 20px; text-transform: uppercase; font-weight: 400; } /* Header Text */ .style-dark h1.header-title, .style-dark .schatten h1 { text-shadow: 4px 4px 8px rgba(0,0,0,0.5) !important; } /* Liste */ ul.icons { margin: 0 0 0 2.6em; } ul.icons li .fa { margin-left: -1.8em; } ul.icons li ul li .fa { color: #FFF200 !important; } /* Such-Overlay */ .overlay.style-dark-bg { background-color: rgba(0,0,0,0.95) !important; } /* Scroll-Navigation */ .no-touch .onepage-pagination .cd-dot { background-color: #e0cc00; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); transform: scale(1.2) !important; } .no-touch .onepage-pagination span.cd-dot-cont:hover + .cd-label { transform: scale(1.3) translateX(-100%); } .no-touch .onepage-pagination .cd-label { font-weight: 300; color: #000000; } /* Price-Table */ .plan-colored.plan .plan-title > h3, .plan-title-data { color: #002f5d !important; } /* popup-Maker -------------------------------------*/ #popmake-951 { background-color: #002f5d; } /* Kali Forms -------------------------------------*/ .kaliforms-form-container { margin: 36px -15px 0 0 !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; color: transparent !important; background-color: transparent !important; border-color: transparent !important; 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; font-weight: 200 !important; text-transform: uppercase; } .filepond--drop-label.filepond--drop-label label { position: relative; top: inherit; left: inherit; } .kaliforms-form-container label { color: #fff !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(255 255 255 / 0.6) !important; font-size: 0.6em !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 { color: #fff !important; font-weight: 200 !important; 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.00) !important; box-shadow: 0 0 0 !important; border: 1px solid rgba(255,255,255,0.20) !important; } .kaliforms-form-container input[required], .kaliforms-form-container textarea[required], .kaliforms-form-container select[required] { background-color: rgba(255,255,255,0.0) !important; border: 1px solid #e0cc00 !important; } .kaliforms-form-container input:focus, .kaliforms-form-container textarea:focus { background-color: rgba(255,255,255,0.1) !important; color: #fff; 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; background-color: #e0cc00 !important; } .kaliforms-form-container [type='submit']:hover, .kaliforms-form-container [type='button']:hover { background-color: #000 !important; } div[id^="kaliforms-thank-you"] { background-color: #e0cc00; border-radius: 3px; padding: 2em; margin-top: 2em; color: #000 !important; } div[id^="kaliforms-thank-you"] h2 { font-size: 1.6em; font-weight: 600; color: #fff !important; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #002f5d !important; border-color: #002f5d !important; } /* Formular - Caldera*/ #terminformular { display: block; padding: 0.5rem 0.8rem; background-color: #e0cc00; color: #002f5d; font-weight: 700; font-size: 1.3rem; margin: 0 0 15px 0; } .caldera-grid label { font-weight: 400 !important; font-size: 14px !important; } .caldera-grid .form-control, .caldera-grid output { font-size: 15px; } .style-dark .caldera-grid .btn-default:not(.btn-hover-nobg):not(.icon-animated):hover { background-color: #e0cc00 !important; } .cfdatepicker { min-height: 40px !important; padding-left: 1rem !important; } .caldera-grid hr { margin-top: 10px !important; margin-bottom: 10px !important; border-top: 0px solid #999 !important; } .caldera-grid .required input { border: 1px solid #e0cc00; } input:focus, textarea:focus, .cfdatepicker:focus, .caldera-grid input[type=submit]:hover { transform: scale(1.05); 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), 0 32px 16px rgba(0,0,0,0.09); } .caldera-grid .btn { float: right;} .caldera-grid input[type=submit] { background-color: #e0cc00 !important; color: #002f5d; border: none; } .caldera-grid input[type=submit]:hover { color: #002f5d !important; } .caldera-grid input[type=submit]:active { transform: scale(1.00); } .caldera-grid .has-error .form-control { border: 2px solid red; background-color: rgba(26, 27, 28, 0.5); } .caldera-grid .has-error .help-block { background-color: #dd4b39; color: #ffffff; padding: 0 0.25em; } .caldera-grid .alert { padding: 1em; margin-bottom: 18px; border-radius: 0px 0 50px 0; } .caldera-grid .alert-success { background-color: #e0cc00; } .caldera-grid .alert-success h4, .caldera-grid .alert-success p { color: #002f5d; } /* Blognavigation unter Single Post */ .row-navigation.row-navigation-light { background-color: #eaf2e1 !important; border: none !important; font-size: 1.5em !important; } .row-navigation.row-navigation-light .btn-link { font-size: 14px; } .row-navigation.row-navigation-light .nav-back .btn-link { font-size: 18px; } .no-touch .onepage-pagination .cd-label { color: #000000 !important; } /* Rating */ #google-business-reviews-rating { margin: -5px 0 0 0 !important; } #google-business-reviews-rating .rating, #google-business-reviews-rating .rating .rating-stars, #google-business-reviews-rating .listing .rating { color: #e0cc00; font-size: 32px; line-height: 32px; } #google-business-reviews-rating .number { xfont-size: 18px; } #google-business-reviews-rating .number, #google-business-reviews-rating a:not(.btn) { color: #141618 !important; } #google-business-reviews-rating .count { margin-top: 0px !important; display: block; text-transform: uppercase; } #google-business-reviews-rating .rating { margin: 0; } #google-business-reviews-rating .rating + .attribution { margin-top: -5px; } .powered-by-google, .dark .powered-by-google.light { width: 90px; height: 19px; } /* Recaptcha*/ #rc-anchor-alert, .rc-anchor-alert, .rc-acnhor, .grecaptcha-badge{ display: none !important; } /* Footer */ .site-footer p, .site-footer li, .site-footer dt, .site-footer dd, .site-footer dl, .site-footer address, .site-footer label, .site-footer small, .site-footer pre, .site-footer code { font-size: 1.125em; } footer .style-light a, footer .style-light h6 { color: #141618 !important; } footer p { margin: 0.5em 0 0; } footer li { margin: 0.5em 0 0; } footer .text-lead > * { margin: 16px 0px 0px 0px !important; } .style-dark a:not(.btn-text-skin):hover { color:#999; } footer ul.menu { list-style: none !important; padding: 0px !important; } footer ul.menu li { font-size: 1em; } footer i { margin-right: 9px; } footer i.fa-home { margin-right: 7px;} footer i.fa-lock { margin-left: 2px;} /* Social Media Footer */ footer .footer-center { padding-top: 60px; padding-bottom: 60px; } #footer-border-top { border-top: 1px solid #ffffff ; } /* Kolumnen */ .kolumnen { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-width: 300px; -moz-column-width: 300px; column-width: 300px; -webkit-column-gap: 8em; /* Chrome, Safari, Opera */ -moz-column-gap: 8em; /* Firefox */ column-gap: 8em; -webkit-column-rule: 1px solid rgba(0,0,0,0.25); -moz-column-rule: 1px solid rgba(0,0,0,0.25); column-rule: 1px solid rgba(0,0,0,0.25); margin-bottom: 2rem; margin-top: 2rem; } .style-dark .kolumnen { -webkit-column-rule: 1px solid rgba(255,255,255,0.5); -moz-column-rule: 1px solid rgba(255,255,255,0.5); column-rule: 1px solid rgba(255,255,255,0.5); } .kolumnen p { display: block; hyphens: auto; text-align: justify; } .wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3{ -webkit-column-count: auto !important; /* Chrome, Safari, Opera */ -moz-column-count: auto !important; /* Firefox */ column-count: auto !important; -webkit-column-width: 2200px; -moz-column-width: 2200px; column-width: 2200px; } .mejs-overlay-button { box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.53) !important; -webkit-box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.53); } .mejs-overlay-button { border: 3px solid #001830 !important; color: #001830 !important; } .buttontext-black { color: #000 !important; } /* Complianz */ .cmplz-blocked-content-container {height: 50vh !important;} .cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-wp-video .cmplz-blocked-content-notice {background-color: #012F5D;} .cmplz-accept-service {color: #000 !important;} /* Animationen ---------------------------------------------------------------------------------------------------------------------------*/ tr, td, a, input, textarea, label { transition: all 0.4s ease !important; } .caldera-grid .btn { transition: all 0.2s ease !important; } /* ---------------------------------------------- * Generated by Animista on 2020-2-16 11:26:0 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ .jello-horizontal {animation:jello-horizontal .9s 2s 2 both} @keyframes jello-horizontal{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}} .slide-top { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both; } ul.icons { xx_visibility: hidden } ul.icons.visible {visibility: visible; } ul.icons.visible li { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.1s both; } ul.icons.visible li:nth-child(2) { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both; } ul.icons.visible li:nth-child(3) { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both; } ul.icons.visible li:nth-child(4) { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both; } ul.icons.visible li:nth-child(5) { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both; } ul.icons.visible li:nth-child(6) { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both; } ul.icons.visible li:nth-child(7) { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both; } ul.icons.visible li:nth-child(8) { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.8s both; } ul.icons.visible li:nth-child(9) { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.9s both; } ul.icons.visible li:nth-child(10) { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.0s both; } ul.icons.visible li:nth-child(11) { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.1s both; } ul.icons.visible li:nth-child(12) { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both; } ul.icons.visible li:nth-child(13) { animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.3s both; } @keyframes slide-top { 0% { transform: translateY(100px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } }