/* Theme Name: ZETCON Ingenieure Description: ZETCON Theme Author: frisch.media Author URI: https://www.frisch.media Template: woodmart Version: 1.0.0 Text Domain: woodmart */ /* HEADER */ .whb-sticked .whb-general-header .woodmart-logo img { max-height: 70px; } .whb-color-dark .navigation-style-underline .item-level-0 > a { color: #757D85; } .woodmart-navigation .item-level-0 > a { text-transform: none; } .whb-header .woodmart-social-icon i{ font-size: 22px !important; line-height: 40px !important;} .whb-header .icons-size- .woodmart-social-icon{ width: 40px; height: 40px; } .whb-sticked .whb-general-header .woodmart-logo img{ padding: 15px; } /* SPECIAL */ #counter_zeile{ padding-top: 30px !important; padding-bottom: 30px !important; background: #00768d url(https://www.zetcon.de/wp-content/uploads/counter-zeile-hintergrund.jpg?id=96) !important; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; background-blend-mode:color !important; } .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl.vc_icon_element-have-style-inner{ width: 10em !important; height: 10em !important; } .member-details{ background-color: #00768d !important; padding: 20px; } .member-name, .member-position{ color: #fff !important; } .member-image{ margin-bottom: 0 !important; } .banner-mask.banner-hover-zoom:hover .wrapper-content-banner { background-color: rgba(0,101,103,.7);} .historienbox .woodmart-item-position-left .timeline-col, .historienbox .woodmart-item-position-right .timeline-col{ background-color: unset !important; } .historienbox .woodmart-timeline-content{ color: #fff !important; } .leistungsboxen{ background: linear-gradient(to right, #FF8425 50%, #00768d 50%) !important; background-size: 200% 100% !important; background-position: right bottom !important; transition: all .5s ease-out !important;} .leistungsboxen:hover{ background-position: left bottom !important; } .wpb_column.project-side-column{ border-left: solid 2px #00768d !important; } .wpb_text_column .wpb_wrapper > ul > li::before{ color: #FF8425; font-weight: 700 !important; } .popup_button .btn{ display: inline-block; padding: 20px 30px 18px 30px; background: transparent; background-color: transparent; color: #fff; font-size: 95%; line-height: 130%; margin: 5px; margin-bottom: 5px; margin-bottom: 5px; border: 1px solid #00768D; border-radius: 0 !important; transition: all 0.1s ease-in-out 0.1s, visibility 0.2s ease-in-out; cursor: pointer; } .member-name{ font-size: 25px !important; } .page-id-266 .woodmart-timeline .logo_line img{ margin-left: 80px !important; } .engage-desc{ display: none; transition: ease all 0.3s !important;} .engage:hover ~ .engage-desc{ display: block !important ; } #slider-5 .owl-nav > div{ top: 48% !important; } /*FORMS*/ input, textarea{ margin: 5px !important; } [type="submit"]{ padding: 12px 100px !important; background-color: #FF8425 !important; color: #fff !important; border:2px solid #fff;} [type="submit"]:hover{ background-color: #fff !important; color: #FF8425 !important; border:2px solid #FF8425; box-shadow: none !important;} input[type="text"], input[type="email"], textarea{ color: black !important; background-color: rgba(129,129,129,.2) !important; border: none !important; } /*BASICS*/ span.button { display: inline-block; padding: 20px 30px 18px 30px; background: transparent; color: #00768D; font-size: 95%; line-height: 130%; margin: 5px; border: 1px solid #00768D ;border-radius: 0 !important; transition: all 0.1s ease-in-out 0.1s, visibility 0.2s ease-in-out; cursor: pointer; } span.button:hover { background: #00768D; color: #fff; } span.button.orange{ display: inline-block; padding: 20px 30px 18px 30px; background: #266d85; color: #fff ; font-size: 95%; line-height: 130%; margin: 5px; border: 1px solid #00768D ;border-radius: 0 !important; transition: all 0.1s ease-in-out 0.1s, visibility 0.2s ease-in-out; cursor: pointer; border: solid 2px #fff !important;} span.button.orange:hover{ background: #fff !important; border: solid 2px #FF8425 !important; color: #FF8425; box-shadow: none !important;} .whitecolor span.button{ border: solid 1px #fff; color: #fff; } .whitecolor span.button:hover { background: #fff; color: #00768D !important; } .whitecolor a span.button { background: transparent !important; color: #fff !important; border: solid 1px #fff;} .whitecolor a.button:hover span, .whitecolor a:hover span.button { background: transparent !important; color: #fff !important; } span.white { background: #fff !important; color: #00768D !important; border: solid 1px #fff; } span.white:hover { background: #D5872E !important; color: #fff !important; } span.dark { background: #00768D !important; color: #fff !important; } span.dark:hover { background: #D5872E !important; color: #fff !important; } .whitecolor, .whitecolor h1, .whitecolor h2, .whitecolor h3, .whitecolor h4, .whitecolor h5, .whitecolor p, .whitecolor a, .whitecolor a.button span, .whitecolor table th, .whitecolor li, .whitecolor .largetext, .whitecolor form.wpcf7-form .wpcf7-submit { color: white; } .whitecolor hr { background-color: white; color: white; } .whitecolor .woodmart-counter .counter-value{ color: #fff !important; } .whitecolor .woodmart-counter .counter-label{ color: #fff !important; } .breadcrumb_last { color: #00768D; } .woodmart-slide-container .menu-standorte-container { background-color: white; color: #00768D; margin-bottom: 35px; } .team-member{ margin-bottom: 0 !important; } .member-bio{ font-size: 14px !important; text-decoration: underline; } .member-bio a:hover{ color: #D5872E ; } .woodmart-content-popup{ padding: 0 !important; } /*PROMO BOX startseite leistungen*/ .leistungen .content-banner{ display: block !important; background-color: unset !important;} .leistungen .banner-inner{ display: none; text-align: left; color: #fff !important;} h4.banner-title{background-color: unset !important; font-weight: 700 !important;} .banner-hover-background:not(.banner-background) .wrapper-content-banner, .banner-hover-border:not(.banner-border) .wrapper-content-banner{ padding: 30px !important; } .leistungen .banner-title-default .banner-title{ text-align: left; } .banner-hover-background:not(.banner-background) .wrapper-content-banner::after{ background-color: unset !important; } .wrapper-content-banner{ transition: ease-in all 0.3s !important; } .leistungen .woodmart-button-wrapper{ text-align: left !important; display: none;} .leistungen .promo-banner .banner-btn-wrapper{ margin-top: 0 !important; } .leistungen .woodmart-button-wrapper a{ color: #fff !important; border: none !important; } .leistungen .vc_column_container > .vc_column-inner{ padding-left: 5px; padding-right: 5px; } .leistungen .promo-banner:hover .banner-inner{ display: block !important; } .leistungen .promo-banner:hover .woodmart-button-wrapper{ display: block !important; } /*Unternehmen Grau Logos*/ .logos img{ filter: grayscale(100%); transition: all ease .3s;} .logos img:hover{ filter: grayscale(0%) !important; transform: scale(1.1);} /* TIMELINE */ .woodmart-timeline-dot { display: none; } .woodmart-timeline-item { /* opacity: 0.5; */ transition: all 0.5s ease-in-out 0.5s, visibility 0.5s ease-in-out; } .woodmart-timeline-item:hover { /* opacity: 1; */ } .woodmart-timeline-item img { max-width: 400px; transition: all 1s ease-out; } .woodmart-timeline-item:hover img { border-radius: 0; } .woodmart-timeline-item p { color: white; transition: all 1s ease-out; } .woodmart-timeline-item:hover p { color: inherit; } .woodmart-timeline-item .timeline-col-secondary { opacity: 0; transition: all 1s ease-out; } .woodmart-timeline-item:hover .timeline-col-secondary { opacity: 1; } .woodmart-timeline-item .woodmart-timeline-content { padding: 0 60px; } .woodmart-timeline-item .woodmart-timeline-content strong { font-size: 140%; line-height: 130%; } .woodmart-timeline-title { border-radius: 50%; border: 3px solid #00768D; color: #00768D; display: inline-block; width: 150px; height: 150px; padding-top: 44px; font-size: 250%; font-weight: 500; text-align: center; background: linear-gradient(to right, #00768D 50%, white 50%); background-size: 200% 100%; background-position: right bottom; transition: all .5s ease-out; cursor: pointer; } .woodmart-timeline-item:hover .woodmart-timeline-title, .woodmart-timeline-title:hover { border: 3px solid #00768D; /* background: #00768D; */ background-position: left bottom; color: white; } .woodmart-timeline-item.woodmart-item-position-left .woodmart-timeline-title { position: absolute; z-index: 100; right: -18.5%; top: 0; } .woodmart-timeline-item.woodmart-item-position-left .woodmart-timeline-image { margin-left: -12%; } /*.woodmart-timeline-item.woodmart-item-position-left:hover img { border-top-right-radius: 50px; border-bottom-right-radius: 50px; }*/ .woodmart-item-position-left .timeline-col-primary { text-align: left; } .woodmart-timeline-item.woodmart-item-position-right .woodmart-timeline-title { position: absolute; z-index: 10000; left: -18.5%; top: 0; } .woodmart-timeline-item.woodmart-item-position-right .woodmart-timeline-image { margin-right: -12%; } /*.woodmart-timeline-item.woodmart-item-position-right:hover img { border-top-left-radius: 50px; border-bottom-left-radius: 50px; }*/ /* SLIDER */ .slider-in-container .woodmart-slide-container { padding-right: 0; padding-left: 0; } .owl-nav > div::after, .wrap-loading-arrow > div::after { font-size: 60px; line-height: 60px; color: #FF8425 !important; } .woodmart-slider-wrapper .owl-nav > div::after { color: white !important; } #slider-5.woodmart-slider-wrapper .owl-nav > div::after { color: #FF8425 !important; } body .owl-nav > div::after { transform: scaleX(0.8); } .woodmart-slider .owl-dots { position: relative; } .owl-dots .owl-dot span { border: 2px solid #00768D; background-color: #00768D; width: 13px; height: 13px; } .owl-dots .owl-dot.active span { border-color: #FF8425; background-color: #FF8425; } .woodmart-slide .woodmart-slide-container { padding-top: 0 !important; padding-bottom: 0 !important; } .woodmart-slider-wrapper .owl-nav > div::after{ color: #FF8425 !important; } .half-slide .woodmart-slider{ overflow: visible; } .half-slide .owl-prev{ margin-left: -60px; } .half-slide .owl-next{ margin-right: -60px; } .owl-carousel .owl-nav>div {visibility: visible; opacity: 1; transform: translateY(0); pointer-events: visible; } /* ---- BORDERBOXES ---- */ .borderboxes > .wpb_column { transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out; } .borderboxes > .wpb_column > .vc_column-inner { background: #00768d; color: #fff; padding: 0; border-radius: 0px; } .borderboxes.noimage > .wpb_column > .vc_column-inner { padding: 20px 0 10px 0; } .borderboxes > .wpb_column > .vc_column-inner .wpb_single_image .vc_single_image-wrapper, .borderboxes .wpb_column .vc_column-inner .wpb_single_image .vc_figure, .borderboxes .wpb_column .vc_column-inner img { width: 100%; padding-bottom: 5px; } .borderboxes > .wpb_column > .vc_column-inner .wpb_single_image, .borderboxes > .wpb_column > .vc_column-inner h3 { margin-bottom: 0; } .borderboxes > .wpb_column > .vc_column-inner .wpb_text_column { padding: 10px 30px; margin-bottom: 0 !important; margin-top: -62px !important; background-color: #00768d; z-index: 999; position: relative; } .borderboxes_light > .wpb_column{ transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out; } .borderboxes_light > .wpb_column > .vc_column-inner { background: #fff; color: black; padding: 0; border-radius: 0px; border: 2px solid #06768E; box-shadow: 0 0 15px rgba(0,0,0,0.2); transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out; } .borderboxes_light > .wpb_column > .vc_column-inner .wpb_single_image .vc_single_image-wrapper, .borderboxes_light .wpb_column .vc_column-inner .wpb_single_image .vc_figure, .borderboxes_light .wpb_column .vc_column-inner img { width: 100%; padding-bottom: 0; } .borderboxes_light > .wpb_column > .vc_column-inner:hover{ box-shadow: 0 0 25px rgba(0,0,0,0.4); } /* AKTUELLES / BLOG */ .entry-meta .meta-author, .entry-meta .meta-reply { display: none; } .post-img-wrapp a::after { background: rgba(0,101,103,.7); } .post-single-page .meta-post-categories,.post-single-page .entry-title{ display: none !important; } .single-post .main-page-wrapper{ padding-top: 0 !important; } .post-single-page .woodmart-entry-meta{ display: none !important; } .blogkategorien { } .cat-item { list-style: none; padding: 5px 15px; border: 1px solid #00768d; display: inline-block; margin-right: 10px; border-radius: 20px;} .cat-item:hover{ background-color: #00768d; } .cat-item:hover a{ color: #fff; } .cat-item a{ transition: ease all 0.3s; } .searchform input[type="text"]{ border: none; border-bottom: solid 2px #00768d; } .searchform [type="submit"]{ background-color: unset !important; padding: 0 !important; color: inherit !important;} .searchform [type="submit"]:hover{ border: none !important; } .blog_intro .wpb_wrapper{ text-align: center !important; } .article-body-container{ transition: ease all 0.3s; } .blog-post-loop:hover .article-body-container{ background-color: #00768d; } .blog-post-loop:hover .entry-title, .blog-post-loop:hover .entry-content{ color: #fff !important; } .blog-post-loop:hover .read-more-section a{ color: #FF8425 !important; } .blog-post-loop .entry-title a:hover{ color: #fff !important; } #comments{ display: none !important; } /* PORTFOLIO */ .portfolio-entry .social-icons-wrapper { display: none; } .portfolio-entry .portfolio-thumbnail::after { background: rgba(0,101,103,.7); } .wpb_video_wrapper > div.vote-overlay{position: static !important;} /* COOKIE NOTICE */ #cookie-notice .cookie-notice-container { padding: 30px 5%; } #cookie-notice #cn-notice-text { font-size: 120%; display: block; line-height: 130%; margin-bottom: 20px; } #cookie-notice #cn-notice-text a { color: white; text-decoration: underline; } #cookie-notice #cn-accept-cookie { color: #0069b2; font-size: 120%; } #cookie-notice .cookie-notice-container #cn-refuse-cookie { display: block; background: none; padding: 10px; margin: 15px auto 0 auto; font-size: 80%; color: white; font-weight: 400; } /* SOCIAL */ .icons-design-colored .social-behance { background-color: #006567; } .social-behance .woodmart-social-icon-name { text-transform: uppercase !important; } body .social-behance i::before { font-family: 'Font Awesome 5 Brands'; content: '\f168'; } /*Footer*/ .woodmart-prefooter .copyrights-wrapper { border: none !important; } .woodmart-prefooter p, .copyrights-wrapper { font-size: 85%; } .footer-container .social li{ display: inline-block !important; padding: 10px; } .footer-container .social a:hover{ color: #D5872E !important;} body .scrollToTop { right: 48.8%; } body .scrollToTop:hover { background: #00768d; color: white; } .widget_nav_menu ul li a{ color: #fff !important;} .widget_nav_menu ul li{ margin-bottom: 0 !important;} .footer-container .social li{ font-size: 20px !important; } @media screen and (max-width:1200px) { } @media screen and (max-width:768px) { .image-row-career .vc_column-inner{ min-height: 150px !important; } #slider-3 .woodmart-slide .vc_row, #slide-105 .woodmart-slide .vc_row { padding-right: 0 !important; } #slider-5 .woodmart-slide-inner { max-width: 100% !important; } .leistungsboxen-reihe .vc_row.vc_inner{ margin-bottom: 30px; } .leistungsboxen-reihe .wpb_text_column { margin-bottom: 0 !important; } .karriere-box-reihe .vc_row.vc_inner{ margin-bottom: 30px; } .woodmart-item-position-left:not(:first-child), .woodmart-item-position-right:not(:first-child) { margin-top: 0; } .woodmart-item-position-left, .woodmart-item-position-right { margin: 20px 0; } .woodmart-timeline-item .woodmart-timeline-content { padding: 15px 0; background: white; text-align: center; } .woodmart-timeline-item.woodmart-item-position-right .woodmart-timeline-title, .woodmart-timeline-item.woodmart-item-position-left .woodmart-timeline-title { position: relative; left: 0 !important; right: 0 !important; } .woodmart-timeline-item.woodmart-item-position-left .woodmart-timeline-title { left: 32% !important; } .woodmart-timeline-item.woodmart-item-position-right .woodmart-timeline-title { right: -23.5% !important; } .woodmart-timeline-item p { color: inherit; } .woodmart-timeline-item.woodmart-item-position-left .woodmart-timeline-image, .woodmart-timeline-item.woodmart-item-position-right .woodmart-timeline-image { margin: 0; } .woodmart-timeline-item img { max-width: 100%; } .woodmart-item-position-left .timeline-col .timeline-arrow, .woodmart-item-position-right .timeline-col .timeline-arrow { display: none !important; } .woodmart-timeline-content { display: none !important; } .woodmart-timeline-item .timeline-col-secondary { opacity: 1 !important; } .woodmart-timeline-item.woodmart-item-position-left .woodmart-timeline-title { left: 0 !important; } .woodmart-item-position-left .timeline-col-primary { text-align: center !important; margin-bottom: 30px; } } @media screen and (max-width: 479px) { }