/** Theme Name: Theme Theme URI: www.kriesi.at/themes/enfold/ Description: A superflexible and responsive Business Theme by Kriesi -
Update notifications available on twitter and facebook:
Follow me on twitter
- Join the Facebook Group Author: Kriesi Author URI: http://www.kriesi.at Template: enfold Version: License: Themeforest Split Licence License URI: - Text Domain: Theme jochenhilmer:designer www.jochenhilmer.de mail@jochenhilmer.de */ /** * @license * MyFonts Webfont Build ID 3417833, 2017-07-07T02:23:54-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: TTNorms-ExtraBold by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/exbold/ * * Webfont: TTNorms-BoldItalic by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/bold-ital/ * * Webfont: TTNorms-Black by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/black/ * * Webfont: TTNorms-BlackItalic by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/black-ital/ * * Webfont: TTNorms-Bold by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/bold/ * * Webfont: TTNorms-ExtraBoldItalic by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/exbold-ital/ * * Webfont: TTNorms-ExtraLightItalic by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/exlight-ital/ * * Webfont: TTNorms-ExtraLight by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/exlight/ * * Webfont: TTNorms-HeavyItalic by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/heavy-ital/ * * Webfont: TTNorms-Heavy by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/heavy/ * * Webfont: TTNorms-Italic by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/ital/ * * Webfont: TTNorms-Light by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/light/ * * Webfont: TTNorms-LightItalic by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/light-ital/ * * Webfont: TTNorms-Medium by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/medium/ * * Webfont: TTNorms-MediumItalic by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/med-ital/ * * Webfont: TTNorms-Regular by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/regular/ * * Webfont: TTNorms-Thin by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/thin/ * * Webfont: TTNorms-ThinItalic by TypeType * URL: https://www.myfonts.com/fonts/type-type/tt-norms/thin-ital/ * * * License: https://www.myfonts.com/viewlicense?type=web&buildid=3417833 * Licensed pageviews: 20,000 * Webfonts copyright: Copyright (c) 2017 by TypeType. Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved. * * © 2017 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work @import url("//hello.myfonts.net/count/3426e9"); */ @font-face {font-family: 'TTNorms-Italic';src: url('webfonts/3426E9_A_0.eot');src: url('webfonts/3426E9_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_A_0.woff2') format('woff2'),url('webfonts/3426E9_A_0.woff') format('woff'),url('webfonts/3426E9_A_0.ttf') format('truetype');} @font-face {font-family: 'TTNorms-Light';src: url('webfonts/3426E9_B_0.eot');src: url('webfonts/3426E9_B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_B_0.woff2') format('woff2'),url('webfonts/3426E9_B_0.woff') format('woff'),url('webfonts/3426E9_B_0.ttf') format('truetype');} @font-face {font-family: 'TTNorms-Regular';src: url('webfonts/3426E9_F_0.eot');src: url('webfonts/3426E9_F_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_F_0.woff2') format('woff2'),url('webfonts/3426E9_F_0.woff') format('woff'),url('webfonts/3426E9_F_0.ttf') format('truetype');} @font-face {font-family: 'TTNorms-Medium';src: url('webfonts/3426E9_D_0.eot');src: url('webfonts/3426E9_D_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_D_0.woff2') format('woff2'),url('webfonts/3426E9_D_0.woff') format('woff'),url('webfonts/3426E9_D_0.ttf') format('truetype');} @font-face {font-family: 'TTNorms-Bold';src: url('webfonts/3426E9_4_0.eot');src: url('webfonts/3426E9_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_4_0.woff2') format('woff2'),url('webfonts/3426E9_4_0.woff') format('woff'),url('webfonts/3426E9_4_0.ttf') format('truetype');} @font-face { font-family: "Flaticon"; src: url("../../uploads/avia_fonts/flaticon/flaticon.eot"); src: url("../../uploads/avia_fonts/flaticon/flaticon.eot#iefix") format("embedded-opentype"), url("../../uploads/avia_fonts/flaticon/flaticon.woff") format("woff"), url("../../uploads/avia_fonts/flaticon/flaticon.ttf") format("truetype"), url("../../uploads/avia_fonts/flaticon/flaticon.svg") format("svg"); font-style: normal; } /* ------------ ------------ ------------ colors */ :root { --jhd_color_topp: 0,0,0; --jhd_color_topp_text_intro: 251,250,248; --jhd_color_topp_text_intro_links: 251,250,248; --jhd_color_about-us: 0,0,0; --jhd_color_services: 0,158,224; --jhd_color_jobs: 79,160,93; --jhd_color_contact: 0,0,0; --jhd_color_white: 255,255,255; ---jhd_color_white_ch: 248,248,248; --jhd_color_white_ch: 242,242,242; --jhd_color_grad_white_ch: 242,242,242; --jhd_color_black: 18,18,18; --jhd_color_red: 226,0,122; --jhd_color_red_logo: 171,13,9; --jhd_color_orange: 233,99,56; --jhd_color_orange_integrm: 230,90,20; --jhd_color_green_integrm: 120,150,120; --jhd_color_beige_integrm: 157,148,108; --jhd_color_green_gehoer: 150,220,110; --jhd_color_yellow: 240,220,20; --jhd_color_blue: 34,108,170; --jhd_color_blue_serious: 30,106,152; --jhd_color_blue_deep: 24,60,80; --jhd_color_grad_white: 248,248,248; --jhd_color_grad_black: 12,30,40; --jhd_color_grad_red: 226,0,122; --jhd_color_grad_blue: 34,108,170; --jhd_color_green: 56,172,37; } /* ------------ ------------ ------------ 10px = 0.625rem 12px = 0.75rem 14px = 0.875rem 16px = 1rem (base) 18px = 1.125rem 20px = 1.25rem 24px = 1.5rem 30px = 1.875rem 32px = 2rem */ html { font-size: 16px; } /* ------------ ------------ ------------ body */ body * {} body { overflow: hidden !important; font-family: 'TTNorms-Regular'; line-height: normal; } #top.jhd-jobs { background-color: rgba(var(--jhd_color_white_ch),1.0); } /* ------------ ------------ ------------ scrollbar */ @media only screen and (min-width: 1240px) { ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { background: rgba(228,228,228,1.0); } ::-webkit-scrollbar-thumb { background: linear-gradient(240deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); } } /* ------------ ------------ ------------ text selection */ ::selection { background: rgba(var(--jhd_color_blue),0.5); color: rgba(var(--jhd_color_blue_deep),1.0); } ::-moz-selection { background: rgba(var(--jhd_color_blue),0.5); color: rgba(var(--jhd_color_blue_deep),1.0); } body ::selection { background: rgba(var(--jhd_color_blue),0.5); color: rgba(var(--jhd_color_blue_deep),1.0); } body ::-moz-selection { background: rgba(var(--jhd_color_blue),0.5); color: rgba(var(--jhd_color_blue_deep),1.0); } /* ------------ ------------ ------------ Gradient */ #topp_gradient_bottom, #topp_gradient { position: fixed !important; top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important; z-index: 1; background: linear-gradient(180deg,rgba(var(--jhd_color_grad_blue),0.7),rgba(var(--jhd_color_grad_white_ch),0.0),rgba(var(--jhd_color_grad_white_ch),0.0),rgba(var(--jhd_color_grad_white_ch),0.0)); opacity: 1.0 !important; -webkit-transition: all 360ms; transition: all 360ms; } #top.fb-ggmbh #topp_gradient {} #top.fb-hze #topp_gradient {} #top.fb-integrm #topp_gradient {} #top.fb-gehoer #topp_gradient {} #top.jhd-legal-info #topp_gradient, #top.fb-mobil #topp_gradient, #top.fb-zeitraum #topp_gradient, #top.fb-trauma #topp_gradient, #top.fb-stadtteil #topp_gradient, #top.fb-pinuu #topp_gradient, #top.fb-kunter #topp_gradient {} #top.jhd-jobs #topp_gradient {} #top.jhd-jobs #topp_gradient.gradient {} #top.jhd-kontakt #topp_gradient_bottom, #top.jhd-home #topp_gradient_bottom, #top.fb-fachbereiche #topp_gradient_bottom, #top.fb-ggmbh #topp_gradient_bottom, #top.jhd-stellen #topp_gradient_bottom, #top.jhd-jobs #topp_gradient_bottom { background: linear-gradient(180deg,rgba(var(--jhd_color_white),0.8),rgba(var(--jhd_color_white),0.0),rgba(var(--jhd_color_grad_white_ch),0.5)); } #top.jhd-legal-info #topp_gradient_bottom { background: linear-gradient(180deg,rgba(var(--jhd_color_white),0.8),rgba(var(--jhd_color_grad_white_ch),0.9)); } @media only screen and (min-width: 768px) { #top.jhd-kontakt #topp_gradient_bottom, #top.jhd-home #topp_gradient_bottom, #top.fb-fachbereiche #topp_gradient_bottom, #top.fb-ggmbh #topp_gradient_bottom, #top.jhd-stellen #topp_gradient_bottom, #top.jhd-jobs #topp_gradient_bottom { background: linear-gradient(180deg,rgba(var(--jhd_color_grad_blue),0.0),rgba(var(--jhd_color_grad_white_ch),0.0),rgba(var(--jhd_color_grad_white_ch),0.8)); } #top.jhd-legal-info #topp_gradient_bottom { background: linear-gradient(180deg,rgba(var(--jhd_color_white),0.8),rgba(var(--jhd_color_grad_white_ch),0.9)); } } #top.jhd-legal-info #topp_gradient_bottom.change, #top.jhd-kontakt #topp_gradient_bottom.change, #top.jhd-home #topp_gradient_bottom.change, #top.fb-fachbereiche #topp_gradient_bottom.change, #top.fb-ggmbh #topp_gradient_bottom.change, #top.jhd-stellen #topp_gradient_bottom.change, #top.jhd-jobs #topp_gradient_bottom.change { opacity: 0 !important; } @media only screen and (max-width: 768px) {} /* hf */ @media (max-aspect-ratio: 1.00000009/1) { #top.fb-integrm #topp_img {} #top.fb-gehoer #topp_img {} } /* qf */ @media (min-aspect-ratio: 1.0000001/1) {} #topp_gradient.hide { opacity: 0.0 !important; } #topp_img { position: fixed !important; top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important; z-index: 1; -webkit-transition: all 720ms !important; transition: all 720ms !important; } #top.fb-zeitraum #topp_img, #top.fb-mobil #topp_img {} #topp_img.jhd-bgr { z-index: 1 !important; opacity: 0.2 !important; filter: blur(4px) grayscale(25%); -webkit-transform: scale(1.6,1.6) !important; transform: scale(1.6,1.6) !important; transform-origin: center center !important; } #topp_img.jhd-bgr-two { opacity: 0.1 !important; } #topp_img.jhd-bgr-three { opacity: 0.3 !important; } #topp { z-index: 3 !important; } @media only screen and (max-width: 1024px) { .responsive #top .avia-section.empty, #top .avia-section.empty { min-height: 0px !important; margin:0 !important; border: none !important; } } #top.jhd-home #topp .av-section-color-overlay-wrap .av-section-color-overlay { opacity: 1.0 !important; background: linear-gradient(180deg,rgba(var(--jhd_color_blue_serious),1.0),rgba(var(--jhd_color_grad_white_ch),1.0)); } #top.jhd-pge #topp .av-section-color-overlay-wrap .av-section-color-overlay, #top.jhd-fbs #topp .av-section-color-overlay-wrap .av-section-color-overlay, #top.jhd-jobs #topp .av-section-color-overlay-wrap .av-section-color-overlay { opacity: 1.0 !important; background: linear-gradient(180deg,rgba(var(--jhd_color_blue_serious),1.0),rgba(var(--jhd_color_grad_white_ch),1.0)); } #top.jhd-fbs #topp .av-section-color-overlay-wrap { opacity: 1.0 !important; background: linear-gradient(180deg,rgba(var(--jhd_color_blue_serious),0.5),rgba(var(--jhd_color_grad_white_ch),1.0)); } #topp.hg-gradient .av-section-color-overlay-wrap .av-section-color-overlay { opacity: 1.0 !important; } /* ------------ ------------ ------------ scroll to */ #top .avia-section { min-height: 0px !important; } #topp_scroll, #about-us_scroll, #services_scroll, #jobs_scroll, #contact-site_scroll, #contact_scroll { height: 0px; } #text { height: 100px; } #top.jhd-single #topp_scroll { min-height: 40px !important; height: 40px !important; border-top: 40px solid rgba(var(--jhd_color_blue),0.0); } #top.jhd-legal-info #topp {} #impressum .container { z-index: 3 !important; } #top #impressum, #top #disclaimer, #top #datenschutz { z-index: 99 !important; } /* ------------ ------------ ------------ Single Scroll Button Abstand oben */ @media only screen and (min-width: 1025px) { #top.jhd-home #about-us { } #top.jhd-home #services, #top.jhd-home #jobs, #top.jhd-home #contact-site, #top.jhd-home #contact { } #contact { } } /* ------------ ------------ ------------ container */ #top #wrap_all .container, .responsive #top #wrap_all .container { width: 100% !important; max-width: 1320px !important; } #top .container { padding: 0px 0px 0px 0px !important; padding-left: 4% !important; padding-right: 4% !important; } .jhd-masonry-gallery, .jhd-single-section .container, #about-us .container, #impressum .container, #disclaimer .container, #datenschutz .container, #plugins .container, #milestones .container, #faq .container, #agb .container, #contact-site .container, #contact .container, #socket .container, #nix .container { max-width: 1320px !important; margin: 0 auto; } #services .container, #jobs .container, #contact-site .container, #contact .container { max-width: 1320px !important; margin: 0 auto; } .jhd-single-section .container { max-width: 1320px !important; } #impressum .container, #disclaimer .container, #datenschutz .container, #plugins .container { padding-top: 0px !important; } #jhd_section_products_one .container, #topp .container { max-width: 100% !important; margin: 0 auto !important; } #top.jhd-home #main .avia-section .container, #top.jhd-single #main .avia-section .container { max-width: 1320px; margin: 0 auto !important; } #top.jhd-home .jhd_teaser .container, #top.jhd-single .jhd_teaser .container { max-width: 100% !important; margin: 0 auto; } #top .container .av-flex-placeholder { display: table-cell; width: 2% !important; } #top.jhd-jobs .avia-section.avia-builder-el-last, #top.jhd-jobs #topp_scroll, #top .jobs-text, #top .jobs-contact {} #top .jobs-text .container {} @media only screen and (min-width: 990px) { #top .container { padding: 0px 0px 0px 0px !important; padding-left: 40px !important; padding-right: 40px !important; } } @media only screen and (min-width: 1320px) { #top.jhd-home #main #topp .container, #top.jhd-single #main #topp .container { } #top.jhd-home #main .avia-section .container, #top.jhd-single #main .avia-section .container { } #top.jhd-home .jhd_teaser .container, #top.jhd-single .jhd_teaser .container { } } /* ------------ ------------ ------------ .single-post */ .single-post .avia-section { padding: 0px 0px 0px 0px !important; } .jhd-jobs #topp { padding-top: 60px !important; } .single-post #topp {} .single-post #topp .content .flex_column {} @media only screen and (max-width: 768px) { #top .flex_column_table, #top .flex_column_table.av-equal-height-column-flextable:not(:first-child) { margin-top: 0px !important; } #top .flex_column_table .flex_column .avia_textblock { margin-top: 50px !important; } } @media only screen and (min-width: 768px) { .jhd-jobs #topp { padding-top: 0px !important; } .jhd-jobs .avia-section { } .single-post .avia-section { } .single-post #topp .content { padding-right: 60px !important; } } @media only screen and (min-width: 1025px) { .single-post #topp .content { padding-right: 0px; } .single-post #topp { padding-top: 0px !important; } .single-post #topp .content { } } /* ------------ ------------ ------------ grid raster */ #top .jhd-single-raster { max-width: 1320px !important; margin: 0 auto !important; z-index: 1; } #top.jhd-single .jhd-single-raster, #off__top.fb-hze .jhd-single-raster, #off__top.fb-integrm .jhd-single-raster, #off__top.fb-gehoer .jhd-single-raster { max-width: 100% !important; } .jhd-single-raster {} .jhd-single-raster.no-brd-bottom { border-bottom: 0.0rem solid transparent !important; } .jhd-single-raster.no-brd-top { border-top: 0.0rem solid transparent !important; } #top #wrap_all .av-flex-cells .no_margin, .responsive #top #wrap_all .av-flex-cells .no_margin { padding-left: 4% !important; padding-right: 4% !important; } @media only screen and (max-width: 768px) { #top #wrap_all .av-flex-cells .jhd-cell-pict.no_margin, .responsive #top #wrap_all .av-flex-cells .jhd-cell-pict.no_margin { } .responsive #top #wrap_all .av-flex-cells .jhd-cell-pict.no-mob, #top #wrap_all .av-flex-cells .jhd-cell-pict.no-mob { visibility: hidden !important; display: none !important; } } #top.jhd-home #wrap_all .av-flex-cells .no_margin {} #top.jhd-single #wrap_all .av-flex-cells .no_margin {} @media only screen and (min-width: 990px) { #top #wrap_all .av-flex-cells .no_margin, .responsive #top #wrap_all .av-flex-cells .no_margin { padding: 0px 0px 0px 0px !important; padding-left: 40px !important; padding-right: 40px !important; } } /* ------------ ------------ ------------ content */ #top #topp .container .content { padding: 0px !important; } #top #topp .container .content .entry-content-wrapper {} /* ------------ ------------ ------------ header */ #header_main .container { height: 0px !important; } #header_meta { display: none; } /* ------------ ------------ ------------ logo */ #top #header_main .av-logo-container .logo { position: fixed !important; z-index: 999; top: 5px !important; left: 4px !important; width: 120px !important; height: 24px !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } #top.jhd_cs #header_main .av-logo-container .logo img { width: 120px !important; height: 24px !important; } #top.jhd_cs #header_main .av-logo-container .logo { } #top.home #header_main .av-logo-container .logo { top: -129px !important; } #top.home #header_main .av-logo-container .logo.show { top: 5px !important; } @media only screen and (min-width: 1025px) { #off__header_main .av-logo-container .logo { position: fixed !important; z-index: 999; top: -129px !important; left: 0px !important; width: 191px !important; height: 40px !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } #off__top.jhd_cs #header_main .av-logo-container .logo img { width: 191px !important; } #top.jhd_cs #header_main .av-logo-container .logo { top: 8px !important; left: 6px !important; } #top.home #header_main .av-logo-container .logo { top: -129px !important; } #top.home #header_main .av-logo-container .logo.show { top: 8px !important; left: 6px !important; } #off__top.home #header_main .av-logo-container .logo { top: -129px !important; } #off__top.home #header_main .av-logo-container .logo.show { top: 0px !important; } #off__header_main .av-logo-container .logo:hover { -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; -webkit-transform: scale(1.1,1.1) !important; transform: scale(1.1,1.1) !important; transform-origin: top left; } } /* ------------ ------------ ------------ typo */ #jhd_timeline h2.av-milestone-date strong, #jhd_timeline .av-milestone-contentbox h4, .avia_textblock h1, .avia_textblock h2, .avia_textblock h3, .avia_textblock h4, .avia_textblock h5, .avia_textblock h6 { font-family: 'TTNorms-Medium'; letter-spacing: normal !important; text-transform: none !important; -webkit-transition: all 720ms ease-in-out !important; transition: all 720ms ease-in-out !important; transition: visibility 0s 0.36s, opacity 0.36s linear; letter-spacing: -0.05rem !important; } #topp .avia_textblock h1 { text-transform: uppercase; } #topp .avia_textblock h1.no-upper { text-transform: none !important; } .avia_textblock h3 {} .jhd_teaser h2.av-special-heading-tag span.normal, .avia_textblock h1 span.normal, .avia_textblock h2 span.normal, .avia_textblock h3 span.normal, .avia_textblock h4 span.normal, .avia_textblock h5 span.normal, .avia_textblock h6 span.normal { font-family: 'TTNorms-Regular' !important; } .avia_textblock h1 { display: inline-block !important; font-size: 1.8rem !important; line-height: 3.0rem !important; } .jhd_teaser h2.av-special-heading-tag, .avia_textblock h2 { display: inline-block !important; font-size: 1.8rem !important; line-height: 2.2rem !important; } .avia_textblock h2 { margin-top: 0.5rem !important; } #jhd_timeline h2.av-milestone-date strong, #jhd_timeline .av-milestone-contentbox h4, #top.jhd-single .avia_textblock h3, #top.jhd-home .avia_textblock h3 { display: block !important; font-family: 'TTNorms-Medium' !important; font-size: 1.35rem; line-height: 1.7rem; margin-top: -0.5rem !important; margin-bottom: 1.0rem !important; margin-left: -0.1rem !important; } @media only screen and (min-width: 1024px) { .jhd_teaser h2.av-special-heading-tag, .avia_textblock h1, .avia_textblock h2 { font-size: 1.9rem !important; line-height: 2.0rem !important; } #jhd_timeline h2.av-milestone-date strong, #jhd_timeline .av-milestone-contentbox h4, #top.jhd-single .avia_textblock h3, #top.jhd-home .avia_textblock h3 { font-size: 1.35rem; line-height: 1.7rem; display: inline-block; } } @media only screen and (min-width: 1440px) { .jhd_teaser h2.av-special-heading-tag, .avia_textblock h1, .avia_textblock h2 { font-size: 2.2rem !important; line-height: 2.3rem !important; } #jhd_timeline h2.av-milestone-date strong, #jhd_timeline .av-milestone-contentbox h4, #top.jhd-single .avia_textblock h3, #top.jhd-home .avia_textblock h3 { } } #top.jhd-home-page #topp h1.av-special-heading-tag strong, #top.jhd-home-page #topp h1.av-special-heading-tag { font-size: 8vw; text-shadow: 0px 0px 8px rgba(var(--jhd_color_blue),1.0) !important; } h2.av-special-heading-tag, .jhd_teaser h2.av-special-heading-tag, .avia_textblock h1, .avia_textblock h2 { margin-left: -0.1rem; font-family: 'TTNorms-Bold'; } .jhd_teaser h2.av-special-heading-tag { text-transform: none !important; } .avia_textblock h2 span.normal { font-family: 'TTNorms-Regular' !important; text-transform: uppercase; } .avia_textblock p { margin: 0.85rem 0 !important; } #top.jhd-home-page #topp div.av-subheading { margin-top: 0px; } #top.jhd-home-page #topp div.av-subheading p {} p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 0rem !important; } #top.jhd-legal-info .avia_textblock {} /* ------------ ------------ ------------ teaser */ #off__top #wrap_all .jhd_teaser .container { max-width: 100% !important; } #top .jhd_teaser { padding-top: 0px !important; } #top.jhd_cs .jhd_teaser .jo_section_head { display: none !important; visibility: hidden !important; } #top.jhd_cs .jhd_teaser .container { /* 23 */ } @media only screen and (min-width: 1321px) { #top.jhd_cs #about-us.jhd_teaser { /* 23 */ } #about-us.jhd_teaser .container { background: none !important; } } @media only screen and (min-width: 1321px) { .jhd_teaser .container { border-radius: 0px; } #about-us.jhd_teaser { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } } .jhd_teaser .container .content { padding-top: 12px; padding-bottom: 12px; } .jhd_teaser .container .content .av-special-heading { line-height: 2.2rem !important; margin-top: 12px; } #top #wrap_all .jhd_teaser .flex_column, .responsive #top #wrap_all .jhd_teaser .flex_column { margin-bottom: 6px !important; } @media only screen and (min-width: 1025px) { .jhd_teaser .container .content { padding-top: 48px; padding-bottom: 0px; } .jhd_teaser .container .content .av-special-heading { } } #top #wrap_all .jhd_teaser .avia-image-container { display: none; visibility: hidden; } #kontakt .content { padding-top: 70px !important; padding-bottom: 20px !important; } #top.jhd-jobs .avia-section.jobcon .content { padding-top: 120px !important; padding-bottom: 20px !important; } .jhd_teaser .av-special-heading h2, .jhd_teaser .av-special-heading h2 { display: inline-block; /* 23 */ background-image: linear-gradient(60deg,rgba(var(--jhd_color_grad_black),1.0),rgba(var(--jhd_color_grad_blue),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 3.0rem !important; } .jhd_teaser .av-special-heading h2 span.special_amp, .jhd_teaser .av-special-heading div.av-subheading strong, .jhd_teaser .av-special-heading div.av-subheading span.normal, .jhd_teaser .av-special-heading div.av-subheading sup, .jhd_teaser .av-special-heading div.av-subheading p { /* 23 */ color: rgba(var(--jhd_color_blue),1.0) !important; } .jhd_teaser .av-special-heading div.av-subheading p strong, .jhd_teaser .av-special-heading div.av-subheading strong { font-family: 'TTNorms-Bold' !important; } .jhd_teaser .av-special-heading div.av-subheading h2.av-special-heading-tag {} .jhd_teaser.white, #top.jhd-home-page .jhd_teaser.white { color: rgba(var(--jhd_color_white_ch),1.0) !important; } .jhd_teaser_logo, #top.jhd-home-page .jhd_teaser_logo { max-width: 0px; display: none; visibility: hidden; } /* ------------ ------------ ------------ single-raster */ @media only screen and (min-width: 1321px) { #top #lieferumfang .jhd-cell-text, #top .jhd-grid-solo .jhd-cell-text, #top .avia-builder-el-first.jhd-cell-text { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } #top #lieferumfang .jhd-cell-text, #top .jhd-grid-solo .jhd-cell-text, #top .avia-builder-el-last.jhd-cell-text { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } } #top .jhd-cell-text .avia_textblock, #top .jhd-cell-pict .avia_textblock { max-width: 768px; } #top.jhd-jobs .jhd-cell-text .avia_textblock, #top.jhd-jobs .jhd-cell-pict .avia_textblock { max-width: 990px; } #top .jhd-single-raster .jhd-cell-text { background-color: rgba(var(--jhd_color_black),0.00) !important; } #top .jhd-cell-pict .jhd-ph-pic img { aspect-ratio: 16 / 9; width: 100%; object-fit: contain; } @media only screen and (min-width: 870px) { #top .flex_cell.av_one_full.jhd-cell-pict .jhd-ph-pic img { aspect-ratio: 2 / 1; width: 100%; object-fit: contain; } } @media only screen and (min-width: 1600px) { #top .flex_cell.av_one_full.jhd-cell-pict .jhd-ph-pic img { aspect-ratio: 3 / 1; width: 100%; object-fit: contain; } } /* ------------ ------------ ------------ single-raster 100% Breite */ #top #wrap_all .av-flex-cells .no_margin, .responsive #top #wrap_all .av-flex-cells .no_margin { padding: 0px !important; } #top .jhd-single-raster .jhd-grid-text, #top .jhd-single-raster .jhd-grid-pict { max-width: 100% !important; } #top .jhd-single-raster .jhd-grid-text { padding: 0px !important; margin-right: 4% !important; margin-left: 4% !important; margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 40px !important; padding-bottom: 40px !important; } @media only screen and (min-width: 768px) { #top .jhd-single-raster .jhd-grid-text { padding-top: 0px !important; padding-bottom: 0px !important; } } #top .jhd-single-raster .jhd-grid-text.no-top-mrg { margin-top: 0px !important; } #top .jhd-single-raster .jhd-grid-text.no-btm-mrg { margin-bottom: 0px !important; } .jhd-cell-text .jhd_txt.person_single { width: 92% !important; margin-right: 4% !important; margin-left: 4% !important; margin-bottom: 0px !important; } @media only screen and (min-width: 660px) { .jhd-cell-text .jhd_txt.person_single { max-width: 414px; } } @media only screen and (min-width: 1024px) { .jhd-cell-text .jhd_txt.person_single { } } @media only screen and (min-width: 1024px) { #top .jhd-single-raster .jhd-grid-text { max-width: 580px !important; margin-right: 40px !important; margin-left: 40px !important; } .jhd-cell-text .jhd_txt.person_single { margin-right: 40px !important; margin-left: 40px !important; } } #top .jhd-single-raster .jhd-grid-text.jhd-filler p { margin-top: 0px !important; margin-bottom: 0px !important; height: 1px !important; opacity: 0; padding-top: 0px !important; padding-bottom: 0px !important; font-size: 1.5rem !important; content: "....................................................................." !important; } #top .jhd-single-raster .jhd-grid-text.jhd-filler p { margin: 0px !important; } @media only screen and (max-width: 768px) { #top .jhd-single-raster .jhd-grid-text.jhd-filler { visibility: hidden; display: none; } } #top .jhd-single-raster .flex_cell_inner { padding: 0px !important; } #top .jhd-single-raster .avia-builder-el-first .flex_cell_inner { float: right; } #top.jhd-single .jhd-single-raster .jhd-cell-text.white { background-image: linear-gradient(60deg,rgba(var(--jhd_color_white),0.2),rgba(var(--jhd_color_grad_white),1.0)); } #top.jhd-single .jhd-single-raster .avia-builder-el-first.jhd-cell-text.white { background-image: linear-gradient(60deg,rgba(var(--jhd_color_white),1.0),rgba(var(--jhd_color_grad_white),0.2)); } /* fb-integrm */ #top.jhd-single.fb-integrm .jhd-single-raster .jhd-cell-text.white {} #top.jhd-single.fb-integrm .jhd-single-raster .avia-builder-el-first.jhd-cell-text.white {} #top.jhd-single .jhd-single-raster .jhd-cell-text.blue { background-image: linear-gradient(60deg,rgba(var(--jhd_color_blue),0.12),rgba(var(--jhd_color_grad_blue),0.55)); } #top.jhd-single .jhd-single-raster .avia-builder-el-first.jhd-cell-text.blue { background-image: linear-gradient(60deg,rgba(var(--jhd_color_grad_blue),0.55),rgba(var(--jhd_color_blue),0.12)); } @media only screen and (max-width: 767px) { .avia-builder-el-first {} .avia-builder-el-last {} #top.jhd-single .jhd-single-raster .jhd-cell-text.blue, #top.jhd-single.fb-integrm .jhd-single-raster .jhd-cell-text.white, #top.jhd-single.fb-integrm .jhd-single-raster .jhd-cell-text.grey, #top.jhd-single .jhd-cell-text { } #top.jhd-single .jhd-single-raster .avia-builder-el-first { border-top: 0.0rem solid transparent !important; border-bottom: 0.0rem solid transparent !important; } #top.jhd-single .jhd-single-raster .avia-builder-el-last { border-top: 0.0rem solid transparent !important; border-bottom: 2.0rem solid rgba(var(--jhd_color_blue),1.0) !important; } #top.jhd-single .jhd-single-raster.no-border-bottom .avia-builder-el-last { border-bottom: 0.0rem solid rgba(var(--jhd_color_blue),1.0) !important; } #top.jhd-single.fb-integrm .jhd-single-raster .avia-builder-el-first { } #top.jhd-single.fb-integrm .jhd-single-raster .avia-builder-el-last { } } .jhd-single-raster {} #top.jhd-single .jhd-single-raster .flex_cell.grey {} #top.jhd-single .jhd-single-raster .avia-builder-el-first.flex_cell.gradient, #off__top.fb-hze .jhd-single-raster .avia-builder-el-first.flex_cell.gradient { background-image: linear-gradient(60deg,rgba(var(--jhd_color_grad_blue),0.3),rgba(var(--jhd_color_grad_white),0.3)) !important; } #top.jhd-single .jhd-single-raster .avia-builder-el-last.flex_cell.gradient, #off__top.fb-hze .jhd-single-raster .avia-builder-el-last.flex_cell.gradient { background-image: linear-gradient(60deg,rgba(var(--jhd_color_grad_white),0.3),rgba(var(--jhd_color_grad_blue),0.3)) !important; } #top.fb-hze .jhd-single-raster .flex_cell {} #top .jhd-single-raster .avia-builder-el-last .flex_cell_inner { float: left; } #top .jhd-single-raster .avia-builder-el-first .flex_cell_inner .jhd-grid-text { text-align: left !important; } #top .jhd-single-raster .jhd-cell-pict.flex_cell {} #top .jhd-single-raster .jhd-cell-pict .avia-image-overlay-wrap {} @media only screen and (max-width: 869px) { #top .jhd-single-raster .jhd-cell-pict .avia-image-overlay-wrap img { aspect-ratio: 1 / 1; } } #top .jhd-cell-pict { z-index: 1000 !important; } #top .jhd-cell-text .flex_cell_inner, #top .jhd-cell-pict .flex_cell_inner {} #top #positionen { border-bottom: 0 !important; } #top .jhd-single-raster .jhd-cell-text { padding-top: 40px !important; padding-bottom: 40px !important; } #top.jhd-home .jhd-single-raster .jhd-cell-pict { border-radius: 0px; } #top.jhd-home .jhd-single-raster .av_textblock_section { text-align: left !important; } #top.jhd-home .jhd-single-section .jhd-cell-text .avia_textblock h2, #top.jhd-home .jhd-single-raster .jhd-cell-text .avia_textblock h2 { background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_black),1.0),rgba(var(--jhd_color_grad_blue),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #top.jhd-home .jhd-single-section .jhd-cell-text .avia_textblock p strong, #top.jhd-home .jhd-single-section .jhd-cell-text .avia_textblock p, #top.jhd-home .jhd-single-raster .jhd-cell-text .avia_textblock p strong, #top.jhd-home .jhd-single-raster .jhd-cell-text .avia_textblock p { color: rgba(var(--jhd_color_black),0.8212); } .responsive #top.jhd-single .jhd-single-raster, #top.jhd-single .jhd-single-raster { padding-top: 0px !important; } #top.jhd-single #product-details, .responsive #top.jhd-single #product-details { padding-top: 60px !important; } #top.jhd-single .jhd-single-raster .jhd-cell-text {} #top.jhd-single .jhd-single-raster .jhd-cell-text .flex_cell_inner { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0%; padding-right: 0%; border-radius: 0px; margin: 0 auto !important; } @media only screen and (min-width: 768px) { #top.jhd-single .jhd-single-raster { } #top.jhd-single .jhd-single-raster .jhd-cell-text .flex_cell_inner { padding-top: 40px !important; padding-bottom: 40px !important; } } @media only screen and (min-width: 1280px) {} @media only screen and (min-width: 1560px) {} #top.jhd-single .jhd-single-raster .jhd-cell-text .flex_cell_inner .avia_textblock { color: rgba(var(--jhd_color_black),1.0) !important; } #top.jhd-home #topp .avia_textblock h2, #top.jhd-single .jhd-single-section .avia_textblock h2, #top.jhd-single .jhd-text-block-info-wrap .jhd-text-block-info h2, #top.jhd-single .jhd-single-raster .jhd-cell-text .flex_cell_inner .avia_textblock h2 { color: rgba(var(--jhd_color_blue_deep),0.999) !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_black),1.0),rgba(var(--jhd_color_grad_blue),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-left: -0.15rem !important; } #top.jhd-single .flex_column .avia_textblock h3, #top.jhd-single .jhd-single-section .avia_textblock h3, #top.jhd-single .jhd-text-block-info-wrap .jhd-text-block-info h3, #top.jhd-single .jhd-single-raster .jhd-cell-text .flex_cell_inner .avia_textblock h3 { color: rgba(var(--jhd_color_blue_deep),1.0); background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_black),1.0),rgba(var(--jhd_color_grad_blue),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: -0.0rem !important; } @media only screen and (max-width: 767px) { #top.jhd-single .jhd-single-raster .jhd-cell-text.contact.el_after_av_cell_one_half { border-top: 16px solid rgba(var(--jhd_color_white_ch),1.0) !important; } } /* ------------ ------------ ------------ head single */ .jhd-single #topp .intro_text. .jhd-single #topp .jhd_av-special-heading {} .jhd-single .jhd_av-special-heading h1.av-special-heading-tag { font-family: 'TTNorms-Bold' !important; text-transform: none !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_black),1.0),rgba(var(--jhd_color_grad_blue),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .jhd-single .jhd_av-special-heading h1.av-special-heading-tag span.normal, .jhd-single .jhd_av-special-heading h1.av-special-heading-tag sup { font-family: 'TTNorms-Regular' !important; } .jhd-single .jhd_av-special-heading h3 { background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .single.contact .jhd_av-special-heading h1.av-special-heading-tag { visibility: hidden !important; opacity: 0; } .jhd-single .jhd_av-special-heading .special-heading-border { display: none; } /* ------------ ------------ ------------ h1 & h2 background colour */ #topp h1 { } .avia_textblock.jhd-jobs-bietet p {} .jhd-sdw-white h1 span.bg-txt, #topp h1 span.bg-txt { display: inline; color: rgba(var(--jhd_color_blue_serious),1.0); background-color: rgba(var(--jhd_color_white),0.6); padding: 0.2rem 0.5rem 0.1rem 0.4rem; /* Needs prefixing */ box-decoration-break: clone; -webkit-box-decoration-break: clone; } .jhd-sdw-white h2 { } #off__top.jhd-single.jhd-home #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.fb-ggmbh #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.fb-fachbereiche #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.fb-hze #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.fb-integrm #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.fb-gehoer #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.fb-mobil #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.fb-zeitraum #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.fb-trauma #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.fb-stadtteil #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.fb-pinuu #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.fb-kunter #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.jhd-stellen #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.jhd-jobs #topp .avia_textblock h2 span.bg-txt, #top.jhd-single.jhd-kontakt #topp .avia_textblock h2 span.bg-txt, #off__top.jhd-single.jhd-legal-info #topp .avia_textblock h2 span.bg-txt, .__jhd-sdw-white h2 span.bg-txt, #off__topp h2 span.bg-txt { display: inline; color: rgba(var(--jhd_color_white),1.0); padding: 0.35rem 0.5rem 0.3rem 0.4rem; background-color: rgba(var(--jhd_color_blue),0.5); /* Needs prefixing */ box-decoration-break: clone; -webkit-box-decoration-break: clone; font-family: 'TTNorms-Medium' !important; } /* ------------ ------------ ------------ PAGE HERO – h1 colours */ .jhd-single.jhd-pge #topp .avia_textblock h1, .jhd-single.jhd-fbs #topp .avia_textblock h1, .jhd-single.jhd-jobs #topp .avia_textblock h1 { /* -webkit-background-clip: text; -webkit-text-fill-color: transparent; */ } h1.jhd-shadow-bg {} .off__jhd-shadow h1 { text-shadow: -1.5rem -1.5rem 7px rgba(var(--jhd_color_blue_deep),0.03), 1.5rem 1.5rem 5px rgba(var(--jhd_color_blue_deep),0.03), 0.0rem 3.5rem 4px rgba(var(--jhd_color_blue_deep),0.02), 3.5rem 5.0rem 6px rgba(var(--jhd_color_blue_deep),0.005); } /* für alle .jhd-single #topp .avia_textblock h1, */ .off__jhd-single.jhd-home #topp .avia_textblock h1, .off__jhd-single.fb-ggmbh #topp .avia_textblock h1, .off__jhd-single.fb-fachbereiche #topp .avia_textblock h1, .off__jhd-single.fb-hze #topp .avia_textblock h1, .off__jhd-single.fb-integrm #topp .avia_textblock h1, .off__jhd-single.fb-gehoer #topp .avia_textblock h1, .off__jhd-single.fb-mobil #topp .avia_textblock h1, .off__jhd-single.fb-zeitraum #topp .avia_textblock h1, .off__jhd-single.fb-trauma #topp .avia_textblock h1, .off__jhd-single.fb-stadtteil #topp .avia_textblock h1, .off__jhd-single.fb-pinuu #topp .avia_textblock h1, .off__jhd-single.fb-kunter #topp .avia_textblock h1, .off__jhd-single.jhd-stellen #topp .avia_textblock h1, .off__jhd-single.jhd-jobs #topp .avia_textblock h1, .off__jhd-single.jhd-kontakt #topp .avia_textblock h1, .off__jhd-single.jhd-legal-info #topp .avia_textblock h1 { background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_blue),1.0)); filter: drop-shadow(0rem 0rem 0.05rem #2d2d2d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media only screen and (min-width: 768px) { .jhd-single #topp .avia_textblock h1 { } } .jhd-single.fb-integrm #topp .avia_textblock h1 {} #top.jhd-single.jhd-home #topp .avia_textblock h2 span.bg-txt, #off__top.jhd-single.fb-ggmbh #topp .avia_textblock h2, #off__top.jhd-single.fb-fachbereiche #topp .avia_textblock h2, #off__jhd-single.fb-hze #topp .avia_textblock h2, #off__top.jhd-single.fb-integrm #topp .avia_textblock h2, #off__top.jhd-single.fb-gehoer #topp .avia_textblock h2, #off__top.jhd-single.fb-mobil #topp .avia_textblock h2, #off__top.jhd-single.fb-zeitraum #topp .avia_textblock h2, #off__top.jhd-single.fb-trauma #topp .avia_textblock h2, #off__top.jhd-single.fb-stadtteil #topp .avia_textblock h2, #off__top.jhd-single.fb-pinuu #topp .avia_textblock h2, #off__top.jhd-single.fb-kunter #topp .avia_textblock h2, #off__top.jhd-single.jhd-stellen #topp .avia_textblock h2, #off__top.jhd-single.jhd-jobs #topp .avia_textblock h2, #off__top.jhd-single.jhd-kontakt #topp .avia_textblock h2, #off__top.jhd-single.jhd-legal-info #topp .avia_textblock h2 { display: block !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_white),0.9),rgba(var(--jhd_color_white),0.9)) !important; filter: drop-shadow(0rem 0rem 0.2rem #474747); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .jhd-single.fb-hze #topp .avia_textblock h2 {} .jhd-single.fb-integrm #topp .avia_textblock h2 {} .jhd-single.fb-mobil #topp .avia_textblock h2 {} .jhd-single #topp .avia_textblock.jhd-light h2 {} .jhd-single.fb-integrm #topp .avia_textblock h2 {} .jhd-single.fb-gehoer #topp .avia_textblock h2 {} #top.jhd-legal-info .avia_textblock h2 span.bg-txt { display: block !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_blue_deep),1.0),rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_blue),1.0)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } /* ------------ ------------ ------------ h1 & h2 size & distances */ .jhd-jobs-bietet { transform-origin: top left !important; margin-bottom: 1.5rem !important; } .jhd-jobs-bietet p { display: inline; color: rgba(var(--jhd_color_white),1.0) !important; padding: 0.35rem 0.5rem 0.3rem 0.4rem; background-color: rgba(var(--jhd_color_blue),0.5); /* Needs prefixing */ box-decoration-break: clone; -webkit-box-decoration-break: clone; font-family: 'TTNorms-Medium' !important; } /* 0.85 */ .jhd-single.jhd-pge #topp .avia_textblock h1, .jhd-single.jhd-fbs #topp .avia_textblock h1 { font-size: calc(3.3rem * 0.85) !important; line-height: calc(3.65rem * 0.85) !important; padding-bottom: 0.0rem !important; transform-origin: top left !important; } /* 0.70 */ .jhd-single.jhd-jobs #topp .avia_textblock h1 { font-size: calc(3.3rem * 0.7) !important; line-height: calc(3.65rem * 0.7) !important; padding-bottom: 0.0rem !important; transform-origin: top left !important; margin-bottom: 0.0rem !important; } /* 0.85 */ .jhd-single.jhd-pge #topp .avia_textblock h2, .jhd-single.jhd-fbs #topp .avia_textblock h2 { font-size: calc(1.69rem * 0.85) !important; line-height: calc(2.37rem * 0.85) !important; max-width: 990px; text-transform: none !important; transform-origin: top left !important; } /* 0.80 */ .jhd-single.jhd-jobs #topp .avia_textblock h2 { font-size: calc(1.69rem * 0.80) !important; line-height: calc(2.37rem * 0.80) !important; max-width: 990px; text-transform: none !important; transform-origin: top left !important; } .jhd-single.jhd-pge #topp .avia_textblock h1, .jhd-single.jhd-fbs #topp .avia_textblock h1, .___jhd-single.jhd-jobs #topp .avia_textblock h1 { margin-top: 60px !important; } @media only screen and (min-width: 420px) and (min-height: 600px) { .jhd-single.jhd-pge #topp .avia_textblock h1, .jhd-single.jhd-fbs #topp .avia_textblock h1, .jhd-single.jhd-jobs #topp .avia_textblock h1 { margin-top: 0px !important; } } @media only screen and (min-width: 420px) { /* 0.95 */ .jhd-single.jhd-pge #topp .avia_textblock h1, .jhd-single.jhd-fbs #topp .avia_textblock h1 { font-size: calc(3.3rem * 0.95) !important; line-height: calc(3.65rem * 0.95) !important; } /* 0.80 */ .jhd-single.jhd-jobs #topp .avia_textblock h1 { font-size: calc(3.3rem * 0.80) !important; line-height: calc(3.65rem * 0.80) !important; padding-bottom: calc(0.5rem * 0.80) !important; } /* 0.95 */ .jhd-single.jhd-pge #topp .avia_textblock h2, .jhd-single.jhd-fbs #topp .avia_textblock h2 { font-size: calc(1.69rem * 0.95) !important; line-height: calc(2.37rem * 0.95) !important; } /* 0.90 */ .jhd-single.jhd-jobs #topp .avia_textblock h2 { font-size: calc(1.69rem * 0.90) !important; line-height: calc(2.37rem * 0.90) !important; } } @media only screen and (min-width: 560px) { /* 0.85 */ .jhd-single.jhd-jobs #topp .avia_textblock h1 { font-size: calc(3.3rem * 0.85) !important; line-height: calc(3.65rem * 0.85) !important; } /* 0.95 */ .jhd-single.jhd-jobs #topp .avia_textblock h2 { font-size: calc(1.69rem * 0.95) !important; line-height: calc(2.37rem * 0.95) !important; } } @media only screen and (min-width: 750px) { /* 1.0 */ .jhd-single.jhd-pge #topp .avia_textblock h1, .jhd-single.jhd-fbs #topp .avia_textblock h1 { font-size: calc(3.3rem * 1.0) !important; line-height: calc(3.65rem * 1.0) !important; } /* 0.85 */ .jhd-single.jhd-jobs #topp .avia_textblock h1 { font-size: calc(3.3rem * 0.85) !important; line-height: calc(3.65rem * 0.85) !important; } /* 1.0 */ .jhd-single.jhd-pge #topp .avia_textblock h2, .jhd-single.jhd-fbs #topp .avia_textblock h2 { font-size: calc(1.69rem * 1.0) !important; line-height: calc(2.37rem * 1.0) !important; } /* 0.95 */ .jhd-single.jhd-jobs #topp .avia_textblock h2 { font-size: calc(1.69rem * 0.95) !important; line-height: calc(2.37rem * 0.95) !important; } } @media only screen and (min-width: 1280px) { .jhd-jobs-bietet, .jhd-single.jhd-pge #topp .avia_textblock h1, .jhd-single.jhd-fbs #topp .avia_textblock h1, .jhd-single.jhd-pge #topp .avia_textblock h2, .jhd-single.jhd-fbs #topp .avia_textblock h2 { -webkit-transform: scale(1.1,1.1) !important; transform: scale(1.1,1.1) !important; } .jhd-single.jhd-jobs #topp .avia_textblock h1 { -webkit-transform: scale(1.0,1.0) !important; transform: scale(1.0,1.0) !important; } .jhd-single.jhd-jobs #topp .avia_textblock h2 { -webkit-transform: scale(1.1,1.1) !important; transform: scale(1.1,1.1) !important; } } @media only screen and (min-width: 1640px) { .jhd-jobs-bietet, .jhd-single.jhd-pge #topp .avia_textblock h1, .jhd-single.jhd-fbs #topp .avia_textblock h1, .jhd-single.jhd-pge #topp .avia_textblock h2, .jhd-single.jhd-fbs #topp .avia_textblock h2 { -webkit-transform: scale(1.15,1.15) !important; transform: scale(1.15,1.15) !important; } .jhd-single.jhd-jobs #topp .avia_textblock h1 { -webkit-transform: scale(1.05,1.05) !important; transform: scale(1.05,1.05) !important; } .jhd-single.jhd-jobs #topp .avia_textblock h2 { -webkit-transform: scale(1.15,1.15) !important; transform: scale(1.15,1.15) !important; } } @media only screen and (min-width: 2480px) { .jhd-jobs-bietet, .jhd-single.jhd-pge #topp .avia_textblock h1, .jhd-single.jhd-fbs #topp .avia_textblock h1, .jhd-single.jhd-pge #topp .avia_textblock h2, .jhd-single.jhd-fbs #topp .avia_textblock h2 { -webkit-transform: scale(1.2,1.2) !important; transform: scale(1.2,1.2) !important; } .jhd-single.jhd-jobs #topp .avia_textblock h1 { -webkit-transform: scale(1.1,1.1) !important; transform: scale(1.1,1.1) !important; } .jhd-single.jhd-jobs #topp .avia_textblock h2 { -webkit-transform: scale(1.2,1.2) !important; transform: scale(1.2,1.2) !important; } } /* Position Headlines */ #top.jhd-single.fb-ggmbh #topp .container .content, #top.jhd-single.fb-fachbereiche #topp .container .content, #top.jhd-single.fb-hze #topp .container .content, #top.jhd-single.fb-integrm #topp .container .content, #top.jhd-single.fb-gehoer #topp .container .content, #top.jhd-single.fb-mobil #topp .container .content, #top.jhd-single.fb-zeitraum #topp .container .content, #top.jhd-single.fb-trauma #topp .container .content, #top.jhd-single.fb-stadtteil #topp .container .content, #top.jhd-single.fb-pinuu #topp .container .content, #top.jhd-single.fb-kunter #topp .container .content, #top.jhd-single.jhd-stellen #topp .container .content, #top.jhd-single.jhd-jobs #topp .container .content, #top.jhd-single.jhd-kontakt #topp .container .content, #top.jhd-single.jhd-legal-info #topp .container .content { vertical-align: bottom !important; padding-bottom: 4vh !important; } #off__top.jhd-single.fb-kunter #topp .container .content { vertical-align: top !important; padding-top: 0vh !important; } @media only screen and (min-height: 450px) and (min-width: 600px) { #off__top.jhd-single.fb-zeitraum #topp .container .content { vertical-align: top !important; padding-top: 12vh !important; } #top.jhd-single.fb-ggmbh #topp .container .content, #top.jhd-single.fb-fachbereiche #topp .container .content, #top.jhd-single.fb-mobil #topp .container .content, #top.jhd-single.fb-gehoer #topp .container .content, #top.jhd-single.fb-trauma #topp .container .content, #top.jhd-single.fb-pinuu #topp .container .content, #top.jhd-single.jhd-stellen #topp .container .content, #top.jhd-single.jhd-jobs #topp .container .content, #top.jhd-single.jhd-kontakt #topp .container .content, #top.jhd-single.jhd-legal-info #topp .container .content { vertical-align: bottom !important; padding-bottom: 18vh !important; } /* #top.jhd-single #topp .container .content { vertical-align: bottom !important; padding-bottom: 18vh !important; border: 1px dashed var(--jhd_color_grad_black),1.0 !important; } */ #top.jhd-single.fb-zeitraum #topp .container .content, #top.jhd-single.fb-integrm #topp .container .content, #top.jhd-single.fb-kunter #topp .container .content, #top.jhd-single.fb-hze #topp .container .content, #top.jhd-single.fb-stadtteil #topp .container .content, #top.jhd-single.jhd-legal-info #topp .container .content { vertical-align: bottom !important; padding-bottom: 24vh !important; } /* #top.jhd-single #topp .container .content .jhd-dis-twfo { vertical-align: bottom !important; padding-bottom: 24vh !important; border: 1px dashed var(--jhd_color_blue),1.0 !important; } */ } .jhd-single .jhd_av-special-heading h3 { font-size: 1.6rem !important; line-height: 2.4rem !important; padding-bottom: 1.6rem !important; font-family: 'TTNorms-Regular'; } .jhd-single .jhd_av-special-heading h3 strong { font-family: 'TTNorms-Bold'; } @media only screen and (min-width: 1025px) { .jhd-single #topp .av-special-heading { float: none !important; } .jhd-single .jhd_av-special-heading h1.av-special-heading-tag { } .jhd-single h2.av-special-heading-tag { } .jhd-single .jhd_av-special-heading h3 { font-size: 2.0rem !important; } } @media only screen and (min-width: 1560px) { .jhd-single .jhd_av-special-heading h1.av-special-heading-tag:hover, .jhd-single .jhd_av-special-heading h1.av-special-heading-tag, .single.contact .jhd_av-special-heading h1.av-special-heading-tag { } .jhd-single h2.av-special-heading-tag { } .jhd-single .jhd_av-special-heading h3 { } } #topp .jo_section_head h2.av-special-heading-tag, #contact-site .jo_section_head h2.av-special-heading-tag, #contact .jo_section_head h2.av-special-heading-tag { color: rgba(var(--jhd_color_blue),1.0); } .jhd-bpf-cat_white #contact .jo_section_head.show h2 {} #agb .jo_section_head h2.av-special-heading-tag, #impressum .jo_section_head h2.av-special-heading-tag, #disclaimer .jo_section_head h2.av-special-heading-tag, #datenschutz .jo_section_head h2.av-special-heading-tag, #plugins .jo_section_head h2.av-special-heading-tag { background-image: linear-gradient(60deg,rgba(var(--jhd_color_grad_black),1.0),rgba(var(--jhd_color_grad_blue),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } #topp .jo_section_head h2.av-special-heading-tag, #contact .jo_section_head h2.av-special-heading-tag {} .jhd-bpf-cat_white #contact .jo_section_head.show h2 {} /* Einblend Logo oben */ body.jhd-single #topp .logo_top { visibility: hidden; } /* Text Farbe Font */ .main_color strong, .avia_textblock p, #contact-site .avia_textblock p, #contact .avia_textblock p, #agb .avia_textblock p, #impressum .avia_textblock p, #auszeichnungen .avia_textblock p, #datenschutz .avia_textblock p, #plugins .avia_textblock p { color: rgba(var(--jhd_color_black),1.0); } .avia_textblock p strong, #agb .avia_textblock p strong, #impressum .avia_textblock p strong, #auszeichnungen .avia_textblock p strong, #datenschutz .avia_textblock p strong, #plugins .avia_textblock p strong { font-family: 'TTNorms-Bold' !important; color: rgba(var(--jhd_color_black),1.0); } #contact .avia_textblock.show p strong, #contact .avia_textblock.show p, #contact .avia_textblock p strong, #contact .avia_textblock p { color: rgba(var(--jhd_color_white_ch),1.0); } .jhd-bpf-cat_white #contact .avia_textblock.show p, .jhd-bpf-cat_white #contact .avia_textblock.show p strong { color: rgba(var(--jhd_color_black),1.0); } #contact .avia_textblock.show.address p { color: rgba(var(--jhd_color_white_ch),1.0); } #top.jhd-single .avia_textblock p, #top.jhd-home .avia_textblock p { font-size: 1.12rem !important; line-height: 1.6rem !important; } .jhd-text-block-wrap { border: 0px solid rgba(var(--jhd_color_blue_deep),0.999) !important; } .jhd-text-block-info { text-align: left; max-width: 900px; } /* ------------ ------------ ------------ a Text Links */ .avia_textblock, .avia_textblock.show { color: rgba(var(--jhd_color_black),1.0); } .avia_textblock a { color: rgba(var(--jhd_color_blue),0.999); text-decoration: underline; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } .avia_textblock a:hover { color: rgba(var(--jhd_color_blue_deep),0.999); } #impressum .avia_textblock a, #impressum .avia_textblock.show a { color: rgba(var(--jhd_color_black),1.0); } .avia_textblock p a.telefon, .avia_textblock p a.mail, .avia_textblock.address.phone p a, .avia_textblock.address.mail p a { color: rgba(var(--jhd_color_blue_deep),0.999); background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'TTNorms-Medium' !important; display: inline-block; } .avia_textblock p a.telefon, .avia_textblock p a.mail { font-family: 'TTNorms-Medium' !important; line-height: 2.1rem; } .avia_textblock p a.telefon { margin-bottom: -24px; } .avia_textblock p a.mail { margin-left: 2px; } .avia_textblock p a.telefon:hover, .avia_textblock p a.mail:hover, .avia_textblock.address.phone p a:hover, .avia_textblock.address.mail p a:hover { background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_black),1.0),rgba(var(--jhd_color_grad_blue),1.0)); } @media only screen and (min-width: 370px) { .avia_textblock p a.telefon:hover, .avia_textblock p a.mail:hover, .avia_textblock.address.phone p a:hover, .avia_textblock.address.mail p a:hover { font-size: 1.35rem; } } @media only screen and (min-width: 1024px) { .avia_textblock p a.telefon:hover, .avia_textblock p a.mail:hover, .avia_textblock.address.phone p a:hover, .avia_textblock.address.mail p a:hover { font-size: 1.8rem; } } .text_white, .text_white h2, .text_white strong { color: rgba(var(--jhd_color_black),1.0); } small, sub, sup { font-family: 'TTNorms-Light' !important; font-size: 0.5em !important; } a.sup { text-decoration: none !important; } sub { vertical-align: sub !important; } sup { vertical-align: super !important; } /* ------------ ------------ ------------ Listen */ #main .avia_textblock ul { margin: 0.5rem 0 !important; } #main .avia_textblock ul li { font-size: 1.12rem !important; line-height: 1.6rem !important; } #top.impressum .avia_textblock ul li, ul.jhd-ul-txt li {} #top.jhd-single #main .car-links ul.car-list li { list-style: none !important; } #main .avia_textblock ul li strong {} #top.impressum .avia_textblock ul li strong, ul.jhd-ul-txt li strong { font-family: 'TTNorms-Bold' !important; } #main .avia_textblock ul li strong.red {} #top.impressum .avia_textblock ul li strong.red, ul.jhd-ul-txt li strong.red { color: rgba(var(--jhd_color_blue_deep),0.999); } .avia-image-container small.avia-copyright { font-size: 0.8rem !important; text-align: center; line-height: 1.0rem; color: rgba(var(--jhd_color_black),1.0) !important; } .avia-image-container .avia-copyright { display: block; } .referenzen_design { margin-top: -18px; } .referenzen_design.five { margin-top: 0px; } /* ------------ ------------ ------------ pre */ .pre { white-space: pre; } .nowrap { white-space: nowrap; } .pre-wrap { white-space: pre-wrap; } .pre-line { white-space: pre-line; } /* ------------ ------------ ------------ jo_section_head */ .jo_section_head { display: inline-block !important; top: 0px; left: 0px; transition: visibility 0s 0.36s, opacity 0.36s linear; } .off__jhd-home-page .jo_section_head { visibility: hidden; opacity: 0; display: none !important; } .off__page_impressum .jo_section_head.currnt, .off__jhd-single .jo_section_head.currnt { z-index: 100000 !important; visibility: visible; opacity: 1; transition: opacity 0.36s linear; } .jo_section_head h2.av-special-heading-tag { font-size: 1.8rem !important; line-height: 2.2rem !important; text-transform: none !important; } .off__jo_section_head h2.av-special-heading-tag { -webkit-transition: all 720ms ease-in-out !important; -moz-transition: all 720ms ease-in-out !important; -o-transition: all 720ms ease-in-out !important; -ms-transition: all 720ms ease-in-out !important; transition: all 720ms ease-in-out !important; } .off__jo_section_head.currnt h2 { font-size: 2.0rem !important; } .jo_section_head h2.av-special-heading-tag a { text-decoration: none !important; background-image: linear-gradient(60deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .jo_section_head.currnt h2 a { -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .jo_section_head h2.av-special-heading-tag a:hover, .jo_section_head.logo_too h2 a:hover { background-image: linear-gradient(60deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); opacity: 1.0 !important; } /* ------------ ------------ ------------ intro links */ .intro_links h2 a { font-family: 'TTNorms-Bold' !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .intro_links h2 a:hover { background-image: linear-gradient(60deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); } .intro_links h2 { font-size: 1.8rem !important; line-height: 0.0em !important; padding-top: 1.2rem; } .intro_links h2 a:hover { font-size: 1.8rem !important; line-height: 0.8em !important; } #topp .avia_textblock.intro_text_topp { vertical-align: top !important; } #topp .avia_textblock.intro_text_topp span.logo_address { padding-bottom: 0rem !important; } #topp .avia_textblock.intro_text_topp p { color: rgba(var(--jhd_color_topp_text_intro),1.0); font-size: 1.3rem !important; line-height: 1.4rem !important; } @media only screen and (min-width: 768px) { .jhd-single #topp h1.av-special-heading-tag, .jhd-single #topp h2.av-special-heading-tag, .jhd-single #topp h3.av-special-heading-tag, .jhd-single #topp .avia_textblock.text-link-wrap p, .jhd-single #topp .avia_textblock.intro_text p { float: none !important; margin: 0 auto !important; } .jhd-single #topp .jhd_av-special-heading { margin-top: 0px !important; } .jhd-single #topp h1.av-special-heading-tag { } .jhd-single #topp h3.av-special-heading-tag { } .jhd-single #topp .avia_textblock.text-link-wrap, .jhd-single #topp .avia_textblock.intro_text { } .jhd-single #topp .avia_textblock.text-link-wrap a { } } @media only screen and (min-width: 1024px) { .jhd-single #topp h1.av-special-heading-tag { width: auto !important; max-width: 100% !important; } } #top.services .contact .avia_textblock.intro_text p { border: 1px solid red; } .jhd-single .avia_textblock.intro_text p strong { font-family: 'TTNorms-Bold'; } #jhd_single_hero_mobil { margin: 0px auto !important; height: 100%; width: 100%; max-width: 100vw !important; margin-left: 0vw !important; display: none; visibility: hidden; } @media only screen and (max-width: 1025px) { #top.jhd-single #topp { } .responsive #top.jhd-single #topp .text-link-wrap, #top.jhd-single #topp .text-link-wrap { } } @media only screen and (min-width: 1025px) { #jhd_single_hero_mobil { display: none; visibility: hidden; } } @media only screen and (max-width: 1024px) { #top.jhd-single #topp { background-image: none !important; } } @media only screen and (max-width: 1024px) { #top.jhd-single #topp { background-image: none !important; } } #top.jhd-single #topp {} @media only screen and (min-width: 1360px) { #top.jhd-single #topp { background-position: center !important; } } @media only screen and (min-width: 1740px) { #top.jhd-single #topp { background-position: center !important; } } #top.jhd-single #topp .text-link-wrap {} /* ------------ ------------ ------------ signets Top & Contact */ .jo_section_head.logo_top.currnt h2 a { position: fixed !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_red),1.0)) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .jo_section_head.logo_top.ttop h2 { background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .jo_section_head.logo_top h2 { display: none !important; visibility: hidden !important; } .jo_section_postlink h2 { font-size: 1.6rem !important; color: rgba(var(--jhd_color_topp_text_intro_links),1.0); opacity: 1 !important; } .jo_section_postlink h2:hover a { opacity: 1 !important; background-image: linear-gradient(60deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #topp .intro_links p { padding-bottom: 0px !important; } @media only screen and (min-width: 660px) { #topp .container { padding-top: 0% !important; } .jo_section_head h2.av-special-heading-tag { font-size: 2.0rem !important; line-height: 2.0rem; } .jo_section_head.currnt h2 { font-size: 2.0rem !important; line-height: 2.0rem; } .jo_section_postlink h2 { font-size: 1.8rem !important; } .intro_links h2 a:hover { font-size: 2.3rem !important; line-height: 0.5em !important; } } @media only screen and (min-width: 1240px) { #topp .container { padding-top: 0% !important; } .jo_section_head h2.av-special-heading-tag { font-size: 2.0rem !important; line-height: 2.0rem; margin-top: 2px !important; margin-left: 2px !important; } .jo_section_head.currnt h2 { font-size: 2.0rem !important; line-height: 2.0rem; } .jo_section_head.currnt h2:hover { } .jo_section_head.logo_top h2 { margin-top: -4px !important; } .jo_section_head.logo_top.currnt h2 { margin-top: -4px !important; } .jo_section_head.logo_top.currnt h2:hover { font-size: 2.0rem !important; line-height: 2.0rem; } #footer-page .jo_section_head.logo_top.currnt h2:hover { font-size: 3.6rem !important; line-height: 3.2rem; } .intro_links h2 a:hover { font-size: 2.3rem !important; line-height: 0.5em !important; } } /* mo */ /* ------------ ------------ ------------ menu */ #top #header .av-main-nav > li.menu-item { visibility: hidden; display: none; } #top #header .av-burger-menu-main { display: block !important; } #top #header .av-burger-menu-main a { display: block !important; max-height: 40px !important; overflow: hidden !important; } @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container { } } @media only screen and (max-width: 1025px) { #advanced_menu_toggle, #advanced_menu_hide { display: none !important; } .main_menu .avia-menu { display: block !important; } } @media only screen and (min-width: 768px) and (max-width: 990px) { .main_menu { margin-top: -0px !important; } } @media only screen and (max-width: 767px) { .main_menu .avia-menu { margin-top: -80px !important; } ul.social_bookmarks { position: absolute !important; display: block !important; margin-right: -80px !important; } } /* ------------ ------------ ------------ Hamburger Button */ .av-hamburger--spin { position: fixed; top: -8px !important; right: -0px; padding: 0px !important; width: 60px !important; height: 40px !important; text-align: center; -webkit-tap-highlight-color: transparent; opacity: 1 !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; -webkit-transform: scale(1.3,1.3) !important; transform: scale(1.3,1.3) !important; overflow: hidden !important; } @media only screen and (min-width: 768px) { .av-hamburger--spin { } } @media only screen and (min-width: 1025px) { .off__av-hamburger--spin { -webkit-transform: scale(1.4,1.4) !important; transform: scale(1.4,1.4) !important; top: -80px !important; visibility: hidden !important; display: none !important; } .off__av-hamburger--spin.show { top: -8px !important; } .off__av-hamburger--spin:hover { top: 1.5rem !important; right: 1.4rem; -webkit-transform: scale(1.4,1.4) !important; transform: scale(1.4,1.4) !important; opacity: 1 !important; } } .av-hamburger-box { padding: 0px !important; width: 30px !important; height: 50px !important; } .av-hamburger-inner::before, .av-hamburger-inner, .av-hamburger-inner::after { width: 30px !important; height: 2px !important; box-shadow: 0px 0px 3px rgba(var(--jhd_color_black),0.0); border-radius: 0 !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } .av-hamburger-inner::before { background-image: linear-gradient(78deg,rgba(var(--jhd_color_blue_deep),1.0),rgba(var(--jhd_color_blue_deep),1.0)); } .av-hamburger-inner { background: linear-gradient(78deg,rgba(var(--jhd_color_blue_deep),1.0),rgba(var(--jhd_color_blue_deep),1.0)); } .av-hamburger-inner::after{ background-image: linear-gradient(78deg,rgba(var(--jhd_color_blue_deep),1.0),rgba(var(--jhd_color_blue_deep),1.0)); } .av-hamburger-box:hover > .av-hamburger-inner::before { background-image: linear-gradient(78deg,rgba(var(--jhd_color_blue_deep),1.0),rgba(var(--jhd_color_blue_deep),1.0)); } .av-hamburger-box:hover > .av-hamburger-inner { background: linear-gradient(78deg,rgba(var(--jhd_color_blue_deep),1.0),rgba(var(--jhd_color_blue_deep),1.0)); } .av-hamburger-box:hover > .av-hamburger-inner::after{ background-image: linear-gradient(78deg,rgba(var(--jhd_color_blue_deep),1.0),rgba(var(--jhd_color_blue_deep),1.0)); } .av-hamburger-inner::before { top: -6px; } .av-hamburger-inner::after { bottom: -6px; } .av-hamburger-box:hover > .av-hamburger-inner, .av-hamburger-inner {} .av-hamburger--spin .av-hamburger-inner::before, .av-hamburger--spin .av-hamburger-inner, .av-hamburger--spin .av-hamburger-inner::after { width: 30px !important; height: 2px !important; } .av-hamburger--spin.is-active .av-hamburger-inner { transform: rotate(45deg) !important; } .av-hamburger--spin.is-active .av-hamburger-inner::after { transform: rotate(-90deg) !important; } .jhd-single .av-hamburger--spin.is-active .av-hamburger-inner::before, .jhd-single .av-hamburger--spin.is-active .av-hamburger-inner, .jhd-single .av-hamburger--spin.is-active .av-hamburger-inner::after, .av-hamburger--spin.is-active .av-hamburger-inner::before, .av-hamburger--spin.is-active .av-hamburger-inner, .av-hamburger--spin.is-active .av-hamburger-inner::after { background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_white),1.0),rgba(var(--jhd_color_grad_white),1.0)); } .av-hamburger--spin.is-active { top: -0px !important; right: -4px; } .av-burger-overlay-bg { visibility: visible; opacity: 1; transition: opacity 0.36s linear; background: linear-gradient(78deg,rgba(var(--jhd_color_black),1.0),rgba(var(--jhd_color_grad_blue),1.0)); background-size: 120% 120%; } .off__av-burger-overlay-inner {} .av-burger-overlay-bg::after { content: ""; top: 0; left: 0; bottom: 0; right: 0; width: 100vw !important; height: 100vh !important; position: absolute; z-index: -1; background-image: url(https://welle.website/wp-content/uploads/2022/06/welle-jugend-und-familienhilfe-ggmbh-scaled.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-attachment: fixed; background-size: cover !important; opacity: 0.2 !important; } /* hf */ @media (max-aspect-ratio: 1.00000009/1) { #top.fb-integrm .av-burger-overlay-inner::after { background-position: 43% 50%; } #top.fb-gehoer .av-burger-overlay-inner::after { background-position: 42% 50%; } } /* qf */ @media (min-aspect-ratio: 1.0000001/1) {} @media only screen and (max-width: 10px) { .av-hamburger-inner { background: linear-gradient(78deg,rgba(var(--jhd_color_grad_white),1.0),rgba(var(--jhd_color_grad_white),1.0)); background-color: rgba(var(--jhd_color_grad_blue),0.0) !important; } .av-hamburger-box:hover > .av-hamburger-inner { background: linear-gradient(78deg,rgba(var(--jhd_color_grad_white),1.0),rgba(var(--jhd_color_grad_white),1.0)); } .av-hamburger-inner::before { top: -6px; } .av-hamburger-inner::after { bottom: -6px; } .jhd-single .av-hamburger--spin.is-active .av-hamburger-inner, .av-hamburger--spin.is-active .av-hamburger-inner { } } /* ------------ ------------ ------------ Hamburger Menu*/ #av-burger-menu-ul { position: absolute; top: 0px !important; padding-left: 4% !important; vertical-align: top !important; padding-top: 10vh !important; width: 100% !important; height: auto !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } @media only screen and (min-width: 750px) { #av-burger-menu-ul { -webkit-transform: scale(0.8,0.8) !important; transform: scale(0.8,0.8) !important; transform-origin: top left !important; } } #av-burger-menu-ul.hide { visibility: hidden; opacity: 0; transition: visibility 0s 0.36s, opacity 0.36s linear; } #av-burger-menu-ul li { line-height: 2.3rem !important; padding: 0px !important; } #av-burger-menu-ul li a { margin-top: 1.0rem !important; border: 0px solid rgba(var(--jhd_color_blue),0.2) !important; border-radius: 0px !important; text-align: left !important; font-family: 'TTNorms-Bold' !important; padding-left: 0.0rem; font-size: 2.0rem !important; line-height: 3.0rem !important; white-space: nowrap !important; text-transform: uppercase; color: rgba(var(--jhd_color_white_ch),1.0) !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } #av-burger-menu-ul li.no-upper a { text-transform: none !important; } #av-burger-menu-ul li a.mPS2id-highlight, #av-burger-menu-ul li a:hover { color: rgba(var(--jhd_color_blue),1.0) !important; } #av-burger-menu-ul ul.sub-menu { padding-top: 0.5rem !important; padding-bottom: 1.0rem; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } @media only screen and (max-width: 768px) { #av-burger-menu-ul .sub-menu-hide ul.sub-menu { visibility: hidden; display: none; } } #av-burger-menu-ul ul.sub-menu li a { font-size: 1.2rem !important; line-height: 2.2rem !important; font-family: 'TTNorms-Medium' !important; text-transform: none; margin-top: 0.0rem !important; margin-bottom: 0.0rem !important; padding-left: 0rem; color: rgba(var(--jhd_color_white_ch),1.0) !important; border: 0px solid rgba(var(--jhd_color_blue),1.0) !important; } #av-burger-menu-ul ul.sub-menu li a:hover { color: rgba(var(--jhd_color_blue),1.0) !important; border: 0px solid rgba(var(--jhd_color_blue),0.6) !important; } #av-burger-menu-ul li.current-menu-item a { color: rgba(var(--jhd_color_blue),1.0) !important; border: 0px solid rgba(var(--jhd_color_blue),0.6) !important; } #av-burger-menu-ul li.sub.current-menu-item a:hover, #av-burger-menu-ul li.sub.current-menu-item a { color: rgba(var(--jhd_color_blue),1.0) !important; border: 0px solid rgba(var(--jhd_color_blue),0.6) !important; } #av-burger-menu-ul li.current-menu-item a:hover { cursor: default; } #av-burger-menu-ul li.sub a:hover { cursor: pointer; } #av-burger-menu-ul li.sub.current-menu-item a:hover { cursor: default; } #av-burger-menu-ul li.mlogo {} #av-burger-menu-ul li.mlogo.inv {} #av-burger-menu-ul li a .avia-menu-text {} #av-burger-menu-ul li a:hover .avia-menu-text {} #av-burger-menu-ul li.sub, #av-burger-menu-ul li.main__ {} #av-burger-menu-ul li a .avia-menu-text:hover, #av-burger-menu-ul li a .avia-menu-text { opacity: 1 !important; } #av-burger-menu-ul li a .avia-menu-text:hover {} #av-burger-menu-ul .avia-menu span.avia-menu-subtext { display: none !important; color: rgba(var(--jhd_color_blue_deep),1.0) !important; opacity: 1.0 !important; font-family: 'TTNorms-Medium' !important; } @media only screen and (min-width: 768px) { #av-burger-menu-ul .avia-menu span.avia-menu-subtext { display: block !important; } #av-burger-menu-ul .avia-menu span.avia-menu-subtext::before { content:""; } } #av-burger-menu-ul li.distance { visibility: hidden !important; height: 1.0rem !important; } #av-burger-menu-ul li.ddistance { visibility: hidden !important; } @media only screen and (max-width: 1024px) { #av-burger-menu-ul li.menu_inv_mobile { display: none !important; visibility: hidden; } #av-burger-menu-ul li.menu_inv.mobile { display: block !important; visibility: visible; } #av-burger-menu-ul li.menu_inv.mobile.ph { display: block !important; visibility: hidden; } #av-burger-menu-ul li.behind, #av-burger-menu-ul li.menu_inv { display: none; visibility: hidden; } } #av-burger-menu-ul li.nomob { display: none; visibility: hidden; } #top #av-burger-menu-ul .av-menu-button > a .avia-menu-text{ padding: 0px !important; } .av-burger-overlay::-webkit-scrollbar { display: none !important; } #av-burger-menu-ul .mob_menu.dist.top {} #av-burger-menu-ul li.mob_menu.address a { font-size: 1.2rem !important; line-height: 1.7rem !important; display: block; color: rgba(var(--jhd_color_white_ch),1.0) !important; margin-top: 0rem !important; text-transform: none; border: 1px solid rgba(var(--jhd_color_blue),0.0) !important; font-family: 'TTNorms-Regular' !important; } #av-burger-menu-ul li.mob_menu.address.jhd_ftel a { padding-top: 24px !important; } #av-burger-menu-ul li.mob_menu.address.jhd_fweb a, #av-burger-menu-ul li.mob_menu.address.jhd_fmail a , #av-burger-menu-ul li.mob_menu.address.jhd_ftel a { line-height: 2.2rem !important; border: 0px solid rgba(var(--jhd_color_blue),1.0) !important; margin-top: 0.1rem !important; margin-left: 2rem !important; font-family: 'TTNorms-Regular' !important; } #av-burger-menu-ul li.mob_menu.address a strong, #av-burger-menu-ul li.mob_menu.address a { color: rgba(var(--jhd_color_white_ch),1.0) !important; } #av-burger-menu-ul li.mob_menu.address a:hover { color: rgba(var(--jhd_color_white_ch),1.0) !important; cursor: default; opacity: 1; } #av-burger-menu-ul li.mob_menu.address { margin-left: 0px !important; } #av-burger-menu-ul li.mob_menu.address.signet a .avia-menu-text { font-family: 'TTNorms-Regular' !important; } #av-burger-menu-ul li.mob_menu.address.signet a .avia-menu-text span.light { font-family: 'TTNorms-Regular' !important; } #av-burger-menu-ul li.mob_menu.address.signet a .avia-menu-text strong { font-family: 'TTNorms-Bold' !important; } #av-burger-menu-ul li.mob_menu.phone, #av-burger-menu-ul li.mob_menu.mail { white-space: nowrap; } #av-burger-menu-ul li.distance_pf { visibility: hidden; display: none; } #av-burger-menu-ul li.mob_menu.address.jhd_fweb:hover, #av-burger-menu-ul li.mob_menu.address.jhd_fmail:hover, #av-burger-menu-ul li.mob_menu.address.jhd_ftel:hover {} #av-burger-menu-ul li.mob_menu.address.jhd_fweb a:hover, #av-burger-menu-ul li.mob_menu.address.jhd_fmail a:hover, #av-burger-menu-ul li.mob_menu.address.jhd_ftel a:hover { cursor: pointer !important; color: rgba(var(--jhd_color_blue),1.0) !important; } #av-burger-menu-ul li.mob_menu.address.jhd_fweb a:hover:before, #av-burger-menu-ul li.mob_menu.address.jhd_fmail a:hover:before, #av-burger-menu-ul li.mob_menu.address.jhd_ftel a:hover:before{ color: rgba(var(--jhd_color_blue),1.0) !important; } #av-burger-menu-ul li.mob_menu.address.jhd_fweb a:before, #av-burger-menu-ul li.mob_menu.address.jhd_fmail a:before, #av-burger-menu-ul li.mob_menu.address.jhd_ftel a:before { position: absolute; font-family: "entypo-fontello" !important; color: rgba(var(--jhd_color_white_ch),1.0) -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } #av-burger-menu-ul li.mob_menu.address.jhd_ftel a:hover:before, #av-burger-menu-ul li.mob_menu.address.jhd_ftel a:before { content: "\e854" !important; margin-left: -30px !important; font-size: 1.3rem !important; } #av-burger-menu-ul li.mob_menu.address.jhd_fmail a:before { content: "\e8b7" !important; margin-left: -32px !important; font-size: 1.3rem !important; } #av-burger-menu-ul li.mob_menu.address.jhd_fweb a:before { font-family: "flaticon" !important; margin-left: -30px !important; content: "\f25f" !important; font-size: 1.2rem !important; } /* ------------ ------------ ------------ #sub_menu1 waypmenu Main-Manu */ #sub_menu1 { top: 0%; width: 100% !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; height: 40px !important; background-color: rgba(var(--jhd_color_white_ch),0.0) !important; visibility: hidden; z-index: 9 !important; transition: visibility 0s 0.36s, opacity 0.36s linear; } #sub_menu1::before { position: fixed; display: block; content: ""; top: 0px; left: 0; width: 100% !important; height: 40px !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; background-color: rgba(var(--jhd_color_blue_deep),0.0) !important; } #sub_menu1.show.trans, #sub_menu1.show.trans::before { top: -120px; opacity: 0; } @media only screen and (min-width: 1081px) { #off__sub_menu1:hover::before, #sub_menu1.show::before, #sub_menu1.show.trans:hover, #sub_menu1.show.trans:hover::before { top: 0px; opacity: 1 !important; transition: opacity 0.36s linear; } #sub_menu1::before { background-color: rgba(var(--jhd_color_blue_deep),1.0) !important; } } /* HG vom Hauptmenü sichtbar im Mobilmenü */ @media only screen and (min-width: 25px) { #sub_menu1 { visibility: visible; } } @media only screen and (max-width: 1080px) { #menu-main-menu-design-top { visibility: hidden; display: none; } } #top.jhd-home #main #sub_menu1 .container { -webkit-transition: all 0.9s ease-out; transition: all 0.9s ease-out; } /* home */ #top.jhd-home #main #sub_menu1 .container, .responsive #top.jhd-home #sub_menu1 .container { margin: 0 auto !important; width: 700px !important; padding: 0px 0px 0px 0px !important; } #top.home #main #sub_menu1 .container, .responsive #top.home #sub_menu1 .container {} /* single */ #top.impressum #sub_menu1 .container, #top.agb #sub_menu1 .container, #top.datenschutz #sub_menu1 .container, .responsive #top.jhd-single #sub_menu1 .container, #top.jhd-single #sub_menu1 .container { margin: 0 auto !important; width: 650px !important; padding: 0px 0px 0px 0px !important; } .responsive .waypmenu .container, .waypmenu .container { background-color: rgba(251,217,201,0.0) !important; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; vertical-align: middle !important; } #menu-main-menu-design-top {} .waypmenu { visibility: hidden; z-index: 1000 !important; position: fixed !important; width: auto !important; /* 1280px / 2 - 200px */ height: 0px !important; padding: 0px !important; } @media only screen and (min-width: 1025px) { .waypmenu { transition: visibility 0s 0.36s, opacity 0.36s linear; } /* add class .show via waypoints .waypmenu.visible */ .waypmenu { z-index: 1 !important; visibility: visible; opacity: 1; transition: opacity 0.36s linear; } } .waypmenu ul { float: none !important; text-align: right !important; } .av-subnav-menu ul li, .waypmenu ul li { display: block !important; float: left !important; border: 0px solid red !important; padding: 0px !important; margin: 0px !important; padding: 0px !important; background: rgba(var(--jhd_color_black),0.0); height: auto !important; font-family: 'TTNorms-Regular' !important; letter-spacing: normal !important; text-transform: uppercase; } .av-subnav-menu ul li.no-ttrans, .waypmenu ul li.no-ttrans { text-transform: none !important; } .waypmenu ul li.menu_inv { display: none !important; visibility: hidden !important; height: 0px !important; } .waypmenu ul li.menu_inv.wp { display: block !important; visibility: hidden !important; height: auto !important; } .waypmenu ul li a { border: 0px solid red !important; margin: 4px 0px 0px 0px !important; padding: 5px 16px 4px 16px !important; background-color: rgba(var(--jhd_color_white_ch),0.0) !important; line-height: 1.6rem; color: rgba(var(--jhd_color_white),0.9); -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } #sub_menu1.show ul li a, #sub_menu1.show.trans ul li a {} #sub_menu1.show.trans ul li a.mPS2id-highlight, .waypmenu ul li a.mPS2id-highlight { color: rgba(var(--jhd_color_blue),1.0) !important; } .waypmenu ul.sub-menu li a { display: inline-block !important; margin: 0px 0px -1px 0px !important; padding: 8px 12px 6px 12px !important; text-transform: none !important; line-height: 1.6rem !important; font-family: 'TTNorms-Regular' !important; width: auto !important; background:linear-gradient(60deg,rgba(var(--jhd_color_blue_deep),1.0),rgba(var(--jhd_color_blue_deep),1.0)) !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; border: 0px solid rgba(var(--jhd_color_white),0.0) !important; border-radius: 0px !important; -webkit-transform: scale(1.0,1.0) !important; transform: scale(1.0,1.0) !important; transform-origin: left center !important; } .waypmenu ul.sub-menu li a:hover { position: relative; border: 0px solid rgba(var(--jhd_color_white),0.2) !important; background:linear-gradient(60deg,rgba(var(--jhd_color_blue_deep),1.0),rgba(var(--jhd_color_blue_deep),1.0),rgba(var(--jhd_color_blue),1.0)) !important; border: 0px solid rgba(var(--jhd_color_blue),0.6) !important; -webkit-transform: scale(1.05,1.05) !important; transform: scale(1.05,1.05) !important; } .waypmenu ul li.impdat a {} @media only screen and (min-width: 1025px) { #top .waypmenu ul.sub-menu li a, #top.jhd-home .waypmenu ul.sub-menu li a, #top.jhd-home .waypmenu ul li a { } .responsive #top.jhd-single .waypmenu ul.sub-menu li a, #top.jhd-single #sub_menu1 .waypmenu ul.sub-menu li a { } } .waypmenu ul.sub-menu { border: 0px dashed rgba(var(--jhd_color_blue),0.0) !important; background-color: rgba(var(--jhd_color_white_ch),0.0) !important; width: 600px !important; } .waypmenu ul.sub-menu li { float: none !important; display: block !important; width: auto !important; text-align: left; margin-left: 10px !important; background-color: rgba(var(--jhd_color_black),0.0) !important; } .home .waypmenu ul.sub-menu li {} .off__waypmenu ul.sub-menu:before { position: fixed; display: block; content:""; width: 100%; height: 33vh; min-height: 440px; top: 40px; left: 0; background: linear-gradient(90deg,rgba(var(--jhd_color_grad_black),0.95),rgba(var(--jhd_color_blue_serious),0.95)); z-index: 0 !important; } @media only screen and (min-width: 1025px) { .waypmenu ul li a { font-size: 1.0rem !important; } } .waypmenu .av-subnav-menu > li > a:hover, .waypmenu .av-subnav-menu > li.active > a { } .waypmenu a { opacity: 1 !important; color: rgba(var(--jhd_color_white),0.9) !important; } .waypmenu .av-subnav-menu > li.current-menu-item a { color: rgba(var(--jhd_color_blue),1.0) !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } .waypmenu .av-subnav-menu > li a:hover, .waypmenu .av-subnav-menu > li.current-menu-item a:hover, .waypmenu ul li a:hover { color: rgba(var(--jhd_color_blue),1.0) !important; } .waypmenu a.mPS2id-highlight:hover { cursor: default !important; } .waypmenu li.nolink a, .waypmenu li.nolink a:hover { color: rgba(var(--jhd_color_black),1.0) !important; cursor: default !important; } .waypmenu li.current_page_item a, .waypmenu li.current-menu-ancestor a, .waypmenu li.nolink.current-menu-ancestor a { color: rgba(var(--jhd_color_blue),1.0) !important; font-family: 'TTNorms-Bold' !important; } .waypmenu ul.sub-menu li.sub a { color: rgba(var(--jhd_color_white),0.9) !important; } .waypmenu ul.sub-menu li.sub a:hover { color: rgba(var(--jhd_color_blue),1.0) !important; } .waypmenu ul.sub-menu li.sub.current-menu-item a { color: rgba(var(--jhd_color_blue),1.0) !important; font-family: 'TTNorms-Bold' !important; } .waypmenu .sub-menu > li a:hover, .waypmenu .sub-menu ul li a:hover { color: rgba(var(--jhd_color_blue),1.0) !important; cursor: pointer !important; } .waypmenu .av-subnav-menu > li.current-menu-item a:hover, .waypmenu .av-subnav-menu > li.current-menu-item a { color: rgba(var(--jhd_color_blue),1.0) !important; cursor: default !important; } .waypmenu .sub-menu > li.current-menu-item a:hover, .waypmenu .sub-menu > li.current-menu-item a { color: rgba(var(--jhd_color_white),1.0) !important; cursor: default !important; } .waypmenu li.menu_inv { visibility: hidden; } .waypmenu li.mlogo {} .waypmenu .av-subnav-menu > li.current-menu-item.main a { color: rgba(var(--jhd_color_black),1.0); } .waypmenu.portfolio_single .av-subnav-menu > li.current-menu-item.main a, .waypmenu.show .av-subnav-menu > li.current-menu-item.main a { color: rgba(var(--jhd_color_black),1.0); } .waypmenu ul li.distance { visibility: hidden !important; } .waypmenu ul li.distance_pf { visibility: hidden !important; } .waypmenu li.menu_inv { visibility: hidden; } .waypmenu .avia-menu-subtext { display: none; } .waypmenu li.topp.mlogo { display: none; } /* ------------ ------------ ------------ .avia-post-nav prev next */ @media only screen and (max-width: 480px) { .responsive #top .avia-post-nav { z-index: 1 !important; } } #top .avia-post-nav { position: absolute; border-radius: 30px; background-color: transparent; width: 55px !important; height: 55px !important; visibility: hidden; opacity: 0; transition: visibility 0s 0.36s, opacity 0.36s linear; top: 0% !important; z-index: 999 !important; margin-top: 60px; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; z-index: 1 !important; background:linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),0.2212),rgba(var(--jhd_color_grad_white),0.2212)); } @media only screen and (min-width: 68px) { #top.responsive .avia-post-nav, #top .avia-post-nav { visibility: visible; opacity: 1; transition: opacity 0.36s linear; display: block !important; } } @media only screen and (max-width: 767px) { .responsive #top .avia-post-nav { } } #top .avia-post-nav:hover { background:linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),0.2212),rgba(var(--jhd_color_grad_white),0.2212)); } @media only screen and (min-width: 1080px) { #top .avia-post-nav:hover { background:linear-gradient(78deg,rgba(var(--jhd_color_grad_white),0.0),rgba(var(--jhd_color_grad_white),0.0)); } } #top .avia-post-nav.avia-post-prev { margin-left: -72px !important; position: fixed; margin-top: 60px !important; left: 100%; z-index: 10 !important; } #top .avia-post-nav.avia-post-next { position: fixed; margin-top: 110px !important; right: 67px; z-index: 10 !important; } @media only screen and (min-width: 1440px) { #top .avia-post-nav { top: 50%; } } .avia-post-prev span.label.iconfont:before, .avia-post-next span.label.iconfont:before { display: block; margin-top: -10px; width: 40px !important; height: 40px !important; font-family: "Flaticon"; content: "\f1eb"; font-size: 2.2rem; line-height: 2.6rem !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .avia-post-next span.label.iconfont:before { content: "\f199 "; margin-left: 44px !important; text-align: center; } .single-post .avia-post-prev span.label.iconfont:before { background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_black),1.0),rgba(var(--jhd_color_grad_blue),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .single-post .avia-post-next span.label.iconfont:before { background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #top .avia-post-nav .entry-info-wrap { visibility: hidden; opacity: 0; transition: visibility 0s 0.36s, opacity 0.36s linear; } #top .avia-post-nav .entry-info { margin: 0 auto !important; width: 589px; height: 320px; } #top .avia-post-nav:hover > .entry-info-wrap { top: 50%; visibility: visible; opacity: 1; transition: opacity 0.36s linear; width: 589px; height: 320px; vertical-align: middle !important; } #top .avia-post-nav span.entry-title { display: block !important; position: absolute !important; top: calc(50% - 0.85rem); margin: 0 auto !important; width: 100%; font-size: 1.0rem !important; color: rgba(var(--jhd_color_blue),1.0); font-family: 'TTNorms-Bold' !important; text-align: right; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #top .avia-post-nav.show span.entry-title { color: rgba(var(--jhd_color_white),1.0); } #top .avia-post-nav .entry-title span.nowrap { display: block; text-align: center; font-size: 1.7rem !important; } #top .avia-post-nav.avia-post-next .entry-title { margin-left: -589px !important; } #top .avia-post-nav .entry-title { line-height: 0 !important; display: inline-block !important; white-space: nowrap !important; } #top .avia-post-nav .entry-title strong, #top .avia-post-nav .entry-title span, #top .avia-post-nav .entry-title sup { font-size: 0 !important; line-height: 0 !important; } #top .avia-post-nav .entry-info-wrap .entry-image img { width: 589px !important; height: 320px !important; min-width: 589px !important; } #top .avia-post-nav.avia-post-prev .entry-info-wrap .entry-image img { margin-top: 0px !important; visibility: hidden; } #top .avia-post-nav.avia-post-next .entry-info-wrap .entry-image img { margin-top: 0px !important; visibility: hidden; } #top .avia-post-nav .entry-info-wrap .entry-image img { width: 589px !important; height: 320px !important; min-width: 589px !important; } #top .avia-post-nav.avia-post-prev .entry-info-wrap:hover, #top .avia-post-nav.avia-post-prev .entry-info-wrap { margin-left: -599px !important; margin-top: -120px !important; position: absolute !important; top: 0% !important; left: 0% !important; width: 589px; height: 320px; } #top .avia-post-nav.avia-post-next .entry-info-wrap:hover, #top .avia-post-nav.avia-post-next .entry-info-wrap { margin-left: -599px !important; position: absolute !important; margin-top: -120px !important; top: 0% !important; left: 0% !important; width: 589px; height: 320px; } @media only screen and (max-width: 1320px) { #top .avia-post-nav.avia-post-next .entry-info-wrap, #top .avia-post-nav.avia-post-prev .entry-info-wrap { visibility: hidden; display: none; } } #top .avia-post-nav.avia-post-prev .entry-info-wrap .entry-image:before, #top .avia-post-nav.avia-post-next .entry-info-wrap .entry-image:before { content:""; position: absolute; border-radius: 3000px !important; width: 589px !important; height: 320px !important; background-position: center !important; border: 0px solid rgba(var(--jhd_color_white),1.0) !important; opacity: 0.2; overflow: visible; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #top.jhd-single-post .avia-post-nav.avia-post-prev .entry-info-wrap .entry-image:before, #top.jhd-single-post .avia-post-nav.avia-post-next .entry-info-wrap .entry-image:before { background: radial-gradient(circle,rgba(var(--jhd_color_blue),0.0)0%,rgba(var(--jhd_color_blue),0.0)100%); } #top .avia-post-nav.avia-post-prev .entry-info-wrap .entry-image:before, #top .avia-post-nav.avia-post-next .entry-info-wrap .entry-image:before { background: radial-gradient(circle,rgba(var(--jhd_color_blue),0.0)0%,rgba(var(--jhd_color_blue),0.0)100%); } #top .avia-post-nav.avia-post-prev .entry-info-wrap:hover .entry-image:before, #top .avia-post-nav.avia-post-next .entry-info-wrap:hover .entry-image:before { opacity: 0.7; } /* ------------ ------------ ------------ lightbox - Popup Bildergalerie – bei WELLE derzeit mnicht in Gebrauch */ .mfp-bg { opacity: 1 !important; background: rgba(var(--jhd_color_white_ch),1.0) !important; background-size: 120% 120%; background-position: 0% 0%; } .mfp-content { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .mfp-figure { display: table; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .mfp-close, .mfp-close:before{ color: rgba(var(--jhd_color_blue),1.0) !important; opacity: 1 !important; } .mfp-close { position: fixed !important; top: 10px !important; right: 11px !important; width: 40px; height: 40px; text-align: center; border-radius: 100px; border: 0px solid red !important; line-height: 38px; padding: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size: 0px !important; -webkit-transform: scale(1.6,1.6) rotate(45deg) !important; transform: scale(1.6,1.6) rotate(45deg) !important; } .mfp-close:before { font-size: 32px !important; font-family: "Flaticon" !important; font-weight: bold; content: "\f112" !important; } .mfp-close:hover { -webkit-transform: scale(1.6,1.6) rotate(-45deg) !important; transform: scale(1.6,1.6) rotate(-45deg) !important; cursor: pointer !important; } @media only screen and (min-width: 1024px) { .mfp-close { top: 60px !important; right: 70px !important; } } .mfp-figure figure { display: table-cell; vertical-align: middle; text-align: center; } img.mfp-img { padding: 5% 8% 5% 8% !important; -webkit-transform: scale(1.6,1.6) !important; transform: scale(1.6,1.6) !important; } @media only screen and (min-width: 768px) { img.mfp-img { -webkit-transform: scale(1.2,1.2) !important; transform: scale(1.2,1.2) !important; } } @media only screen and (min-width: 1025px) { img.mfp-img { -webkit-transform: scale(1.1,1.1) !important; transform: scale(1.1,1.1) !important; } } @media only screen and (min-width: 1240px) { img.mfp-img { -webkit-transform: scale(1.0,1.0) !important; transform: scale(1.0,1.0) !important; } } .mfp-bottom-bar, .mfp-title, .mfp-counter { font-size: 15px !important; color: rgba(var(--jhd_color_blue),1.0) !important; font-family: 'TTNorms-Regular' !important; } .mfp-title { visibility: hidden; display: none; } .mfp-bottom-bar { padding-left: 24px; } .mfp-counter { padding-right: 24px !important; } @media only screen and (min-width: 901px) { .mfp-bottom-bar { padding-left: 30px; } .mfp-counter { padding-right: 30px !important; } } .responsive .mfp-arrow-right, .responsive .mfp-arrow-right:before, .responsive .mfp-arrow-left, .responsive .mfp-arrow-left:before { opacity: 1 !important; font-size: 2.6rem !important; color: rgba(var(--jhd_color_blue),1.0) !important; -webkit-transform: scale(1.0,1.0) !important; transform: scale(1.0,1.0) !important; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .responsive .mfp-arrow-right, .responsive .mfp-arrow-right:before { color: rgba(var(--jhd_color_blue),1.0) !important; } .responsive .mfp-arrow:hover:before { -webkit-transform: scale(1.2,1.2) !important; transform: scale(1.2,1.2) !important; } .mfp-arrow-left { position: fixed !important; top: 50% !important; left: -20px !important; } .mfp-arrow-right { position: fixed !important; top: 50% !important; right: -20px !important; } .mfp-arrow-left, .mfp-arrow-left:before { font-family: "Flaticon" !important; content: "\f199" !important; text-shadow: none !important } .mfp-arrow-right, .mfp-arrow-right:before { font-family: "Flaticon" !important; content: "\f1eb" !important; text-shadow: none !important } @media only screen and (min-width: 480px) { .mfp-arrow-left { left: -17px !important; } .mfp-arrow-right { right: -17px !important; } } @media only screen and (min-width: 901px) { .responsive .mfp-arrow, .responsive .mfp-arrow:before { } .mfp-arrow-left { left: -9px !important; } .mfp-arrow-right { right: -9px !important; } } /* ------------ ------------ ------------ Scroll Down Button */ .responsive #top .scroll-down-link, #top .scroll-down-link, .scroll-down-link { display: none; visibility: hidden; position: fixed !important; z-index: 99999 !important; left: 100%; margin-left: -72px !important; margin-bottom: px; bottom: 36px !important; width: 55px !important; height: 55px !important; border-color: rgba(var(--jhd_color_black),1.0) !important; border-radius: 30px; background:linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),0.2212),rgba(var(--jhd_color_grad_white),0.2212)); font-size: 2.3rem !important; text-align: center !important; color: rgba(var(--jhd_color_blue),0.999) !important; text-shadow: 0px 0px 0px rgba(var(--jhd_color_black),0.0); line-height: 56px; -webkit-tap-highlight-color: transparent; -webkit-animation: none !important; animation: none !important; } .responsive #top #portfolio_scroll.scroll-down-link, #top #portfolio_scroll .scroll-down-link {} .single.sect-cont .scroll-down-link:before, .home .scroll-down-link:before, .scroll-down-link:before { font-size: 2.3rem !important; line-height: 3.6rem !important; margin-left: -2px; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } @media only screen and (min-width: 1025px) { .scroll-down-link:hover { background:linear-gradient(78deg,rgba(var(--jhd_color_grad_white),0.0),rgba(var(--jhd_color_grad_white),0.0)) !important; } #disclaimer_scroll .scroll-down-link:hover:before, #topp_scroll .scroll-down-link:hover:before { position: absolute; font-family: 'TTNorms-Regular' !important; letter-spacing: normal !important; font-size: 1.8rem !important; content: 'weiter'; text-shadow: none; margin-left: -50px; margin-top: 0px !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); } } @media only screen and (min-width: 68px) { #topp_scroll .scroll-down-link.show, #disclaimer_scroll .scroll-down-link.show { display: block !important; visibility: visible !important; } } @media only screen and (min-width: 1025px) { .responsive #top .scroll-down-link.show, #top .scroll-down-link.show, .scroll-down-link.show { display: block !important; visibility: visible !important; } } @media only screen and (min-width: 480px) { .responsive #top .scroll-down-link, #top .scroll-down-link, .scroll-down-link { bottom: 12px !important; } } @media only screen and (min-width: 25px) and (min-height: 360px) { .responsive #top .scroll-down-link, #top .scroll-down-link { } } .scroll-down-link:hover{ color: rgba(var(--jhd_color_blue),0.999) !important; } /* ------------ ------------ ------------ Scroll Top Button */ #scroll-top-link { display: none; position: fixed !important; z-index: 999 !important; right: 18px !important; bottom: 12px !important; width: 55px !important; height: 55px !important; border: 0px solid linear-gradient(78deg,rgba(var(--jhd_color_grad_white),0.0),rgba(var(--jhd_color_grad_white),0.0)); border-radius: 30px; background:linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),0.3612),rgba(var(--jhd_color_grad_white),0.3612)); font-size: 2.3rem !important; line-height: 3.0rem !important; text-shadow: 0px 0px 3px rgba(var(--jhd_color_black),0.0); color: rgba(var(--jhd_color_black),1.0) !important; opacity: 1.0 !important; -webkit-tap-highlight-color: transparent; font-weight: bold !important; } @media only screen and (max-width: 767px) { #scroll-top-link { right: 10px !important; bottom: 8px !important; } } #scroll-top-link:hover { background:linear-gradient(78deg,rgba(var(--jhd_color_grad_white),0.0),rgba(var(--jhd_color_grad_white),0.0)); border: 0px solid linear-gradient(78deg,rgba(var(--jhd_color_grad_white),0.0),rgba(var(--jhd_color_grad_white),0.0)); } #scroll-top-link.portfolio_single, #scroll-top-link.show { display: block; } #scroll-top-link:before { -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; font-size: 2.3rem !important; margin-left: -1px !important; margin-top: -18px !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #scroll-top-link:hover:before{ font-family: 'TTNorms-Regular' !important; letter-spacing: normal !important; font-size: 2.0rem !important; content: 'top'; text-shadow: none; margin-left: -40px !important; margin-top: 0px !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #scroll-top-link.portfolio_single, #scroll-top-link.white { color: rgba(var(--jhd_color_blue),0.999) !important; ; } #scroll-top-link.portfolio_single:hover, #scroll-top-link.white:hover, #scroll-top-link:hover { color: rgba(var(--jhd_color_blue),0.999) !important; } /* ------------ ------------ ------------ Footer Widgets */ h3.widgettitle { display: inline-block !important; font-size: 1.0rem !important; font-family: 'TTNorms-Bold' !important; letter-spacing: normal !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-left: 3px; text-transform: none !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_white),1.0),rgba(var(--jhd_color_grad_white),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 12px; text-align: left !important; } h3.widgettitle span.normal { font-family: 'TTNorms-Light' !important; } .widget_text div.textwidget { margin-top: -6px !important; line-height: 1.9em !important; font-family: 'TTNorms-Regular' !important; letter-spacing: normal !important; } #top .content .flex_column section.widget_nav_menu li { border: none !important; } section.widget_nav_menu li.current-menu-item, section.widget_nav_menu li.current_page_item { background-color: rgba(var(--jhd_color_white_ch),0.0) !important; } .widget_text a, section.widget_nav_menu li a { display: block !important; font-family: 'TTNorms-Regular' !important; letter-spacing: normal !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; color: rgba(var(--jhd_color_white_ch),1.0); font-size: 1.0rem !important; line-height: 1.2rem !important; border: none !important; } section.widget_nav_menu li a {} section.widget_nav_menu li.behind, section.widget_nav_menu li.menu_inv_ { display: none; visibility: hidden; } section.widget_nav_menu .distance a { visibility: hidden !important; } section.widget_nav_menu a {} section.widget_nav_menu li.current-menu-item a, section.widget_nav_menu li.current_page_item a { color: rgba(var(--jhd_color_blue),1.0) !important; font-family: 'TTNorms-Light' !important; } .widget_text .textwidget a:hover, .widget_text .textwidget a:hover:before, section.widget_nav_menu li a:hover {} section.widget_nav_menu li.current-menu-item a:hover, section.widget_nav_menu li.current_page_item a:hover { text-decoration: none; cursor: default; } .widget_text div.textwidget p { font-size: 1.0rem !important; color: rgba(var(--jhd_color_white_ch),0.9) !important; margin-bottom: 0px; } #contact span.logo_address.bold, #topp span.logo_address.bold, .address.mlogo a span { font-family: 'TTNorms-Bold' !important; } #contact span.logo_address .light, #topp span.logo_address .light, .address.mlogo a span.light { font-family: 'TTNorms-Light' !important; } /* footer fix */ #contact, #footer-page, #footer-page .av-section-color-overlay-wrap { min-height: 102vh !important; } #footer-page .widget_text .textwidget a { color: rgba(var(--jhd_color_white),1.0); -webkit-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; text-decoration: none; text-indent: 35px; } #footer-page .widget_text .textwidget a:hover {} #footer-page .widget_text .textwidget .jhd_fweb:before, #footer-page .widget_text .textwidget .jhd_fmail:before, #footer-page .widget_text .textwidget .jhd_ftel:before { position: absolute; font-family: "entypo-fontello" !important; color: rgba(var(--jhd_color_white_ch),0.9) !important; } #footer-page .widget_text .textwidget .jhd_ftel:before { content: "\e854" !important; margin-left: -70px !important; font-size: 1.5rem !important; } #footer-page .widget_text .textwidget .jhd_fmail:before { content: "\e8b7" !important; margin-left: -73px !important; font-size: 1.5rem !important; } #footer-page .widget_text .textwidget .jhd_fweb:before { font-family: "flaticon" !important; margin-left: -71px !important; content: "\f25f" !important; font-size: 1.4rem !important; } @media only screen and (max-width: 767px) { .widget_media_gallery, .widget_text, .widget_nav_menu { text-align: left !important; } h3.widgettitle { font-size: 2.0rem !important; line-height: 2.0rem !important; text-align: left !important; } section.widget { padding: 0px !important; } section.widget .textwidget a, section.widget_nav_menu li a { float: none !important; width: 100% !important; margin: 0 auto !important; margin-top: 0px !important; padding: 10px 12px 10px 5px !important; border-radius: 0px; color: rgba(var(--jhd_color_white_ch),1.0); background:linear-gradient(60deg,rgba(var(--jhd_color_grad_blue),0.0),rgba(var(--jhd_color_grad_blue),0.0)) !important; border: 0px solid transparent !important; font-family: 'TTNorms-Medium' !important; text-align: left !important; font-size: 1.2rem !important; line-height: 1.5rem !important; white-space: nowrap; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } .widget .textwidget, section.widget_nav_menu li { -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } .widget .textwidget a, section.widget_nav_menu li a { } section.widget .textwidget p a:hover, section.widget_nav_menu li a:hover { color: rgba(var(--jhd_color_blue),1.0) !important; text-decoration: none; } #footer-page .widget_text .textwidget p a:hover:before, #footer-page .widget_text .textwidget p a:hover { color: rgba(var(--jhd_color_blue),1.0) !important; } section.widget .textwidget p a:hover, section.widget_nav_menu li a:hover { background:linear-gradient(60deg,rgba(var(--jhd_color_blue),0.0),rgba(var(--jhd_color_white),0.0)) !important; } section.widget_nav_menu li.current-menu-item a, section.widget_nav_menu li.current_page_item a, section.widget_nav_menu li.current-menu-item a:hover, section.widget_nav_menu li.current_page_item a:hover { border: 0px solid rgba(var(--jhd_color_white_ch),0.3212) !important; background-color: rgba(var(--jhd_color_blue),0.0) !important; font-family: 'TTNorms-Light' !important; } section.widget .textwidget a.telefon { width: auto !important; } .jhd-add-add { padding-bottom: 24px; padding-left: 4px !important; } } /* mo */ .jhd-add-add { color: rgba(var(--jhd_color_white_ch),1.0); } .jhd-add-desk { visibility: hidden; display: none; } @media only screen and (min-width: 768px) { .jhd-add-mob { visibility: hidden; display: none; } .jhd-add-desk { padding-top: 24px; visibility: visible; display: block; } .widget_text h3.widgettitle { margin-left: -0.1rem !important; font-size: 1.0rem !important; } .widget_text div.textwidget { margin-top: -10px !important; } .widget_text .textwidget p { line-height: 2.0rem !important; } .widget_text .textwidget p a, section.widget_nav_menu li a { font-size: 1.0rem !important; background:linear-gradient(60deg,rgba(var(--jhd_color_grad_white),0.0),rgba(var(--jhd_color_grad_white),0.0)); padding: 0.6rem 12px !important; margin-left: -10px; line-height: 1.2rem !important; border-radius: 0px; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; border: 0px solid rgba(var(--jhd_color_white),0.0) !important; width: auto !important; display: inline-block !important; } .widget_text .textwidget p a:hover, .widget_text .textwidget p a:hover:before, section.widget_nav_menu li a:hover { color: rgba(var(--jhd_color_blue),1.0) !important; } .widget_text .textwidget p a:hover, section.widget_nav_menu li a:hover { background:linear-gradient(60deg,rgba(var(--jhd_color_blue),0.2),rgba(var(--jhd_color_white),0.0),rgba(var(--jhd_color_white),0.0)) !important; border: 0px solid rgba(var(--jhd_color_white),0.2) !important; } section.widget_nav_menu li.current-menu-item a:hover { background:linear-gradient(60deg,rgba(var(--jhd_color_blue),0.0),rgba(var(--jhd_color_white),0.0),rgba(var(--jhd_color_white),0.0)) !important; border: 0px solid rgba(var(--jhd_color_white),0.0) !important; } .widget_text a.jhd_ftel { margin-top: 15px; } #footer-page .widget_text .textwidget p a.jhd_ftel:before { line-height: 1.2rem !important; } #footer-page .widget_text .textwidget p a.jhd_ffax:before { line-height: 1.2rem !important; } #footer-page .widget_text .textwidget p a.jhd_fmail:before { line-height: 1.3rem !important; } #footer-page .widget_text .textwidget p a.jhd_fweb:before { line-height: 1.3rem !important; } #footer-page .widget_text .textwidget p a:hover:before, #footer-page .widget_text .textwidget p a:hover { color: rgba(var(--jhd_color_blue),1.0) !important; } .jhd-add-desk a.jhd_ftel { } .jhd-add-desk a.jhd_ftel, .jhd-add-desk a.jhd_fmail, .jhd-add-desk a.jhd_fweb { padding-bottom: 0.7rem; } } /* ------------ ------------ ------------ Footer */ #footer-page .av-section-color-overlay-wrap { opacity: 1.0 !important; background: linear-gradient(78deg,rgba(var(--jhd_color_grad_black),1.0),rgba(var(--jhd_color_grad_blue),1.0)); } #footer-page .av-section-color-overlay { background-color: rgba(var(--jhd_color_grad_black),0.7); } #after_submenu, #footer_scroll, #footer, #socket {} #footer {} #footer, #socket { -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } #socket { margin-top: -50px !important; } #socket .container .sub_menu_socket { float: none !important; } #socket .container nav.sub_menu_socket ul li a, span.copyright a.link_jhd, span.copyright { font-size: 0.9rem !important; line-height: 1.0rem !important; } #socket .container nav.sub_menu_socket ul li a:hover {} /* ------------ ------------ ------------ Socket */ @media only screen and (max-width: 1024px) { #socket { display: block; height: 50px; background-color: rgba(var(--jhd_color_black),0.0) !important; } #socket .container { padding-top: 22px !important; padding-left: 0% !important; } nav.sub_menu_socket { display: none; visibility: hidden } nav.sub_menu_socket ul li { padding: 0px !important; } #socket .sub_menu_socket, .responsive #socket .sub_menu_socket { margin: 0 0 0 -0px !important; } nav.sub_menu_socket ul li a { padding-top: 6px !important; float: none !important; max-width: 281px !important; min-width: 281px !important; width: auto !important; margin: 0 auto !important; padding: 10px 12px 8px 12px !important; border-radius: 0px; color: rgba(var(--jhd_color_white_ch),1.0); background-color: rgba(var(--jhd_color_white_ch),0.412) !important; border: 0px solid transparent !important; font-family: 'TTNorms-Regular' !important; text-align: center; font-size: 0.9rem; line-height: 1.2rem; white-space: nowrap; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } nav.sub_menu_socket ul li { -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } nav.sub_menu_socket ul li a { margin-top: 6px !important; } nav.sub_menu_socket ul li a {} nav.sub_menu_socket ul li a:hover { text-decoration: none; border: 0px solid rgba(var(--jhd_color_white_ch),0.2212) !important; } nav.sub_menu_socket ul li a:hover { color: rgba(var(--jhd_color_blue),1.0) !important; } nav.sub_menu_socket { position: absolute; } nav.sub_menu_socket ul { width: 281px !important; margin: 0 auto !important; } nav.sub_menu_socket ul li { margin: 0 auto !important; } span.copyright { display: block !important; position: absolute !important; width: 100% !important; margin: 0 auto !important; padding-bottom: 0px !important; text-align: left; font-size: 0.9rem !important; color: rgba(var(--jhd_color_white_ch),0.6212) !important; } span.copyright a { color: rgba(var(--jhd_color_white_ch),0.6212) !important; } span.copyright a:hover { text-decoration: none; } span.copyright span.last-dot { display: none; } } /* mo */ @media only screen and (max-width: 1024px) { nav.sub_menu_socket ul { margin: 0 auto; } .responsive nav.sub_menu_socket { width: 96% !important; } } @media only screen and (min-width: 1025px) { #socket .container nav.sub_menu_socket ul li a, span.copyright a.link_jhd, span.copyright { font-size: 0.9rem !important; line-height: 0.9rem !important; color: rgba(var(--jhd_color_white_ch),0.6212) !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } #socket .container nav.sub_menu_socket ul li a:hover, span.copyright a.link_jhd:hover { background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_blue),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; } } #socket .container nav.sub_menu_socket ul.menu { margin-top: 0 !important; } #socket .container { width: 100% !important; max-width: 100% !important; padding: 0px 0px 0px 0px !important; padding-top: 22px !important; padding-left: 12px !important; } #socket .container .copyright {} @media only screen and (min-width: 768px) { #socket .container .copyright { } } @media only screen and (min-width: 1024px) { #socket .container { padding-top: 22px !important; padding-bottom: 2px !important; } #socket .container .copyright { } } /* Code Block, letzter div nach den Sektionen – muss sichtbar bleiben */ .av_default_container_wrap .content { min-height: 0px !important; height: 0px !important; border: 0px solid rgba(240,240,36,1) !important; padding: 0px !important; } .avia_codeblock_section, .code_block { position: fixed !important; bottom: 0px !important; border: 0px solid rgba(var(--jhd_color_blue),0.999) !important; min-height: 0px !important; height: 0px !important; } /* Linie unten in #after_section zu verbergen */ #contact + .container_wrap { border: 0px solid rgba(var(--jhd_color_blue),0.999) !important; } /* ------------ ------------ ------------ loading bar */ div#alobaidi-loading-bar { height: 4px !important } div#alobaidi-loading-bar div { background: linear-gradient(60deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_white),1.0)); } /* ------------ ------------ ------------ timeline – bei WELLE derzeit mnicht in Gebrauch */ #milestones {} #jhd_timeline {} @media only screen and (max-width: 767px) { #top #jhd_timeline ul.avia-timeline-vertical li { padding: 0 0 0 0px !important; } } #top #jhd_timeline ul.avia-timeline-vertical li {} #top #jhd_timeline .milestone_icon { height: 110px !important; width: 110px !important; line-height: 110px !important; box-sizing: border-box; color: rgba(var(--jhd_color_blue),1.0) !important; } @media only screen and (min-width: 990px) { #top #jhd_timeline .milestone_icon { } } #top #jhd_timeline h2.av-milestone-date {} #top #jhd_timeline h2.av-milestone-date strong, #top #jhd_timeline .av-milestone-contentbox h4 { display: inline-block; font-family: 'TTNorms-Bold' !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index: 9; } #top #jhd_timeline h2.av-milestone-date strong { font-size: 2.2rem !important; line-height: 4.6rem !important; text-align: center; } @media only screen and (max-width: 767px) { #top #jhd_timeline h2.av-milestone-date strong { width: 110px !important; } #top #main #jhd_timeline .av-milestone-icon-wrap {} #top #main #jhd_timeline .av-milestone-icon-wrap .milestone_icon {} #top #main #jhd_timeline .av-milestone-icon-wrap .milestone_icon span.milestone_inner { background-image:none !important; } } #top #jhd_timeline .av-milestone-content p { color: rgba(var(--jhd_color_black),1.0) !important; font-size: 1.061rem !important; line-height: 1.5001rem !important; } #top #jhd_timeline .av-milestone-content p strong { font-family: 'TTNorms-Bold' !important; } #top #jhd_timeline p.wp-caption-text { font-family: 'TTNorms-Regular' !important; font-size: 0.8rem !important; line-height: 1.2rem !important; font-style: normal; } #top #jhd_timeline .av-milestone-content img.kk { padding: 0px !important; margin-top: 24px !important; margin-bottom: 12px; border-radius: 300px !important; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_blue),1.0),rgba(var(--jhd_color_grad_black),1.0)); } @media only screen and (max-width: 767px) { #top #jhd_timeline .av-milestone-content #attachment_6277 { margin: 0 auto !important; } } #top #jhd_timeline .av-milestone-content #caption-attachment-6277 #top #jhd_timeline .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-icon-wrap {} /* ------------ ------------ ------------ accordion – bei WELLE derzeit mnicht in Gebrauch */ #faq {} #jhd_accordion { padding-top: 60px; } /* speed slide down */ .jhd-accordion .active_tc.toggle_wrap { display: none; } .jhd-accordion .togglecontainer {} .jhd-accordion .toggler { font-size: 1.1rem !important; line-height: 1.6rem !important; color: rgba(var(--jhd_color_black),1.0) !important; text-decoration: none; background-color: rgba(var(--jhd_color_black),0.0) !important; border-top: 1px solid rgba(var(--jhd_color_black),0.2212) !important; border-left: 1px solid rgba(var(--jhd_color_black),0.0) !important; border-bottom: 1px solid rgba(var(--jhd_color_black),1.0) !important; border-right: 1px solid rgba(var(--jhd_color_black),0.0) !important; padding: 12px 3px 12px 0px !important; border-bottom: 1px solid rgba(var(--jhd_color_black),0.0) !important; padding-right: 10% !important; } .jhd-accordion .toggler strong { font-family: 'TTNorms-Bold' !important; } .jhd-accordion .av_toggle_section:first-child .toggler { border-top: 1px solid rgba(var(--jhd_color_black),0.0) !important; } .jhd-accordion .toggler span.nowrap { display: inline-block; font-size: 1.1rem !important; line-height: 2.2rem !important; } .jhd-accordion.start .toggler {} .jhd-accordion span.toggle_icon {} .jhd-accordion div.toggle_content { padding: 0px 0px 0px 0px !important; } .jhd-accordion div.toggle_content p { font-size: 1.1rem !important; } .jhd-accordion div.toggle_content p strong {} .jhd-accordion .toggle_icon { margin-left: 3px !important; border: 0px !important; left: auto !important; right: 0px !important; } .jhd-accordion .toggle_icon .hor_icon, .jhd-accordion .toggle_icon .vert_icon { border-color: rgba(var(--jhd_color_black),1.0) !important; } .jhd-accordion .toggler:hover { color: rgba(var(--jhd_color_black),1.0) !important; -webkit-transition: all 360ms ease-in-out !important; -moz-transition: all 360ms ease-in-out !important; -o-transition: all 360ms ease-in-out !important; -ms-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; border-bottom: 1px solid rgba(var(--jhd_color_black),0.0) !important; } .jhd-accordion .toggler.activeTitle { padding-top: 12px !important; } .jhd-accordion .toggler.activeTitle .normal, .jhd-accordion .toggler.activeTitle sup, .jhd-accordion .toggler.activeTitle strong, .jhd-accordion .toggler.activeTitle span.nowrap, .jhd-accordion .toggler.activeTitle { color: rgba(var(--jhd_color_blue),1.0) !important; border-bottom: 1px solid rgba(var(--jhd_color_black),0.0) !important; } .jhd-accordion .toggler.activeTitle strong { font-family: 'TTNorms-Bold' !important; } .jhd-accordion .toggler:hover > .toggle_icon .hor_icon, .jhd-accordion .toggler:hover > .toggle_icon .vert_icon { border-color: rgba(var(--jhd_color_blue),1.0) !important; } .jhd-accordion .toggler.activeTitle .toggle_icon .hor_icon, .jhd-accordion .toggler.activeTitle .toggle_icon .vert_icon { border-color: rgba(var(--jhd_color_blue),1.0) !important; } .jhd-accordion .toggle_content .normal, .jhd-accordion .toggle_content sup, .jhd-accordion .toggle_content strong, .jhd-accordion .toggle_content span.nowrap, .jhd-accordion .toggle_content p, .jhd-accordion .toggle_content { color: rgba(var(--jhd_color_blue),1.0) !important; background-color: rgba(var(--jhd_color_blue_deep),0.0) !important; border: 1px solid color: rgba(var(--jhd_color_black),0.0) !important; margin-bottom: 12px !important; line-height: 1.6rem !important; } .jhd-accordion .toggle_content strong { font-family: 'TTNorms-Bold' !important; } .jhd-accordion .toggle_content h3 { padding-top: 24px !important; max-width: 879px; } .jhd-accordion .toggle_content p { max-width: 879px; } .jhd-accordion .toggle_content a { color: rgba(var(--jhd_color_black),1.0) !important; text-decoration: underline !important; } .jhd-accordion .image-overlay .image-overlay-inside:before { background: rgba(var(--jhd_color_black),0.0) !important; background: rgba(var(--jhd_color_black),0.0) !important; border-radius: 0px !important; color: rgba(var(--jhd_color_black),1.0) !important; } .jhd-accordion .toggler:focus { outline: none !important; } /* ------------ ------------ ------------ homepage */ #topp .av-section-color-overlay {} #jhd_start_introlinks_wrap { transition: visibility 0s 0.36s, opacity 0.36s linear; opacity: 0; } #jhd_start_introlinks_wrap.show { opacity: 1; } #jhd_start_introlinks_wrap .intro_links p { text-align: center !important; } #jhd_start_introlinks_wrap .intro_links p a { padding-top: 6px !important; display: inline-block; margin: 0 auto !important; width: auto; margin-top: 6px; margin-right: 0px !important; padding: 10px 32px 8px 12px !important; border-radius: 0px; background-color: rgba(var(--jhd_color_white_ch),0.0) !important; font-family: 'TTNorms-Regular' !important; font-size: 1.0rem; line-height: 1.2rem; color: rgba(var(--jhd_color_blue),1.0) !important; white-space: nowrap; border: 0px solid rgba(var(--jhd_color_black),0.2121) !important; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #jhd_start_introlinks_wrap .intro_links a.text-link.more-info { } @media only screen and (min-width: 768px) { #jhd_start_introlinks_wrap .intro_links p a {} } /* ------------ ------------ ------------ homepage header hero */ #welle_logo_start a.avia_image .image-overlay { display: none !important; } #welle_logo_start { margin: 0 auto; width: 88vw; max-width: 777px; padding-top: 4vh; } @media only screen and (max-width: 540px) { #welle_logo_start { } } /* hf */ @media (max-aspect-ratio: 1.00000009/1) { #welle_logo_start { } } /* qf */ @media (min-aspect-ratio: 1.0000001/1) { #welle_logo_start { } } @media only screen and (min-width: 1025px) { #welle_logo_start { } } @media only screen and (min-width: 900px) and (min-height: 900px) { #welle_logo_start { } } @media only screen and (min-width: 1240px) and (min-height: 800px) { #welle_logo_start { } } #welle_claim_start a.avia_image .image-overlay { display: none !important; } #jhd_start_introtext { padding-top: 4vh; padding-left: 3%; text-align: center; width: 88vw; max-width: 777px; margin: 0 auto !important; } @media only screen and (min-width: 1240px) { #jhd_start_introtext { max-width: 900px; } } #jhd_start_introtext h2 {} @media (orientation:landscape) and (min-width: 700px) and (min-height: 600px) { #jhd_start_introtext h2 { font-size: 4.4vw !important;/* IE9 fallback */ font-size: 4.4vmin !important; line-height: 5.4vw !important; line-height: 5.4vmin !important; } } #welle_claim_start {} @media only screen and (max-width: 540px) { #welle_claim_start { } } /* hf */ @media (max-aspect-ratio: 1.00000009/1) { #welle_claim_start { } } /* qf */ @media (min-aspect-ratio: 1.0000001/1) { #welle_claim_start { } } @media only screen and (min-width: 1025px) { #welle_claim_start { } } @media only screen and (min-width: 900px) and (min-height: 900px) { #welle_claim_start { } } @media only screen and (min-width: 1900px) and (min-height: 800px) { #welle_claim_start { } } /* ------------ ------------ ------------ masonry – bei WELLE derzeit mnicht in Gebrauch */ .jhd-masonry-gallery { z-index: 0 !important; margin-bottom: 60px !important; } #top.jhd-single .jhd-masonry-gallery { padding-top: 60px !important; } .jhd-masonry-gallery .av-masonry { background-color: rgba(var(--jhd_color_blue),0.0) !important; } .jhd-col-masonry-text-ug { padding-top: 24px; } .jhd-col-masonry-text-ug .avia_textblock { max-width: 900px; text-align: center; margin: 0 auto !important; } @media only screen and (max-width: 1024px) { .jhd-masonry-gallery .av-masonry-image-container:hover, .jhd-masonry-gallery .av-masonry-image-container { -webkit-transform: scale(1.0,1.0) !important; transform: scale(1.0,1.0) !important; } } /* ------------ ------------ ------------ Link More Info Button unter Text */ .text-link-wrap { text-align: left; } .jhd-cell-text .text-link-wrap { text-align: left; margin-right: 4% !important; margin-left: 2% !important; } @media only screen and (min-width: 768px) { #top .jhd-cell-text .text-link-wrap { padding-top: 0px !important; padding-bottom: 0px !important; } } @media only screen and (min-width: 1024px) { #top .jhd-cell-text .text-link-wrap { max-width: 580px !important; margin-right: 40px !important; margin-left: 40px !important; } } a.text-link.more-info { display: inline-block; margin: 6px 12px 12px 0px !important; line-height: 1.25rem; color: rgba(var(--jhd_color_blue),1.0) !important; text-decoration: none; margin-top: 36px !important; font-size: 1.05rem; } #topp a.text-link.more-info { visibility: hidden !important; display: none !important; } a.text-link.more-info:after { position: absolute; font-family: "Flaticon"; content: "\f1eb"; font-size: 0.7rem; margin: 0px 0px 0px 9px; } a.text-link.same:after, #topp a.text-link.more-info:after { position: absolute; font-family: "Flaticon"; content: "\f159"; font-size: 0.9rem; margin: 0px 0px 0px 9px; } #topp a.text-link.more-info { margin-top: 36px !important; } a.text-link.more-info:hover, #topp a.text-link.more-info:hover { color: rgba(var(--jhd_color_blue_deep),1.0) !important; } @media only screen and (max-width: 767px) { .text-link-wrap { } } @media only screen and (max-width: 1024px) { .text-link-wrap { margin-left: -5px !important; } a.text-link.more-info { display: inline-block; float: none !important; width: 100% !important; text-decoration: none; padding: 10px 32px 8px 12px !important; border-radius: 0px; color: rgba(var(--jhd_color_blue),1.0) !important; border: 0px solid rgba(var(--jhd_color_blue),1.0) !important; font-family: 'TTNorms-Bold' !important; font-size: 1.0rem; white-space: nowrap; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; margin: 9px 12px 0px 0px !important; } a.text-link.more-info:hover, #topp a.text-link.more-info:hover { } } /* ------------ ------------ ------------ ------------ ------------ ------------ page Contact cccccc */ .jhd_txt.cont_rub {} .scrm_colall.jhd_txt.single_header.person {} .avia-section.jhd_intro.person {} .jhd_intro .jhd_txt.after_single_header {} .scrm_colall.jhd_txt.single_header {} .jhd_txt.person_single { margin-top: 12px; padding-top: 0px; margin-bottom: 24px; } .avia-section .jhd_txt.person_single .av_textblock_section::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; } .off__avia-section.white .jhd_txt.person_single::after { content: ""; position: absolute; z-index: 0; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(60deg,rgba(var(--jhd_color_white_ch),1.0),rgba(var(--jhd_color_grad_blue),0.36)); } .avia-section.white .jhd_txt.person_single img {} .avia-section .jhd_txt.person_single, .jhd-cell-text .jhd_txt.person_single, .avia-section.white .jhd_txt.person_single { background: linear-gradient(60deg,rgba(var(--jhd_color_white_ch),1.0),rgba(var(--jhd_color_grad_blue),0.36)); } .avia-section.black { background-color: rgba(var(--jhd_color_blue),0.2) !important; } .avia-section.even, .avia-section.white { } .avia-section.grey { background-color: rgba(var(--jhd_color_white_ch),0.0) !important; } .jhd-cell-text .jhd_txt.person_single, .avia-section.grey .jhd_txt.person_single {} .jhd_txt.person_single.chief {} .jhd_txt.person_single .avia-image-container img {} .jhd-jobs .jhd_txt.person_single { margin-top: 18px; } @media only screen and (min-width: 768px) { .jhd_txt.person_single {} } @media only screen and (min-width: 1024px) { .jhd_txt. { padding-top: 0px; } } .jhd_txt.person_single .jhd_acc { padding-bottom: 120px; } @media only screen and (max-width: 767px) { .jhd_txt.person_single .jhd_acc { padding-bottom: 120px; } } .jhd_txt.person_single .av_textblock_section { margin: 12px; } .jhd_txt.person_single h4.jhd_pers { margin-bottom: 0px; } .jhd_txt.person_single p { margin-top: 0.0rem !important; } .jhd_txt.person_single span.jhd_lang, .jhd_txt.person_single span.jhd_pos { display: block; font-size: 1.0rem !important; margin-bottom: -12px; } .jhd_txt.person_single span.jhd_lang { margin-left: 30px; } .jhd_txt.person_single span.jhd_pos {} /* ------------ ------------ ------------ Text Kontakt Infos */ .avia_textblock p a.jhd_fax, .avia_textblock p a.jhd_web, .avia_textblock p a.jhd_mob, .avia_textblock p a.jhd_tel, .avia_textblock p a.jhd_mail, .jhd-grid-text a.jhd_fax, .jhd-grid-text a.jhd_web, .jhd-grid-text a.jhd_mob, .jhd-grid-text a.jhd_tel, .jhd-grid-text a.jhd_mail, .jhd_txt.person_single a.jhd_fax, .jhd_txt.person_single a.jhd_web, .jhd_txt.person_single a.jhd_mob, .jhd_txt.person_single a.jhd_tel, .jhd_txt.person_single a.jhd_mail { font-size: 1.12rem !important; } .avia_textblock p a.jhd_fax, .avia_textblock p a.jhd_web, .avia_textblock p a.jhd_mob, .avia_textblock p a.jhd_tel, .avia_textblock p a.jhd_mail, .jhd-grid-text a.jhd_web, .jhd-grid-text a.jhd_fax, .jhd-grid-text a.jhd_mob, .jhd-grid-text a.jhd_tel, .jhd-grid-text a.jhd_mail, .jhd_txt.person_single a { -webkit-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; text-decoration: none; margin-left: 30px; color: rgba(var(--jhd_color_blue),1.0) !important; } .jhd_txt.person_single a:hover { color: rgba(var(--jhd_color_blue_deep),1.0) !important; } .avia_textblock p a.jhd_fax:hover, .avia_textblock p a.jhd_web:hover, .avia_textblock p a.jhd_mob:hover, .avia_textblock p a.jhd_tel:hover, .avia_textblock p a.jhd_mail:hover { color: rgba(var(--jhd_color_blue_deep),1.0) !important; } .avia_textblock p .jhd_fax:before, .avia_textblock p .jhd_web:before, .avia_textblock p .jhd_mob:before, .avia_textblock p .jhd_lang:before, .avia_textblock p .jhd_tel:before, .avia_textblock p .jhd_mail:before, .jhd-grid-text .jhd_fax:before, .jhd-grid-text .jhd_web:before, .jhd-grid-text .jhd_mob:before, .jhd-grid-text .jhd_lang:before, .jhd-grid-text .jhd_mail:before, .jhd-grid-text .jhd_tel:before, .jhd_txt.person_single .jhd_fax:before, .jhd_txt.person_single .jhd_web:before, .jhd_txt.person_single .jhd_mob:before, .jhd_txt.person_single .jhd_lang:before, .jhd_txt.person_single .jhd_mail:before, .jhd_txt.person_single .jhd_tel:before { content: ""; position: absolute; display: inline-block !important; margin-left: -30px !important; font-family: "entypo-fontello" !important; color: rgba(var(--jhd_color_black),1.0) !important; font-size: 1.2rem !important; } .avia_textblock p .jhd_mob:before, .jhd-grid-text .jhd_mob:before, .jhd_txt.person_single .jhd_mob:before { margin-left: -27px !important; } .avia_textblock p .jhd_tel:before, .jhd-grid-text .jhd_tel:before, .jhd_txt.person_single .jhd_tel:before { margin-top: -2px !important; } .avia_textblock p .jhd_fax:before, .avia_textblock p .jhd_web:before, .avia_textblock p .jhd_mob:before, .avia_textblock p .jhd_tel:before, .avia_textblock p .jhd_mail:before, .jhd-grid-text span.jhd_fax:before, .jhd-grid-text span.jhd_web:before, .jhd-grid-text span.jhd_mob:before, .jhd-grid-text span.jhd_mail:before, .jhd-grid-text span.jhd_tel:before, .jhd_txt.person_single span.jhd_fax:before, .jhd_txt.person_single span.jhd_web:before, .jhd_txt.person_single span.jhd_mob:before, .jhd_txt.person_single span.jhd_mail:before, .jhd_txt.person_single span.jhd_tel:before { content: ""; position: absolute; display: inline-block !important; margin-left: 0px; font-family: "entypo-fontello" !important; color: rgba(var(--jhd_color_black),1.0) !important; font-size: 1.2rem !important; } .avia_textblock p .jhd_tel:before, .jhd-grid-text .jhd_tel:before, .jhd_txt.person_single .jhd_tel:before { content: "\e854" !important; } .avia_textblock p .jhd_mob:before, .jhd-grid-text .jhd_mob:before, .jhd_txt.person_single .jhd_mob:before { content: "\e8ac" !important; } .avia_textblock p .jhd_mail:before, .jhd-grid-text .jhd_mail:before, .jhd_txt.person_single .jhd_mail:before { content: "\e8b7" !important; } .avia_textblock p .jhd_lang:before, .jhd-grid-text .jhd_lang:before, .jhd_txt.person_single .jhd_lang:before { content: "\e83c" !important; } .avia_textblock p .jhd_fax:before, .jhd-grid-text .jhd_fax:before, .jhd_txt.person_single .jhd_fax:before { content: "\e838" !important; margin-top: -2px !important; margin-left: -31px !important; } .avia_textblock p .jhd_web:before, .jhd-grid-text .jhd_web:before, .jhd_txt.person_single .jhd_web:before { content: "\e8ad" !important; } #top .avia_textblock.scrm_person_txt.jhd_centerr h2 { display: inline-block; background-image: linear-gradient(78deg,rgba(var(--jhd_color_grad_black),1.0),rgba(var(--jhd_color_grad_blue),1.0)) !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* ------------ ------------ ------------ Grid Kontakt Infos */ div .av_one_third.jhd_txt.person, div .av_one_third.jhd_txt.person.first { margin-left: 0% !important; width: 100% !important; } @media only screen and (min-width: 660px) { div .av_one_third.jhd_txt.person, div .av_one_third.jhd_txt.person.first { margin-left: 0.2% !important; width: 49.8% !important; } body div .av_one_third.jhd_txt.person.first { margin-left: 0; clear: none !important; } } @media only screen and (min-width: 960px) { div .av_one_third.jhd_txt.person, div .av_one_third.jhd_txt.person.first { margin-left: 0.2% !important; width: 33.133333333333332% !important; } } /* ------------ ------------ ------------ Stellenangebote Jobs Blog-Entry-Slider */ #jobs_content { z-index: 10 !important; } #jobs_content .container .content { padding-top: 0px !important; padding-bottom: 50px !important; z-index: 100 !important; } #section_jobs_posts .container { width: 100% !important; } .avia-content-slider.jobs {} .avia-content-slider .slide-entry-wrap { margin-bottom: 0px !important; margin-bottom: 0.1% !important; } .avia-content-slider.jobs .slide-image { display: none !important; } .avia-content-slider.jobs .slide-entry { margin-left: 0% !important; width: 100% !important; } @media only screen and (min-width: 768px) { .avia-content-slider.jobs .slide-entry { width: 49.9% !important; padding: 0px !important; margin-left: 0.1% !important; } } .avia-content-slider.jobs .slide-entry { border-bottom: 0px solid rgba(var(--jhd_color_black),0.0) !important; } .avia-content-slider.jobs .slide-entry-excerpt, .avia-content-slider.jobs .slide-entry a { display: block; background: linear-gradient(60deg,rgba(var(--jhd_color_white_ch),1.0),rgba(var(--jhd_color_grad_blue),0.36)); background: linear-gradient(60deg,rgba(var(--jhd_color_white_ch),0.0),rgba(var(--jhd_color_grad_blue),0.36)); width: 100% !important; height: 100% !important; min-height: 120px !important; padding: 12px !important; color: rgba(var(--jhd_color_black),1.0) !important; text-align: left !important; text-transform: none; line-height: normal !important; font-family: 'TTNorms-Bold' !important; font-size: 1.2rem !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } .avia-content-slider.jobs .slide-entry-excerpt { color: rgba(var(--jhd_color_black),1.0) !important; } @media only screen and (min-width: 768px) { .avia-content-slider.jobs .slide-entry { border-right: 0px solid rgba(var(--jhd_color_black),0.0) !important; } .avia-content-slider.jobs .slide-entry a { } } @media only screen and (min-width: 810px) { .avia-content-slider.jobs .slide-entry a { } } @media only screen and (min-width: 990px) { .avia-content-slider.jobs .slide-entry a { } } .off__avia-content-slider.jobs .slide-entry a:before { left: 0px; bottom: 0.11rem; font-size: 2.4rem !important; position: absolute; font-family: "entypo-fontello" !important; } .avia-content-slider.jobs .slide-entry a:hover > .avia-content-slider.jobs .slide-entry a:before, .avia-content-slider.jobs .slide-entry a:hover { background: rgba(var(--jhd_color_blue),0.5); } .responsive #top #wrap_all .avia-content-slider.jobs .flex_column { margin-bottom: 0px !important; } .jhd-hr-distance { height: 12px !important; } .jhd-page-info { display: none; visibility: hidden; } .slide-content:before { content: ""; position: absolute; z-index: -1 !important; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-image: url(https://welle.website/wp-content/uploads/2022/06/welle-web-hg-02.svg); background-position: 50% 50%; background-attachment: scroll; background-size: cover; opacity: 0.0 !important; -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } .slide-content:hover:before { opacity: 0.2 !important; } /* ------------ ------------ ------------ Maps Google */ .jhd-map-desktop { z-index: 2; } div .av_one_third.jhd-col-map-mobil, div .av_one_third.jhd-col-map-mobil.first { margin-left: 0% !important; width: 100% !important; margin-top: 24px !important; } .flex_column.empty { visibility: hidden; display: none; } @media only screen and (min-width: 660px) { div .av_one_third.jhd-col-map-mobil, div .av_one_third.jhd-col-map-mobil.first { margin-left: 0.2% !important; width: 49.8% !important; } body .unit.alpha, body .units.alpha {} body div .av_one_third.jhd-col-map-mobil.first { margin-left: 0; clear: none !important; } } @media only screen and (min-width: 960px) { div .av_one_third.jhd-col-map-mobil, div .av_one_third.jhd-col-map-mobil.first { margin-left: 0.2% !important; width: 33.133333333333332% !important; } .flex_column.empty { visibility: visible; display: block; } body div .av_one_third.jhd-col-map-mobil.first { clear: left !important; } } .jhd-sec-map-mobil, .jhd-sec-map-desktop, .jhd-col-map-mobil .jhd-map-address {} .jhd-map-address {} .jhd-col-map-mobil { background: linear-gradient(60deg,rgba(var(--jhd_color_white_ch),0.1),rgba(var(--jhd_color_grad_blue),0.36)); } .jhd-sec-map-mobil .av_textblock_section { margin: 0px 12px 0px 12px; } .jhd-map-mobil, .jhd-map-desktop { visibility: hidden; display: none; } @media only screen and (max-width: 1279px) { .jhd-map-mobil { visibility: visible; display: block; } } @media only screen and (min-width: 1280px) { .jhd-map-desktop { visibility: visible; display: block; } } .off__jhd-sec-map-main { margin-top: 0px; margin-left: 0% !important; margin-bottom: 0% !important; margin-right: 0% !important; } div .jhd-col-map-main { margin-top: 0% !important; margin-left: 0% !important; margin-bottom: 0% !important; margin-right: 0% !important; } .jhd-sec-map-main .content { padding-top: 0px; padding-bottom: 0px; background: linear-gradient(60deg,rgba(var(--jhd_color_white_ch),1.0),rgba(var(--jhd_color_grad_blue),0.36)); } .jhd-col-map-address-main { margin-left: 0% !important; width: 100% !important; } .jhd-col-map-main { margin-left: 0% !important; width: 100% !important; } @media only screen and (min-width: 660px) { .jhd-col-map-address-main { } .jhd-col-map-main { } } @media only screen and (min-width: 960px) { .jhd-col-map-address-main { margin-left: 0% !important; width: 33.333333333333332% !important; } .jhd-col-map-main { margin-left: 0% !important; width: 66.66666666666666% !important; } } .jhd-col-map-mobil-main {} .jhd-map-main {} .jhd-map-main.mob, .jhd-map-main.desk { visibility: hidden; display: none; } @media only screen and (max-width: 659px) { .jhd-map-main.mob { visibility: visible; display: block; } } @media only screen and (min-width: 660px) { .jhd-map-main.desk { visibility: visible; display: block; } } .jhd-map-address-main { margin: 0px 12px 0px 12px; } /* ------------ ------------ ------------ jh:d construction */ #top .container .av-flex-placeholder {} #top .av_textblock_section__, #top .flex_cell, #top .container, #top .flex_column__ {} #top #sub_menu1 .container {} #top .flex_cell_inner {} .av-flex-placeholder {} #top .container .content, #top .avia_textblock_ {} .jhd_txt.person_single .avia-image-container.platzhalter:after { content: "Platzhalter-Bild"; position: absolute; left: 6%; top: 6%; display: inline-block !important; color: rgba(var(--jhd_color_red),0.5) !important; font-size: 1.0rem !important; font-family: 'TTNorms-Italic' !important; } #topp_gradient:before, #topp_img:before { position: absolute; left: 2%; top: 50px; display: inline-block !important; color: rgba(var(--jhd_color_red),0.5) !important; font-size: 1.0rem !important; font-family: 'TTNorms-Italic' !important; } #topp_img.hideb:before, #topp_gradient.hideb:before { opacity: 0; } .jhd-construction-infos { visibility: hidden !important; display: none !important; } .jhd-construction-infos.avia_textblock p { color: rgba(var(--jhd_color_red),0.6) !important; font-family: 'TTNorms-Italic' !important; } @media only screen and (min-width: 768px) { .jhd-construction-infos { display: block !important; visibility: visible !important; } } #off__top .avia-section.white.grey::before { content: ""; position: absolute; width: 150%; height: 150%; background-repeat: no-repeat; background-image: url(https://welle.website/wp-content/uploads/2022/06/welle-web-hg-01.svg); background-position: 50% 50%; background-attachment: scroll; background-size: cover; opacity: 0.2 !important; } #grid-was-ist-welle {} @media only screen and (min-width: 2200px) { #grid-was-ist-welle { } } #grid-was-ist-welle .flex_cell { background-image: linear-gradient(60deg,rgba(var(--jhd_color_grad_blue),0.0),rgba(var(--jhd_color_grad_white),0.0)) !important; } #off__jhd-hze::before, .flex_cell.jhd-cell-text::before{ -webkit-transition: all 360ms ease-in-out !important; transition: all 360ms ease-in-out !important; } /* ------------ ------------ ------------ Hintergründe Wellen */ /* Home Intro */ #top #grid-was-ist-welle::before, #top .av-layout-grid-container.welle::before, #top .avia-section.welle::before, #top .jhd-single-raster.welle::before, #top .avia-section.welle::before { content: ""; position: absolute; width: 100vw !important; height: 135vh !important; z-index: 0 !important; background-repeat: no-repeat; background-image: url(https://welle.website/wp-content/uploads/2022/06/welle-web-hg-02-odd.svg) !important; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #off___socket_welle::before { content: ""; position: absolute; width: 100% !important; height: 135% !important; margin-top: -50% !important; z-index: 0 !important; background-repeat: no-repeat; background-image: url(https://welle.website/wp-content/uploads/2022/06/welle-web-hg-02-odd.svg) !important; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #top .av-layout-grid-container.welle.two::before, #top .avia-section.welle.two::before, #top .jhd-single-raster.welle.two::before, #top .avia-section.welle.two::before { content: ""; position: absolute; width: 100vw !important; height: 135vh !important; z-index: 0 !important; background-repeat: no-repeat; opacity: 1.0 !important; background-image: url(https://welle.website/wp-content/uploads/2022/06/welle-web-hg-02-even.svg) !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Fachbereiche */ #top .jhd-single-raster.welle::before, #top .jhd-single-raster.welle.two::before { margin-top: -20vh !important; } #top.jhd-home .jhd-single-raster.welle::before, #top.jhd-home .jhd-single-raster.welle.two::before, #top.fb-fachbereiche .jhd-single-raster.welle::before, #top.fb-fachbereiche .jhd-single-raster.welle.two::before { margin-top: -10vh !important; } #top.jhd-jobs .avia-section.welle.two::before { margin-top: -20vh !important; } #top.jhd-fbs #kontakt::before, #top.jhd-fbs .av-layout-grid-container.welle::before { margin-top: -25vh !important; } #top .avia-section.welle::before { margin-top: -35vh !important; } #top.fb-ggmbh .avia-section.welle::before, #top.fb-ggmbh .avia-section.welle.two::before { margin-top: -54vh !important; } #off__contact {} #socket_welle {} /* Trauma & Stadtteil */ #top.jhd-fbs .av-layout-grid-container.welle::before { margin-top: -50vh !important; } #top.jhd-fbs .av-layout-grid-container.welle.two::before { margin-top: -50vh !important; } /* Home */ #top #grid-was-ist-welle::before { margin-top: -55vh !important; } #top.jhd-stellen .avia-section.welle.two::before { margin-top: -90vh !important; } #top.jhd-jobs .jobcon.welle.odd::before { margin-top: -55vh !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ sections colors */ @media only screen and (min-width: 768px) { .avia-section.welle.odd::before, .avia-section.welle.odd.two::before {} } .scrm_secall.white.jhd-zindex {} #top .flex_cell.av_one_full.jhd-cell-pict {} /* ------------ ------------ ------------ ------------ ------------ ------------ sections colors */ @media (hover: none) { a:hover { color: inherit; } }