/* ------------ ------------ ------------ ------------ ------------ ------------ Theme Name: Theme Theme URI: www.kriesi.at/themes/enfold/ Template: enfold License: Themeforest Split Licence License URI: - Text Domain: Theme */ /* ------------ ------------ ------------ ------------ ------------ ------------ @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-ExtraBold';src: url('webfonts/3426E9_0_0.eot');src: url('webfonts/3426E9_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_0_0.woff2') format('woff2'),url('webfonts/3426E9_0_0.woff') format('woff'),url('webfonts/3426E9_0_0.ttf') format('truetype');} @font-face {font-family: 'TTNorms-BoldItalic';src: url('webfonts/3426E9_1_0.eot');src: url('webfonts/3426E9_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_1_0.woff2') format('woff2'),url('webfonts/3426E9_1_0.woff') format('woff'),url('webfonts/3426E9_1_0.ttf') format('truetype');} @font-face {font-family: 'TTNorms-Black';src: url('webfonts/3426E9_2_0.eot');src: url('webfonts/3426E9_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_2_0.woff2') format('woff2'),url('webfonts/3426E9_2_0.woff') format('woff'),url('webfonts/3426E9_2_0.ttf') format('truetype');} @font-face {font-family: 'TTNorms-BlackItalic';src: url('webfonts/3426E9_3_0.eot');src: url('webfonts/3426E9_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_3_0.woff2') format('woff2'),url('webfonts/3426E9_3_0.woff') format('woff'),url('webfonts/3426E9_3_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: 'TTNorms-ExtraBoldItalic';src: url('webfonts/3426E9_5_0.eot');src: url('webfonts/3426E9_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_5_0.woff2') format('woff2'),url('webfonts/3426E9_5_0.woff') format('woff'),url('webfonts/3426E9_5_0.ttf') format('truetype');} @font-face {font-family: 'TTNorms-ExtraLightItalic';src: url('webfonts/3426E9_6_0.eot');src: url('webfonts/3426E9_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_6_0.woff2') format('woff2'),url('webfonts/3426E9_6_0.woff') format('woff'),url('webfonts/3426E9_6_0.ttf') format('truetype');} @font-face {font-family: 'TTNorms-ExtraLight';src: url('webfonts/3426E9_7_0.eot');src: url('webfonts/3426E9_7_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_7_0.woff2') format('woff2'),url('webfonts/3426E9_7_0.woff') format('woff'),url('webfonts/3426E9_7_0.ttf') format('truetype');} @font-face {font-family: 'TTNorms-HeavyItalic';src: url('webfonts/3426E9_8_0.eot');src: url('webfonts/3426E9_8_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_8_0.woff2') format('woff2'),url('webfonts/3426E9_8_0.woff') format('woff'),url('webfonts/3426E9_8_0.ttf') format('truetype');} @font-face {font-family: 'TTNorms-Heavy';src: url('webfonts/3426E9_9_0.eot');src: url('webfonts/3426E9_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_9_0.woff2') format('woff2'),url('webfonts/3426E9_9_0.woff') format('woff'),url('webfonts/3426E9_9_0.ttf') format('truetype');} @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-LightItalic';src: url('webfonts/3426E9_C_0.eot');src: url('webfonts/3426E9_C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_C_0.woff2') format('woff2'),url('webfonts/3426E9_C_0.woff') format('woff'),url('webfonts/3426E9_C_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-MediumItalic';src: url('webfonts/3426E9_E_0.eot');src: url('webfonts/3426E9_E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_E_0.woff2') format('woff2'),url('webfonts/3426E9_E_0.woff') format('woff'),url('webfonts/3426E9_E_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-Thin';src: url('webfonts/3426E9_10_0.eot');src: url('webfonts/3426E9_10_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_10_0.woff2') format('woff2'),url('webfonts/3426E9_10_0.woff') format('woff'),url('webfonts/3426E9_10_0.ttf') format('truetype');} @font-face {font-family: 'TTNorms-ThinItalic';src: url('webfonts/3426E9_11_0.eot');src: url('webfonts/3426E9_11_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3426E9_11_0.woff2') format('woff2'),url('webfonts/3426E9_11_0.woff') format('woff'),url('webfonts/3426E9_11_0.ttf') format('truetype');} /* ------------ ------------ ------------ ------------ ------------ ------------ CSS by jh:designer / www.jochenhilmer.de / mail@jochenhilmer.de start */ /* ------------ ------------ ------------ ------------ ------------ ------------ basic */ body {} #main { background: rgba(0,0,0,1.0) !important; } #wrap_all { /* issue enfold mobile menu */ min-width: 320px; position: relative !important; } .container { max-width: 1300px !important; } body.preload {} .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ scrollbar */ ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { background: rgba(255,255,255,1.0); } ::-webkit-scrollbar-thumb { background: rgba(8,8,8,1.0); } ::-moz-scrollbar { width: 12px; height: 12px; } ::-moz-scrollbar-track { background: rgba(255,255,255,1.0); } ::-moz-scrollbar-thumb { background: rgba(8,8,8,1.0); } /* ------------ ------------ ------------ ------------ ------------ ------------ text selection */ ::selection { background: rgba(53,53,255,1.0) !important; color: rgba(0,0,0,1.0) !important; } ::-moz-selection { background: rgba(53,53,255,1.0) !important; color: rgba(0,0,0,1.0) !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ font basics */ html { font-size:16px; font-size:100%; } * { font-family: 'TTNorms-Regular'; letter-spacing: normal; font-size: 1.0rem; font-weight: normal; } a, a:hover { -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; color: rgba(53,53,255,1.0) !important; } .nowrap { white-space: nowrap !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .avia_textblock p, #top.rtl .avia_textblock { text-align: right !important; } #top.rtl .avia_textblock.jhd_centerr p, #top.rtl .avia_textblock.jhd_centerr, #top.rtl .avia_textblock.jhd_center p, #top.rtl .avia_textblock.jhd_center { text-align: center !important; } #top.rtl .avia_textblock.start p, #top.rtl .avia_textblock.start { text-align: right !important; } #top.rtl .avia-cookie-consent .container{ text-align: right !important; } #top.rtl .avia-cookie-consent p.avia_cookie_text { margin-right: 0.0rem; margin-left: 0.8rem; } /* bis Breite 639px */ h1, h2, h3, h4, h5, h6 { font-family: 'TTNorms-Bold' !important; text-transform: uppercase !important; } h1 span.nowrap, h1 { font-size: 1.39rem !important; line-height: 2.0rem !important; } h2 span.nowrap, h2 { font-size: 1.37rem !important; line-height: 1.7rem !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_timeline .cd-timeline-content h2 { font-size: 1.37rem !important; line-height: 1.7rem !important; } h3 span.nowrap, h3 { font-size: 1.2rem !important; line-height: 1.6rem !important; } h3.start { font-size: 1.0rem !important; line-height: 1.6rem !important; } h4, h5, h6 { font-size: 1.0rem !important; line-height: 1.4rem !important; } ul.ul_txt li, .ol_agb li, .ol_agb li p, p span.nowrap, p { font-size: 1.0rem !important; line-height: 1.4rem !important; font-family: 'TTNorms-Regular'; } strong span.nowrap, strong { font-family: 'TTNorms-Medium' !important; font-size: 1.0rem !important; line-height: 1rem !important; } h3 a { font-family: 'TTNorms-Bold' !important; font-size: 1.2rem !important; line-height: 1.6rem !important; } h3 a:hover { font-family: 'TTNorms-Bold' !important; text-decoration: none; color: rgba(53,53,255,1.0) !important; } .black h1, .black h2, .black h3, .black h4, .black h5, .black h6 { font-family: 'TTNorms-Medium' !important; text-transform: uppercase !important; } .black h1 span.nowrap, .black h1 { font-size: 1.55rem !important; } .black h2 span.nowrap, .black h2 { font-size: 1.55rem !important; } .black h2.start { font-size: 1.5rem !important; } .black h3 span.nowrap, .black h3 { font-size: 1.26rem !important; } .black h3.start { font-size: 1.2rem !important; } .black h4, .black h5, .black h6 { font-size: 1.06rem !important; font-family: 'TTNorms-Bold' !important; } .black ul.ul_txt li, .black p span.nowrap, .black p { font-size: 1.06rem !important; font-family: 'TTNorms-Light' !important; } .black strong span.nowrap, .black strong { font-size: 1.05rem !important; font-family: 'TTNorms-Medium' !important; } .black h3 a { font-size: 1.26rem !important; font-family: 'TTNorms-Medium' !important; } .black h3 a:hover { color: rgba(53,53,255,1.0) !important; font-family: 'TTNorms-Medium' !important; } p + h1, p + h2, p + h3, p + h5, p + h6 { margin-top: 1.5rem !important; } h4 + h1{ margin-top: 0.9rem !important; } h4 + h2 { margin-top: 0.7rem !important; } h4 + h3, h3 + h4, h4 + h4 { margin-top: 0.3rem !important; } p + h4, h4 + p { margin-top: 0.6rem !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl h1 span.nowrap, #top.rtl h1 { font-size: 2.363rem !important; line-height: 3.10rem !important; } #top.rtl h2 span.nowrap, #top.rtl h2 { font-size: 2.329rem !important; line-height: 2.00rem !important; } #top.rtl h3 span.nowrap, #top.rtl h3 { font-size: 2.04rem !important; line-height: 1.85rem !important; } #top.rtl h3.start { font-size: 1.7rem !important; line-height: 1.85rem !important; } #top.rtl h4, #top.rtl h5, #top.rtl h6 { font-size: 1.7rem !important; line-height: 1.60rem !important; } #top.rtl ul.ul_txt li, #top.rtl .ol_agb li, #top.rtl .ol_agb li p, #top.rtl p span.nowrap, #top.rtl p { font-size: 1.2rem !important; line-height: 1.60rem !important; font-family: 'TTNorms-Regular'; } #top.rtl strong span.nowrap, #top.rtl strong { font-family: 'TTNorms-Medium' !important; font-size: 1.7rem !important; line-height: 1rem !important; } #top.rtl h3 a { font-family: 'TTNorms-Bold' !important; font-size: 2.04rem !important; line-height: 1.85rem !important; } #top.rtl h3 a:hover { font-family: 'TTNorms-Bold' !important; text-decoration: none; color: rgba(53,53,255,1.0) !important; } .black h1, .black h2, .black h3, .black h4, .black h5, .black h6 { font-family: 'TTNorms-Medium' !important; text-transform: uppercase !important; } #top.rtl .black h1 span.nowrap, #top.rtl .black h1 { font-size: 2.635rem !important; } #top.rtl .black h2 span.nowrap, #top.rtl .black h2 { font-size: 2.635rem !important; } #top.rtl .black h2.start { font-size: 2.55rem !important; } #top.rtl .black h3 span.nowrap, #top.rtl .black h3 { font-size: 2.142rem !important; } #top.rtl .black h3.start { font-size: 2.04rem !important; } #top.rtl .black h4, #top.rtl .black h5, #top.rtl .black h6 { font-size: 1.802rem !important; font-family: 'TTNorms-Bold' !important; } #top.rtl .black ul.ul_txt li, #top.rtl .black p span.nowrap, #top.rtl .black p { font-size: 1.2rem !important; font-family: 'TTNorms-Light' !important; } #top.rtl .black strong span.nowrap, #top.rtl .black strong { font-size: 1.785rem !important; font-family: 'TTNorms-Medium' !important; } #top.rtl .black h3 a { font-size: 2.142rem !important; font-family: 'TTNorms-Medium' !important; } #top.rtl .black h3 a:hover { color: rgba(53,53,255,1.0) !important; font-family: 'TTNorms-Medium' !important; } #top.rtl p + #top.rtl h1, #top.rtl p + #top.rtl h2, #top.rtl p + #top.rtl h3, #top.rtl p + #top.rtl h5, #top.rtl p + #top.rtl h6 { margin-top: 1.725rem !important; } #top.rtl h4 + #top.rtl h1{ margin-top: 1.035rem !important; } #top.rtl h4 + #top.rtl h2 { margin-top: 0.805rem !important; } #top.rtl h4 + #top.rtl h3, #top.rtl h3 + #top.rtl h4, #top.rtl h4 + #top.rtl h4 { margin-top: 0.345rem !important; } #top.rtl p + #top.rtl h4, #top.rtl h4 + #top.rtl p { margin-top: 0.69rem !important; } @media only screen and (min-width: 640px) { h1 span.nowrap, h1 { font-size: 2.0rem !important; line-height: 3.4rem !important; } h2 span.nowrap, h2 { font-size: 2.0rem !important; line-height: 2.4rem !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_timeline .cd-timeline-content h2 { font-size: 2.0rem !important; line-height: 2.4rem !important; } h3 span.nowrap, h3 { font-size: 1.5rem !important; line-height: 2.0rem !important; } h4, h5, h6 { font-size: 1.0rem !important; line-height: 1.3rem !important; } ul.ul_txt li, p {} strong span.nowrap, strong {} h3 a { font-size: 1.5rem !important; line-height: 2.0rem !important; } .black h1 span.nowrap, .black h1 { font-size: 2.05rem !important; line-height: 3.4rem !important; } .black h2.start, .black h2 span.nowrap, .black h2 { font-size: 2.05rem !important; line-height: 2.4rem !important; } .black h3.start, .black h3 span.nowrap, .black h3 { font-size: 1.55rem !important; line-height: 2.0rem !important; } .black h4, .black h5, .black h6 { font-size: 1.1rem !important; line-height: 1.4rem !important; } .black ul.ul_txt li, .black p {} .black strong span.nowrap, .black strong {} .black h3 a { font-size: 1.575rem !important; line-height: 2.1rem !important; } p + h1, p + h2, p + h3, p + h5, p + h6 { margin-top: 1.5rem !important; } h4 + h1{ margin-top: 1.2rem !important; } h4 + h2 { margin-top: 1.0rem !important; } h4 + h3, h3 + h4, h4 + h4 { margin-top: 0.4rem !important; } p + h4, h4 + p { margin-top: 0.8rem !important; } p + p { margin-top: 0.8rem !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl h1 span.nowrap, #top.rtl h1 { font-size: 3.40rem !important; line-height: 3.91rem !important; } #top.rtl h2 span.nowrap, #top.rtl h2 { font-size: 3.40rem !important; line-height: 2.76rem !important; } #top.rtl h3 span.nowrap, #top.rtl h3 { font-size: 2.55rem !important; line-height: 2.3rem !important; } #top.rtl h4, #top.rtl h5, #top.rtl h6 { font-size: 1.7rem !important; line-height: 1.495rem !important; } #top.rtl ul.ul_txt li, #top.rtl p {} #top.rtl strong span.nowrap, #top.rtl strong {} #top.rtl h3 a { font-size: 2.55rem !important; line-height: 2.3rem !important; } #top.rtl .black h1 span.nowrap, #top.rtl .black h1 { font-size: 3.485rem !important; line-height: 3.91rem !important; } #top.rtl .black h2.start, #top.rtl .black h2 span.nowrap, #top.rtl .black h2 { font-size: 2.55rem !important; line-height: 2.76rem !important; } #top.rtl .black h3.start, #top.rtl .black h3 span.nowrap, #top.rtl .black h3 { font-size: 2.635rem !important; line-height: 2.3rem !important; } #top.rtl .black h4, #top.rtl .black h5, #top.rtl .black h6 { font-size: 1.87rem !important; line-height: 1.61rem !important; } #top.rtl .black ul.ul_txt li, #top.rtl .black p {} #top.rtl .black strong span.nowrap, #top.rtl .black strong {} #top.rtl .black h3 a { font-size: 2.67rem !important; line-height: 2.415rem !important; } #top.rtl p + #top.rtl h1, #top.rtl p + #top.rtl h2, #top.rtl p + #top.rtl h3, #top.rtl p + #top.rtl h5, #top.rtl p + #top.rtl h6 { margin-top: 1.725rem !important; } #top.rtl h4 + #top.rtl h1{ margin-top: 1.38rem !important; } #top.rtl h4 + #top.rtl h2 { margin-top: 1.15rem !important; } #top.rtl h4 + #top.rtl h3, #top.rtl h3 + #top.rtl h4, #top.rtl h4 + #top.rtl h4 { margin-top: 0.46rem !important; } #top.rtl p + #top.rtl h4, #top.rtl h4 + #top.rtl p { margin-top: 0.92rem !important; } #top.rtl p + #top.rtl p { margin-top: 0.92rem !important; } } @media only screen and (min-width: 1025px) { h1 span.nowrap, h1 { font-size: 2.4rem !important; line-height: 3.2rem !important; } h2 span.nowrap, h2 { font-size: 2.4rem !important; line-height: 2.88rem !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_timeline .cd-timeline-content h2 { font-size: 2.4rem !important; line-height: 2.88rem !important; } h3 span.nowrap, h3 { font-size: 1.8rem !important; line-height: 2.4rem !important; } h4, h5, h6 { font-size: 1.12rem !important; line-height: 1.68rem !important; } ul.ul_txt li, p span.nowrap, p, .avia_textblock a { font-size: 1.12rem !important; line-height: 1.68rem !important; } strong span.nowrap, strong { font-size: 1.137rem !important; line-height: 1.68rem !important; } h3 a { font-size: 1.8rem !important; line-height: 2.4rem !important; } .black h1 span.nowrap, .black h1 { font-size: 2.46rem !important; line-height: 3.88rem !important; } .black h2 span.nowrap, .black h2 { font-size: 2.46rem !important; line-height: 2.88rem !important; } .black h3 span.nowrap, .black h3 { font-size: 1.86rem !important; line-height: 2.4rem !important; } .black h4, .black h5, .black h6 { font-size: 1.236rem !important; line-height: 1.68rem !important; } .black ul.ul_txt li, .black p span.nowrap, .black p { font-size: 1.236rem !important; line-height: 1.68rem !important; } .black strong span.nowrap, .black strong { font-size: 1.236rem !important; line-height: 1.68rem !important; } .black h3 a { font-size: 1.89rem !important; line-height: 2.52rem !important; } p + h1, p + h2, p + h3, p + h5, p + h6 { margin-top: 1.8rem !important; } h4 + h1{ margin-top: 1.44rem !important; } h4 + h2 { margin-top: 1.2rem !important; } h4 + h3, h3 + h4, h4 + h4 { margin-top: 0.48rem !important; } p + h4, h4 + p { margin-top: 1.0rem !important; } p + p { margin-top: 1.0rem !important; } /* arabic > #top.rtl > rtl > right to left #top.rtl h1 span.nowrap, #top.rtl h1 { font-size: 4.08rem !important; line-height: 4.255rem !important; } #top.rtl h2 span.nowrap, #top.rtl h2 { font-size: 4.08rem !important; } */ #top.rtl h2 span.nowrap, #top.rtl h2 { line-height: 3.31rem !important; } /* #top.rtl h3 span.nowrap, #top.rtl h3 { font-size: 3.06rem !important; line-height: 2.76rem !important; } #top.rtl h4, #top.rtl h5, #top.rtl h6 { font-size: 1.904rem !important; line-height: 1.932rem !important; } */ #top.rtl ul.ul_txt li, #top.rtl p span.nowrap, #top.rtl p, #top.rtl .avia_textblock a { font-size: 1.3rem !important; line-height: 1.932rem !important; } /* #top.rtl strong span.nowrap, #top.rtl strong { font-size: 1.7055rem !important; line-height: 1.932rem !important; } #top.rtl h3 a { font-size: 3.06rem !important; line-height: 2.76rem !important; } #top.rtl .black h1 span.nowrap, #top.rtl .black h1 { font-size: 4.182rem !important; line-height: 4.462rem !important; } #top.rtl .black h2 span.nowrap, #top.rtl .black h2 { font-size: 4.182rem !important; line-height: 3.312rem !important; } #top.rtl .black h3 span.nowrap, #top.rtl .black h3 { font-size: 3.162rem !important; line-height: 2.76rem !important; } #top.rtl .black h4, #top.rtl .black h5, #top.rtl .black h6 { font-size: 2.10rem !important; line-height: 1.93rem !important; } #top.rtl .black ul.ul_txt li, #top.rtl .black p span.nowrap, #top.rtl .black p { font-size: 2.10rem !important; line-height: 1.93rem !important; } #top.rtl .black strong span.nowrap, #top.rtl .black strong { font-size: 2.10rem !important; line-height: 2.89rem !important; } #top.rtl .black h3 a { font-size: 5.45rem !important; line-height: 2.89rem !important; } #top.rtl p + #top.rtl h1, #top.rtl p + #top.rtl h2, #top.rtl p + #top.rtl h3, #top.rtl p + #top.rtl h5, #top.rtl p + #top.rtl h6 { margin-top: 2.07rem !important; } #top.rtl h4 + #top.rtl h1{ margin-top: 1.65rem !important; } #top.rtl h4 + #top.rtl h2 { margin-top: 1.38rem !important; } #top.rtl h4 + #top.rtl h3, #top.rtl h3 + #top.rtl h4, #top.rtl h4 + #top.rtl h4 { margin-top: 0.55rem !important; } #top.rtl p + #top.rtl h4, #top.rtl h4 + #top.rtl p { margin-top: 1.15rem !important; } */ #top.rtl p + #top.rtl p { margin-top: 1.15rem !important; } } /* ------------ ------------ ------------ List Base */ ul.ul_txt { list-style-type: square !important; list-style: none; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl ul.ul_txt li, #top.rtl ul.ul_txt { direction: rtl !important; } #top.rtl ul.ul_txt li:before { padding: 5px; } .no_controls video { pointer-events: none; } h1.jhd_zitt {} span.jhd_zit { display: inline-block !important; padding-left: 0.5rem; font-size: 0.8rem !important; font-family: 'TTNorms-LightItalic' !important; } .avia-image-container small.avia-copyright { font-size: 0.8rem !important; text-align: center; line-height: 1.0rem; color: rgba(0,0,0,1.0) !important; } .avia-image-container .avia-copyright { display: block; } /* ------------ ------------ ------------ List AGB ol.ol_agb { list-style-type: lower-alpha !important; margin-left: 0rem; } ol.ol_agb li { color: rgba(0,0,0,1.0) !important; padding-left: 1rem; } http://jsfiddle.net/nKtE6/2/ */ h4 .agb_num { padding-right: 0.3rem; } ol.ol_agb { counter-reset: list; margin: 0; } ol.ol_agb > li { list-style: none; position: relative; color: rgba(0,0,0,1.0) !important; padding-left: 1rem; } ol.ol_agb > li:before { counter-increment: list; content: counter(list, lower-alpha) ") "; position: absolute; left: -1.0rem; } ol.ol_agb.zero> li:before { counter-increment: list; content: none !important; position: absolute; left: -1.0rem; } /* ------------ ------------ ------------ ------------ ------------ ------------ header logo main burger menu */ .header_bg { background-color: rgba(0,0,0,1.0) !important; opacity: 1 !important; } #header.opac { opacity: 0.5; } #header .container { max-width: 100% !important; max-height: 90px; } /* ------------ ------------ ------------ Plugin »Header and Footer« ON EVERY PAGE BEFORE THE CLOSING TAG (FOOTER) */ .jhd_ftel_mm { visibility: hidden; display: none; position: fixed; z-index: 10; top: 30px !important; left: 8% !important; } .jhd_ftel_mm:hover{ text-decoration: none !important; } .jhd_ftel_mm:before { font-family: "entypo-fontello" !important; color: rgba(255,255,255,1.0) !important; font-size: 1.8rem !important; content: "\e854" !important; } span.logo img { visibility: hidden; } #header .container {} @media only screen and (min-width: 480px) { #header .container {} } @media only screen and (max-width: 767px) { #header .container { padding-top: 18px !important; } .logo { background: url('/wp-content/uploads/2018/10/mairec-edelmetall-precious-metals-recycling-logo-hf.png') no-repeat; background-size: 100%; margin: 0 auto !important; } /* arabic > #top.rtl > rtl > right to left */ .responsive #top.rtl .logo { position: absolute !important; _margin: 0 auto !important; _border: 1px solid red; left: 50%; margin-left:-90px!important; } .jhd_ftel_mm { visibility: visible; display: block; } } @media only screen and (max-width: 639px) { .logo { min-width: 180px; max-width: 180px; min-height: 70px !important; } } @media only screen and (min-width: 640px) and (max-width: 767px) { .logo { max-width: 190px; margin-top: -2px !important; } /* arabic > #top.rtl > rtl > right to left */ .responsive #top.rtl .logo { margin-left:-95px!important; } } @media only screen and (min-width: 768px) and (max-width: 989px) { #header .container { padding-top: 18px !important; } .logo { display: inline-block !important; background: url('/wp-content/uploads/2018/10/mairec-edelmetall-precious-metals-recycling-logo-hf.png') no-repeat; min-width: 180px; max-width: 200px; background-size: 100%; margin: 0 auto !important; margin-top: -4px !important; float: none !important; right: 0px !important; } .jhd_ftel_mm { visibility: visible; display: block; } } @media only screen and (min-width: 990px) { .logo { background: url('/wp-content/uploads/2018/10/mairec-edelmetall-precious-metals-recycling-logo-qf-3.png') no-repeat; width: 74%; max-width: 460px; height: 60px; margin-top: 20px !important; background-size: 100%; } } @media only screen and (min-width: 1240px) { .logo { background: url('/wp-content/uploads/2018/10/mairec-edelmetall-precious-metals-recycling-logo-qf-3.png') no-repeat; width: 74%; max-width: 500px; height: 60px; margin-top: 20px !important; background-size: 100%; } } /* ------------ ------------ ------------ ------------ ------------ ------------ mobile menu oooooooooo */ /* ------------ ------------ ------------ breakpoint */ @media only screen and (max-width: 989px ) { .av-burger-menu-main { display: block!important; } #top .av-main-nav .menu-item, #top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none!important; } } @media only screen and (min-width: 989px ) { .av-burger-overlay { display: none!important; } } /* ------------ ------------ ------------ mobile menu components */ #header_main { position: fixed; background-color: rgba(0,0,0,1.0) !important; width: 100%; } /* arabic > #top.rtl > rtl > right to left */ @media only screen and (max-width: 768px) { #top.rtl #header_main { _background-color: rgba(255,0,0,1.0) !important; height: 90px !important; } } .av-hamburger-box { transform: scale(0.7); /* Equal to scaleX(0.7) scaleY(0.7) */ top: 40px; right: 8% !important; margin-bottom: 16px !important; margin-right: -6px; } @media only screen and (orientation : portrait) { .jhd_ftel_mm { position: fixed; } .av-hamburger-box { position: fixed; } } @media only screen and (min-width: 640px) and (max-width: 989px) and (orientation : landscape) { #header_main { position: absolute !important; } .jhd_ftel_mm { position: absolute !important; } .av-hamburger-box { margin-bottom: 2px !important; top: -20px; margin-right: 35px !important; } } /* ------------ ------------ ------------ */ .av-burger-overlay { background-color: rgba(0,0,0,1.0) !important; } .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { background-color: rgba(255,255,255,1.0) !important; } .is-active .av-hamburger-inner, .is-active .av-hamburger-inner::before, .is-active .av-hamburger-inner::after { background-color: rgba(53,53,255,1.0) !important; } ul#av-burger-menu-ul {} ul#av-burger-menu-ul { display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding: 0px 0 !important; } ul#av-burger-menu-ul li span.avia-menu-text { text-transform: uppercase !important; font-family: 'TTNorms-Medium' !important; font-size: 1.9rem !important; line-height: 3rem; color: rgba(255,255,255,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; } ul#av-burger-menu-ul li span.avia-menu-text:hover {} ul#av-burger-menu-ul .sub-menu {} ul#av-burger-menu-ul .sub-menu li { padding: 0 !important; } ul#av-burger-menu-ul li.mob_menu { visibility: visible; } ul#av-burger-menu-ul li.mob_menu a, ul#av-burger-menu-ul .sub-menu li a { display: inline-block; border: 2px solid rgba(255,255,255,0.0) !important; border-radius: 8px; width: 320px; padding: 0.7rem 1rem 0.7rem 1rem !important; } ul#av-burger-menu-ul .sub-menu li a { background-color: rgba(255,255,255,0.1) !important; } ul#av-burger-menu-ul .sub-menu li.sub.prod a {} @media only screen and (min-width: 370px) { ul#av-burger-menu-ul li.mob_menu a, ul#av-burger-menu-ul .sub-menu li.sub.about a, ul#av-burger-menu-ul .sub-menu li.sub.prod a { min-width: 320px; } } @media only screen and (min-width: 940px) { ul#av-burger-menu-ul li.mob_menu a, ul#av-burger-menu-ul .sub-menu li.sub.about a { min-width: 320px !important; } } ul#av-burger-menu-ul li.mob_menu a span.avia-menu-text, ul#av-burger-menu-ul ul.sub-menu li a span.avia-menu-text { text-transform: uppercase !important; font-family: 'TTNorms-Medium' !important; font-size: 1.0rem !important; line-height: 0.9rem; color: rgba(255,255,255,1.0) !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl ul#av-burger-menu-ul li.mob_menu a span.avia-menu-text, #top.rtl ul#av-burger-menu-ul ul.sub-menu li a span.avia-menu-text { font-size: 1.2rem !important; } ul#av-burger-menu-ul li.current-menu-ancestor {} ul#av-burger-menu-ul li.current-menu-parent a span.avia-menu-text {} ul#av-burger-menu-ul ul.sub-menu li.current_page_item.current-menu-item a { opacity: 1 !important; border: 2px solid rgba(255,255,255,0.0) !important; } ul#av-burger-menu-ul ul.sub-menu li.current_page_item.current-menu-item a span.avia-menu-text { color: rgba(53,53,255,1.0) !important; opacity: 1 !important; } ul#av-burger-menu-ul li.mob_menu a:hover, ul#av-burger-menu-ul li a:hover, ul#av-burger-menu-ul li.current-menu-parent a:hover { cursor: default; } ul#av-burger-menu-ul li.current-menu-parent { padding-top: 24px !important; font-family: 'TTNorms-Regular' !important; } ul#av-burger-menu-ul li.mob_menu a:hover, ul#av-burger-menu-ul .sub-menu li a:hover { cursor: pointer !important; } ul#av-burger-menu-ul li.mob_menu a:focus, ul#av-burger-menu-ul li.mob_menu a:active, ul#av-burger-menu-ul .sub-menu li a:focus, ul#av-burger-menu-ul .sub-menu li a:active { background: rgba(53,53,255,1.0) !important; -webkit-transition: all 60ms ease-in-out !important; -moz-transition: all 60ms ease-in-out !important; -o-transition: all 60ms ease-in-out !important; -ms-transition: all 60ms ease-in-out !important; transition: all 60ms ease-in-out !important; } ul#av-burger-menu-ul ul.sub-menu li.current_page_item.current-menu-item a:hover { cursor: default !important; } ul#av-burger-menu-ul li a:hover { opacity: 1 !important; } ul#av-burger-menu-ul li.mob_menu a:hover span.avia-menu-text, ul#av-burger-menu-ul li .sub-menu a:hover span.avia-menu-text {} ul#av-burger-menu-ul .jhdmm_maps, ul#av-burger-menu-ul .jhdmm_ctct { visibility: hidden; display: none; } @media only screen and (min-width: 320px) { ul#av-burger-menu-ul li.mob_menu.start a span.avia-menu-text { display: inline-block !important; content: ""; background: url('/wp-content/uploads/2018/10/mairec-edelmetall-precious-metals-recycling-logo-hf.png') no-repeat; background-size: 100%; margin: 0 auto !important; width: 180px !important; min-height: 60px !important; color: rgba(255,0,0,0) !important; } @media only screen and (min-width: 480px) { ul#av-burger-menu-ul li.mob_menu.start a span.avia-menu-text { width: 230px !important; } } } ul#av-burger-menu-ul li.mob_menu.start a:hover { background: rgba(53,53,255,0.0) !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ hamburger language */ ul#av-burger-menu-ul .wpml-ls-current-language .sub-menu { margin: 0 auto !important; } ul#av-burger-menu-ul .wpml-ls-current-language { visibility: hidden; } ul#av-burger-menu-ul .sub-menu li.wpml-ls-slot-29 { visibility: visible; margin: 0 auto !important; border: 0px solid rgba(255,255,255,0.5) !important; margin-bottom: 0.36rem !important; vertical-align: middle; } ul#av-burger-menu-ul .sub-menu li.wpml-ls-slot-29 a { border: 2px solid rgba(255,255,255,0.0) !important; padding: 0.7rem 1rem 0.7rem 1rem !important; min-width: 320px !important; } ul#av-burger-menu-ul .sub-menu li.wpml-ls-slot-29 .wpml-ls-flag { display: block; width: 18px !important; height: 18px !important; float: left; margin: 0.03rem 0px 0px -10px !important; border: 0px solid rgba(255,255,255,0.5) !important; } ul#av-burger-menu-ul .sub-menu li.wpml-ls-slot-29 .wpml-ls-native { display: block; font-size: 0.9rem !important; line-height: 0.8rem !important; color: rgba(255,255,255,1.0) !important; padding-right: 8% !important; text-align: center !important; } ul#av-burger-menu-ul li.mob_menu {} /* ------------ ------------ ------------ ------------ ------------ ------------ main menu mmmmm */ /* arabic > #top.rtl > rtl > right to left */ #top.rtl .main_menu { right: -138px !important; } #avia-menu li.menu-item a { color: rgba(255,255,255,1.0) !important; -webkit-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; text-decoration: none; } #avia-menu li.menu-item.mob_menu { visibility: hidden; } #avia-menu li.menu-item a .avia-menu-text { text-transform: uppercase; font-family: 'TTNorms-Medium' !important; font-size: 0.96rem !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl #avia-menu li.menu-item a .avia-menu-text { font-size: 1.20rem !important; line-height: 1.80rem !important; } #avia-menu li.menu-item a:hover { color: rgba(53,53,255,1.0) !important; } #avia-menu li.current-menu-item a { color: rgba(53,53,255,1.0) !important; } .jhdmm_maps:before, .jhdmm_ctct:before { position: absolute; margin-left: 9px !important; margin-top: 30px !important; font-family: "entypo-fontello" !important; color: rgba(255,255,255,1.0) !important; font-size: 1.4rem !important; } .jhdmm_maps:hover:before, .jhdmm_ctct:hover:before { color: rgba(53,53,255,1.0) !important; transition: all 0.36s ease-in-out; } .jhdmm_ctct:before { content: "\e8b7" !important; } .jhdmm_maps:before { content: "\e842" !important; margin-left: 14px !important; margin-top: 31px !important; font-size: 1.6rem !important; } .jhdmm_maps a .avia-menu-text, .jhdmm_ctct a .avia-menu-text { opacity: 0; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhdmm_maps:before { margin-right: 10px !important; margin-left: 0px !important; } #avia-menu ul.sub-menu { width: auto !important; min-width: 100px !important; padding-top: 9px; padding-bottom: 9px; background-color: rgba(255,255,255,1.0) !important; margin-top: -10px; visibility: visible !important; border-radius: 2px !important; } #avia-menu ul.sub-menu li{ background-color: rgba(255,255,255,0.0) !important; } #avia-menu ul.sub-menu:after, .arrow_box:before { position: absolute; bottom: 100%; left: 12%; border: solid transparent; content: " "; height: 0; width: 0; pointer-events: none; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl #avia-menu ul.sub-menu:after, #top.rtl .arrow_box:before { right: 12%; } #avia-menu ul.sub-menu:after { border-bottom-color: rgba(255,255,255,1.0) !important; border-width: 8px; margin-left: -8px; } #avia-menu .sub-menu li a { border: 0px dashed rgba(240,36,36,0.0) !important; white-space: nowrap; padding-right: 12px; } #avia-menu .sub-menu li a { background-color: rgba(255,255,255,1.0) !important; color: rgba(0,0,0,1.0) !important; } #avia-menu .sub-menu li a:hover { background-color: rgba(0,0,0,0.0) !important; color: rgba(53,53,255,1.0) !important; } #avia-menu .sub-menu li.current-menu-item a { background-color: rgba(0,0,0,0.0) !important; color: rgba(53,53,255,1.0) !important; } #avia-menu .sub-menu li.current-menu-item a:hover { background-color: rgba(0,0,0,0.0) !important; color: rgba(53,53,255,1.0) !important; } #avia-menu .sub-menu li a .avia-menu-text { line-height: 0.7rem !important; } #avia-menu .sub-menu li a .avia-menu-text { font-family: 'TTNorms-Medium' !important; font-size: 0.9rem !important; } /* ------------ ------------ main menu languages */ li.wpml-ls-menu-item { margin-top: 3px } li.wpml-ls-menu-item a { padding-top: 5px !important; } li.wpml-ls-menu-item a .avia-menu-text { padding: 0px !important; } .wpml-ls-menu-item img.wpml-ls-flag { width: 24px !important; height: 24px !important; border: 1px solid rgba(255,255,255,0.24) !important; border-radius: 12px; } .wpml-ls-menu-item .wpml-ls-native { visibility: hidden; display: none; } .wpml-ls-menu-item .sub-menu .wpml-ls-native { visibility: visible; } .sub-menu .wpml-ls-menu-item img.wpml-ls-flag { transform: scale(1.2); } #avia-menu .menu-item-language ul.sub-menu { margin-top: -14px; margin-left: -77px !important; min-width: 120px !important; } #avia-menu .menu-item-language ul.sub-menu:after, .arrow_box:before { left: 84%; } .sub-menu .wpml-ls-menu-item .wpml-ls-flag { display: inline; vertical-align: baseline; float: left; margin-right: 12px; width: 20px !important; height: 20px !important; border: 1px solid rgba(0,0,0,0.12) !important; border-radius: 12px; } .sub-menu .wpml-ls-menu-item .wpml-ls-native { padding-top: 7px !important; padding-left: 12px; display: block; font-size: 0.8rem !important; } /* ------------ ------------ ------------ WPML vs enfold, own language-switch */ .av-language-switch-item { display: none; visibility: hidden; } /* ------------ ------------ ------------ ------------ ------------ ------------ sections ssssss*/ .avia-section-default { padding-top: 0px; padding-bottom: 0px; } .avia-section-default .column-top-margin {} /* ------------ ------------ ------------ ------------ ------------ ------------ sections spaces */ .avia-section { padding: 0px !important; min-height: 0px !important; padding-top: 24px !important; padding-bottom: 24px !important; } .avia-section.black, .avia-section.white {} .avia-section.jhd_intro, .avia-section.black.jhd_intro, .avia-section.white.jhd_intro { padding-top: 36px !important; } /* Korrektur Überlappen > Abstände Hover Bild Firmengelände und Bilder Startseite */ .avia-section.jhd_intro.top { padding-top: 36px !important; padding-bottom: 36px !important; } .avia-section.jhd_intro.technologie {} .avia-section.jhd_intro.highlights { padding-top: 60px !important; } .avia-section.white.bottom { padding-bottom: 36px !important; } /* Korrektur Überlappen > Abstände Hover Bild Firmengelände und Bilder Startseite */ .avia-section.black.bottom { padding-bottom: 48px !important; } .avia-section.black.notop, .avia-section.white.notop { padding-top: 0px !important; } .avia-section.black.nobottom, .avia-section.white.nobottom { padding-bottom: 0px !important; } .avia-section.jhd_intro.founder, .avia-section.black.jhd_intro.founder, .avia-section.white.jhd_intro.founder { padding-top: 24px !important; padding-bottom: 12px !important; } .avia-section .container {} .avia-section .content { padding: 0px 0px 0px 0px !important; } .avia-section.intro.finlast, .avia-section.white.finlast, .avia-section.finlast { padding-bottom: 48px !important; } .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { margin-bottom: 0px !important; } .flex_column.txt_re_start { margin-top: 36px !important; } @media only screen and (min-width: 1024px) { .avia-section.jhd_intro.top { padding-top: 42px !important; } } @media only screen and (min-width: 1240px) { .avia-section.jhd_intro.top { padding-top: 48px !important; } .avia-section.jhd_intro.highlights { padding-top: 60px !important; } .avia-section.jhd_intro.founder, .avia-section.black.jhd_intro.founder, .avia-section.white.jhd_intro.founder { padding-top: 36px !important; padding-bottom: 18px !important; } } /* ------------ ------------ ------------ ------------ ------------ ------------ empty section */ .avia-section.empty { border-bottom: 0px solid rgba(53,53,255,1.0) !important; height: 0px !important; min-height: 0px !important; margin-bottom: -1px; display: none; } .avia-section.empty .content{ padding: 0px !important; } .avia-section.empty.after_jobs { min-height: 60px !important; display: block; } @media only screen and (min-width: 768px) { .avia-section.empty { border-top: 0px solid rgba(53,53,255,1.0) !important; min-height: 48px !important; visibility: visible; display: block; } } .avia-section.invisible { visibility: hidden !important; display: none !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ fixed mobile menü */ @media only screen and (max-width: 989px) {} @media only screen and (max-width: 989px) { #main { border-top: 89px dashed rgba(255,0,0,0.0) !important; } } body .column-top-margin { margin-top: 0px !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ two cols centered in 3 cols */ .flex_column.person_single_founder_center { width: 16.666% !important; margin-right: -70px !important; display: none; } @media only screen and (min-width: 1201px) { .flex_column.person_single_founder_center { display: block; } } /* ------------ ------------ ------------ ------------ ------------ ------------ sections colors */ .avia-section.black { background: rgba(0,0,0,1.0) !important; } .avia-section.white { background: rgba(255,255,255,1.0) !important; } .avia-section.white.silver { background: rgba(225,225,225,1.0) !important; } .avia-section.white.silver.light { background: rgba(240,240,240,1.0) !important; } .avia-section.white.gradienttop { background: rgb(200,200,200) !important; background: linear-gradient(180deg, rgba(200,200,200,1) 0%, rgba(255,255,255,1) 100%) !important; } .avia-section.white.gradientmiddle { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 50%, rgba(255,255,255,1) 100%) !important; } .avia-section.white.gradientbottom_ { background: rgb(200,200,200); background: linear-gradient(0deg, rgba(200,200,200,1) 0%, rgba(255,255,255,1) 100%) !important; } .avia-section.black .avia_textblock ul, .avia-section.black .avia_textblock p { color: rgba(255,255,255,1.0); } .avia-section.black h1, .avia-section.black h2, .avia-section.black h3, .avia-section.black h4, .avia-section.black h5, .avia-section.black h6 { color: rgba(255,255,255,1.0); } .avia-section.white .avia_textblock ul, .avia-section.white .avia_textblock p, .avia-section.white h1, .avia-section.white h2, .avia-section.white h3, .avia-section.white h4, .avia-section.white h5, .avia-section.white h6 { color: rgba(0,0,0,1.0); } h1.m_blue, h2.m_blue, h3.m_blue, h4.m_blue, h5.m_blue, h6.m_blue, .m_blue { color: rgba(53,53,255,1.0) !important; } .avia-section.black strong { color: rgba(255,255,255,1.0); } .avia-section.white strong { color: rgba(0,0,0,1.0); } /* ------------ ------------ ------------ ------------ ------------ ------------ video */ #player div.vp-controls { opacity: 0 !important; } #player:hover div.vp-controls { opacity: 1 !important; } #top #jhd_movie_mobile_home, .avia-section.video.jhd_mobile { background-size: 100% 100% !important; overflow: hidden; } .avia-section.video.jhd_monitor { background-size: 100% 100% !important; width: 100vw !important; height: 42.9vw !important; overflow: hidden; } /* homepage 2024 */ #top #jhd_movie_mobile_home, .avia-section.video.jhd_mobile_home { _background-size: 100% 43% !important; overflow: hidden; _width: 100vw !important; _height: 42.9vw !important; _margin-top: 12px !important; _margin-bottom: 12px !important; } @media only screen and (max-width: 799px) { .avia-section.video.jhd_mobile_home { _margin-top: 12px !important; } } .avia-section.video.jhd_monitor_home { _background-size: 100% 100% !important; _width: auto !important; _height: auto !important; overflow: hidden; _max-width: 1280px !important; _border: 3px dashed red !important; _margin-top: 12px !important; _margin-bottom: 12px !important; } .avia-section.video.jhd_monitor_home .jhd-video-home { max-width: 1360px !important; _border: 3px dashed red !important; margin: 0 auto !important; _width: 100vw !important; _height: 42.9vw !important; _border-radius: 20px !important; } @media (orientation: landscape) and (min-width: 1360px) { .avia-section.video.jhd_monitor_home { max-height: 760px !important; _margin-top: 16px !important; margin-bottom: 12px !important; } .avia-section.video.jhd_monitor_home .jhd-video-home iframe { max-height: 760px !important; _border: 1px dashed red !important; } } .avia-section.video.jhd_mobile.jobs { background-size: 100% 100% !important; width: 100vw !important; height: 56.5vw !important; overflow: hidden; _margin-bottom: -10px; } /* Breakpoint enfold bei bis 799 ab 800px */ .avia-section.video.jhd_monitor.jobs { background-size: 100% 100% !important; width: 100vw !important; height: 56vw !important; overflow: hidden; } /* 20220327 Video auf dem Smartphone im 2/1 Format 12:9 bis 16:9, 17:9, 18:9, 18.5:9, 19.5/9, 20/9 bis 23/9 */ @media (min-aspect-ratio: 12/9) and (max-width: 91024px) { .avia-section.video.jhd_mobile.jobs, .avia-section.video.jhd_monitor.jobs { width: 94vw !important; padding-left: 6vw !important; _border: 1px dashed red !important; height: 49.8vw !important; } } @media (min-aspect-ratio: 13/9) and (max-width: 91024px) { .avia-section.video.jhd_mobile.jobs, .avia-section.video.jhd_monitor.jobs { width: 92vw !important; padding-left: 8vw !important; _border: 1px dashed green !important; height: 47.8vw !important; } } @media (min-aspect-ratio: 14/9) and (max-width: 91024px) { .avia-section.video.jhd_mobile.jobs, .avia-section.video.jhd_monitor.jobs { width: 90vw !important; padding-left: 10vw !important; _border: 1px dashed blue !important; height: 45.6vw !important; } } @media (min-aspect-ratio: 15/9) and (max-width: 91024px) { .avia-section.video.jhd_mobile.jobs, .avia-section.video.jhd_monitor.jobs { width: 87vw !important; padding-left: 13vw !important; _border: 1px solid red !important; height: 42vw !important; } } @media (min-aspect-ratio: 16/9) and (max-width: 91024px) { .avia-section.video.jhd_mobile.jobs, .avia-section.video.jhd_monitor.jobs { width: 85vw !important; padding-left: 15vw !important; _border: 1px solid green !important; height: 39.8vw !important; } } @media (min-aspect-ratio: 17/9) and (max-width: 91024px) { .avia-section.video.jhd_mobile.jobs, .avia-section.video.jhd_monitor.jobs { width: 83vw !important; padding-left: 17vw !important; _border: 1px solid blue !important; height: 37.6vw !important; } } @media (min-aspect-ratio: 18/9) and (max-width: 91024px) { .avia-section.video.jhd_mobile.jobs, .avia-section.video.jhd_monitor.jobs { width: 81vw !important; padding-left: 19vw !important; _border: 1px dashed red !important; height: 35.3vw !important; } } @media (min-aspect-ratio: 19/9) and (max-width: 91024px) { .avia-section.video.jhd_mobile.jobs, .avia-section.video.jhd_monitor.jobs { width: 79vw !important; padding-left: 21vw !important; _border: 1px dashed green !important; height: 33vw !important; } } @media (min-aspect-ratio: 20/9) and (max-width: 91024px) { .avia-section.video.jhd_mobile.jobs, .avia-section.video.jhd_monitor.jobs { width: 78vw !important; padding-left: 22vw !important; _border: 1px dashed blue !important; height: 31.9vw !important; } } @media (min-aspect-ratio: 21/9) and (max-width: 91024px) { .avia-section.video.jhd_mobile.jobs, .avia-section.video.jhd_monitor.jobs { width: 77.5vw !important; padding-left: 22.5vw !important; height: 31.2vw !important; } } @media (min-aspect-ratio: 22/9) and (max-width: 91024px) { .avia-section.video.jhd_mobile.jobs, .avia-section.video.jhd_monitor.jobs { width: 76vw !important; padding-left: 24vw !important; height: 29.5vw !important; } } @media (min-aspect-ratio: 23/9) and (max-width: 91024px) { .avia-section.video.jhd_mobile.jobs, .avia-section.video.jhd_monitor.jobs { width: 75vw !important; padding-left: 25vw !important; height: 28.5vw !important; } } @media (min-aspect-ratio: 12/9) and (max-width: 91024px) { .home .avia-section.video.jhd_mobile, .home .avia-section.video.jhd_monitor { _width: 96vw !important; _padding-left: 4vw !important; _border: 1px dashed red !important; } } @media (min-aspect-ratio: 13/9) and (max-width: 91024px) { .home .avia-section.video.jhd_mobile, .home .avia-section.video.jhd_monitor { _width: 94vw !important; _padding-left: 6vw !important; _border: 1px dashed green !important; } } @media (min-aspect-ratio: 14/9) and (max-width: 91024px) { .home .avia-section.video.jhd_mobile, .home .avia-section.video.jhd_monitor { _width: 92vw !important; _padding-left: 8vw !important; _border: 1px dashed blue !important; } } @media (min-aspect-ratio: 15/9) and (max-width: 91024px) { .home .avia-section.video.jhd_mobile, .home .avia-section.video.jhd_monitor { _width: 87vw !important; _padding-left: 13vw !important; _border: 1px solid red !important; } } @media (min-aspect-ratio: 16/9) and (max-width: 91024px) { .home .avia-section.video.jhd_mobile, .home .avia-section.video.jhd_monitor { _width: 97vw !important; _padding-left: 3vw !important; _border: 1px solid green !important; } } @media (min-aspect-ratio: 17/9) and (max-width: 91024px) { .home .avia-section.video.jhd_mobile, .home .avia-section.video.jhd_monitor { _width: 95vw !important; _padding-left: 5vw !important; _border: 1px solid blue !important; } } @media (min-aspect-ratio: 18/9) and (max-width: 91024px) { .home .avia-section.video.jhd_mobile, .home .avia-section.video.jhd_monitor { width: 98vw !important; padding-left: 2vw !important; _border: 1px dashed red !important; height: 41vw !important; } } @media (min-aspect-ratio: 19/9) and (max-width: 91024px) { .home .avia-section.video.jhd_mobile, .home .avia-section.video.jhd_monitor { width: 96vw !important; padding-left: 4vw !important; _border: 1px dashed green !important; height: 39vw !important; } } @media (min-aspect-ratio: 20/9) and (max-width: 91024px) { .home .avia-section.video.jhd_mobile, .home .avia-section.video.jhd_monitor { width: 94vw !important; padding-left: 6vw !important; _border: 1px dashed blue !important; height: 38vw !important; } } @media (min-aspect-ratio: 21/9) and (max-width: 91024px) { .home .avia-section.video.jhd_mobile, .home .avia-section.video.jhd_monitor { width: 92vw !important; padding-left: 8vw !important; height: 36vw !important; } } @media (min-aspect-ratio: 22/9) and (max-width: 91024px) { .home .avia-section.video.jhd_mobile, .home .avia-section.video.jhd_monitor { width: 90vw !important; padding-left: 10vw !important; height: 34vw !important; } } @media (min-aspect-ratio: 23/9) and (max-width: 91024px) { .home .avia-section.video.jhd_mobile, .home .avia-section.video.jhd_monitor { width: 88vw !important; padding-left: 12vw !important; height: 32vw !important; } } .avia-section.video { margin: 0 !important; padding: 0 !important; } .avia-section.video .content, .avia-section.video .container { margin: 0 !important; padding: 0 !important; max-width: 100% !important; width: 100% !important; } .avia-section.video .entry-content-wrapper { margin-bottom: -10px; } /* ------------ ------------ ------------ fade in via code in avia.js */ #header_main {} #main, #wrap_all, .jhd_mobile.video, .jhd_mobile_home.video, .jhd_monitor.video, .jhd_monitor_home.video { visibility: visible; opacity: 1; transition: opacity .360s linear; } #wrap_all.preload, #header_main.preload, #main.preload, .jhd_mobile.video.preload, .jhd_mobile_home.video.preload, .jhd_monitor.video.preload, .jhd_monitor_home.video.preload { visibility: hidden; opacity: 0; transition: visibility 0s .360s, opacity .360s linear; } #header_main.preload { background: rgba(0,0,0,1.0) !important; } .jhd_video_fade { visibility: visible; opacity: 1; transition: opacity 4.8s linear; } .jhd_video_fade.preload { visibility: hidden; opacity: 0; transition: visibility 0s 4.8s, opacity 4.8s linear; } /* fade in via code in avia.js ------------ ------------ ------------ */ #top #jhd_slideshow, #top #jhd_movie_mobile_home, .jhd_mobile, .jhd_mobile_home, .jhd_monitor, .jhd_monitor_home { visibility: hidden; display: none; } .jhd_mobile .mejs-container, .jhd_mobile_home .mejs-container, .jhd_monitor .mejs-container, .jhd_monitor_home .mejs-container { border-radius: 0px; } @media only screen (orientation: portrait) {} @media only screen (orientation: landscape) {} @media (orientation: portrait) and (max-width: 799px) { .jhd_mobile, .jhd_mobile_home { visibility: visible !important; display: block !important; } } @media (orientation: landscape) { .jhd_monitor, .jhd_monitor_home { visibility: visible !important; display: block !important; } } @media only screen and (min-width: 800px) { .jhd_monitor, .jhd_monitor_home { visibility: visible !important; display: block !important; } } /* https://stackoverflow.com/questions/14942081/ detect-if-a-browser-in-a-mobile-device-ios-android-phone-tablet-is-used */ /* @media only screen and (max-width: 799px) { */ @media (any-pointer: coarse) { #top #jhd_movie_mobile_home { visibility: visible !important; display: block !important; } #top #jhd_slideshow { visibility: hidden !important; display: none !important; } } /* @media only screen and (min-width: 800px) { */ @media (any-pointer: fine) { #top #jhd_movie_mobile_home { visibility: hidden !important; display: none !important; } #top #jhd_slideshow { visibility: visible !important; display: block !important; } } .jhd_monitor_990, .jhd_mobile_990 { visibility: hidden; display: none; } @media only screen and (min-width: 990px) { .jhd_monitor_990 { visibility: visible !important; display: block !important; } } @media only screen and (max-width: 989px) { .jhd_mobile_990 { visibility: visible !important; display: block !important; } } @media only screen and (min-width: 990px) { .jhd_monitor_990 { visibility: visible !important; display: block !important; } } .avia-section.jhd_sec_center {} /* 20220331 */ .jhd_monitor.video.maxheight { background-image: none !important; } .jhd_monitor.video.maxheight .container { background-repeat: no-repeat; background-image: url(https://www.mairec.de/wp-content/uploads/2018/11/mairec-edelmetall-precious-metals-recycling-autokatalysatoren-auto-car-catalysts_video-bg-qf.jpg); background-position: 50% 50%; background-size: 100% 100%; background-attachment: scroll; } .jhd_monitor.video.maxheight .jhd_video_fade, .jhd_monitor.video.maxheight, .single-post .avia-fullwidth-slider.jhd_monitor, .avia-fullwidth-slider.jhd_monitor.jobs, .avia-fullwidth-slider.jhd_monitor.ausbildung { _border: 1px solid blue !important; max-height: 850px !important; overflow: hidden; } /* ------------ ------------ ------------ ------------ ------------ ------------ turning colors & distances */ .avia-section.jhd_intro { -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; } .avia-section.jhd_intro.person { padding: 36px 0px 12px 0px !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ pictures */ .jhd_pic a:hover .image-overlay { opacity: 0.0 !important; } .jhd_pic a:hover .image-overlay .image-overlay-inside { -webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */ animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */ } .jhd_pic.start { max-width: 1100px !important; margin-left: 0px !important; } /* ------------ ------------ ------------ MAIREC Company 2024 */ .jhd-pic-company .avia-image-overlay-wrap { overflow: hidden; } .jhd-pic-company a .image-overlay.overlay-type-extern { background: url(https://mairec.com/wp-content/uploads/2024/04/2024-Mairec-Company-01.jpg) !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: 50% 50% !important; opacity: 0.0 !important; -webkit-transform: scale(1.00) !important; transform: scale(1.00) !important; } .jhd-pic-company a:hover .image-overlay.overlay-type-extern { opacity: 1.0 !important; } /* Arrow */ .jhd-pic-company a .image-overlay-inside, .jhd-pic-company a:hover .image-overlay-inside { opacity: 0.0 !important; visibility: hidden; } /* ------------ ------------ ------------ ------------ ------------ ------------ masonry gallery */ @media screen and (max-width: 480px) { .av-masonry-container a { pointer-events: none !important; } .av-hover-overlay-active .av-masonry-image-container { opacity: 1 !important; } } .avia-section.jhd_msry { padding-top: 0px !important; } .avia-section.jhd_msry .content { padding-top: 0px !important; } .av-hover-grow:hover img { -webkit-transform: scale(1.05) !important; transform: scale(1.05) !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ sections products */ .scrm_colall.pic.scrm_prod_pic, .flex-column.pic { padding-bottom: 12px; } @media only screen and (max-width: 867px) { .jhd_prod {} .scrm_prod_pic { width: 100% !important; } .scrm_prod_txt { width: 100% !important; } .scrm_prod_txt .flex_cell_inner {} } @media only screen and (min-width: 868px) { .scrm_prod_txt { padding-top: 2% !important; } } @media only screen and (min-width: 1158px) { .scrm_prod_txt {} } .scrm_prod_pic {} .jhd_pic.scrm_picall {} .jhd_pic.company { padding-top: 36px; padding-bottom: 24px; } .jhd_pic.company.black { padding-bottom: 72px !important; } .jhd_pic.scrm_picall.mngmt { padding-bottom: 24px !important; } @media only screen and (min-width: 867px) { .jhd_prod.even .flex_column.av_one_third { float: left !important; } } @media only screen and (min-width: 867px) { .jhd_prod.even .flex_column.av_two_third { float: right !important; } } /* arabic > #top.rtl > rtl > right to left */ @media only screen and (min-width: 867px) { #top.rtl .jhd_prod.odd .flex_column.av_two_third { float: left !important; } #top.rtl .jhd_prod.odd .flex_column.av_one_third { margin-left: 0% !important; } } .jhd_prod .container {} .jhd_prod .av_one_third { vertical-align: middle !important; height: 100% !important; } .jhd_prod.odd .av_one_third { margin-left: 0% !important; } @media only screen and (min-width: 867px) { .jhd_prod.odd .av_one_third { margin-left: 6% !important; } } .jhd_prod.even .av_one_third { margin-left: 0% !important; width: 29.333333333333332%; } .jhd_prod .jhd_txt { } .jhd_txt.start { padding-top: 60px !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ text 1:1 */ .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock { max-width: 650px !important; } .flex_column.av_one_full.jhd_txt.agb .av_textblock_section .avia_textblock { max-width: 750px !important; } .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_wide { max-width: 950px !important; } @media only screen and (min-width: 480px) { .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_centerr, .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_center { max-width: 720px !important; margin: 0 auto !important; } .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_center.eightfifty.start { margin-left: 0 !important; } .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_center.start { margin-left: 0 !important; } .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_center.start.arabic { margin-left: auto !important; margin-right: 0 !important; } } @media only screen and (min-width: 1100px) { .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_centerr { max-width: 900px !important; } .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_centerr.short { max-width: 810px !important; } .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_centerr.long { max-width: 1100px !important; } .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_center.start { max-width: 900px !important; } .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_center.eightfifty { max-width: 1010px !important; } .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_center.eightfifty.arabic { max-width: 100% !important; } .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_center.eightfifty.start { margin-left: 0 !important; } .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_left { max-width: 867px !important; } .flex_column.av_one_full.jhd_txt .av_textblock_section .avia_textblock.jhd_left.arabic { max-width: 100% !important; } .flex_column.jhd_legalnotice .av_textblock_section { max-width: 867px !important; } .flex_column.jhd_legalnotice .av_textblock_section.arabic { max-width: 100% !important; } .scrm_colall.jhd_txt.left {} } .jhd_centerr, .jhd_center, .text_footer.jhd_centerr, .text_footer.jhd_center { text-align: center !important; } .jhd_center.start { text-align: left !important; } .subhead_fe { text-align: left !important; max-width: 800px !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ page Company / About us */ /* ------------ ------------ ------------ picture positions below */ .jhd_txt.av_one_fifth { margin-left: 1% !important; margin-right: 1% !important; width: 98% !important; margin-bottom: 0px !important; padding: 0px !important; } @media only screen and (min-width: 480px) { .jhd_txt.av_one_fifth { margin-left: 1% !important; margin-right: 1% !important; width: 48% !important; } } @media only screen and (min-width: 767px) { .jhd_txt.av_one_fifth { margin-left: 1% !important; margin-right: 1% !important; width: 18% !important; } } .jhd_txt.mngmt .av_textblock_section { margin-bottom: 0px !important; } .jhd_prod .jhd_txt {} .scrm_colall.jhd_txt .mngmt { text-align: center; margin-bottom: 0px !important; padding: 0px !important; } .scrm_colall.jhd_txt .mngmt strong, .scrm_colall.jhd_txt .mngmt p { font-size: 0.9rem !important; line-height: 1.0rem !important; margin-top: 0px !important; margin-bottom: 10px !important; padding: 0px !important; } @media only screen and (min-width: 767px) { .scrm_colall.jhd_txt .mngmt { text-align: center; } .scrm_colall.jhd_txt .mngmt strong, .scrm_colall.jhd_txt .mngmt p {} } /* ------------ ------------ ------------ timeline */ .jhd_timeline { _direction: ltr !important; } .jhd_timeline .cd-timeline-content { border-radius: 0 !important; background-color: rgba(0,0,0,1.0) !important; border: 1px solid rgba(0,0,0,1.0) !important; padding: 8px 12px 6px 12px; } .white .jhd_timeline .cd-timeline-content { background-color: rgba(255,255,255,1.0) !important; border: 1px solid rgba(0,0,0,1.0) !important; box-shadow: none !important; } .black .jhd_timeline .cd-timeline-content { border: 1px solid rgba(255,255,255,1.0) !important; box-shadow: none !important; } .black .jhd_timeline .cd-timeline-content:before {} .jhd_timeline .cd-timeline-content h2 { color: rgba(255,255,255,1.0) !important; font-family: 'TTNorms-Medium' !important; } .white .jhd_timeline .cd-timeline-content h2 { color: rgba(0,0,0,1.0) !important; font-family: 'TTNorms-Bold' !important; } .jhd_timeline .cd-timeline-content p { color: rgba(255,255,255,1.0) !important; font-family: 'TTNorms-Light' !important; } .white .jhd_timeline .cd-timeline-content p { color: rgba(0,0,0,1.0) !important; font-family: 'TTNorms-Regular' !important; } .cd-timeline-content .the-excerpt { position: relative; z-index: 10; display: block; margin-top: -6px !important; } .cd-timeline-content .the-excerpt p { margin-bottom: 6px !important; } #cd-timeline::before { content: ''; position: absolute; top: 0; height: 100%; width: 2px !important; background: rgba(0,0,0,1.0) !important; } .black #cd-timeline::before { background: rgba(255,255,255,0.75) !important; } .jhd_timeline .cd-timeline-img { width: 24px !important; height: 24px !important; margin-left: 11px !important; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; margin-top: 18px; box-shadow: 0 0 0 2px #000,inset 0 0px 0 rgba(0,0,0,.08),0 0px 0 0px rgba(0,0,0,.05); background-color: #fff; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_timeline .cd-timeline-img { margin-right: 12px !important; } .black .jhd_timeline .cd-timeline-img { box-shadow: 0 0 0 2px #fff,inset 0 0px 0 rgba(255,255,255,.08),0 0px 0 0px rgba(255,255,255,.05); background-color: #fff; } @media only screen and (min-width: 822px) { .jhd_timeline .cd-timeline-img { left: 50%; margin-left: -13px !important; } .cd-timeline-block:nth-child(odd) .cd-timeline-content::before { border-color: transparent transparent transparent #000 !important; } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { border-color: transparent #000 transparent transparent !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_timeline .cd-timeline-img { margin-right: -13px !important; } #top.rtl .cd-timeline-block:nth-child(odd) .cd-timeline-content::before { border-color: transparent #000 transparent transparent !important; } #top.rtl .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 12px; right: auto; left: 100%; border-color: transparent transparent transparent #000 !important; } } .jhd_timeline span.fa{ visibility: hidden; } #cd-timeline { position: relative; padding: 1em 0; margin-top: 0 !important; margin-bottom: 0 !important; } .jhd_timeline p.timeline-date, .jhd_timeline a.timeline-express-read-more-link { display: none !important; visibility: hidden !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ grid gggggg */ .jhd_grid.odd {} .jhd_grid.even {} .jhd_grid { margin: 0 auto !important; max-width: 1300px !important; border-bottom: 12px solid rgba(53,53,255,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; background-color: rgba(0,0,0,1.0) !important; } .jhd_grid.black { background-color: rgba(0,0,0,1.0) !important; } .jhd_grid.founder { border-bottom: 0px solid rgba(53,53,255,1.0) !important; background-color: rgba(0,0,0,1.0) !important; } .jhd_grid.jobs { border-bottom: 0px solid rgba(53,53,255,1.0) !important; padding-bottom: 0px !important; } .jhd_grid.blue .flex_cell_inner { background-color: rgba(0,0,0,1.0) !important; font: 0px/0em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .jhd_grid.black .flex_cell_inner { background-color: rgba(0,0,0,1.0) !important; font: 0px/0em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .jhd_cell.scrm_job_cell {} .jhd_cell {} @media only screen and (min-width: 768px) { .jhd_grid { padding: 0px 0px; border-bottom: 0px solid rgba(53,53,255,1.0) !important; } .jhd_grid.jobs { padding: 0px 50px; border-bottom: 0px solid rgba(53,53,255,1.0) !important; } } @media only screen and (min-width: 868px) { .jhd_grid { padding: 0px 0px; border-bottom: 0px solid rgba(53,53,255,1.0) !important; } .jhd_grid.jobs {} .jhd_cell {} } @media only screen and (min-width: 1025px) { .jhd_grid { padding: 0px 50px; } .jhd_grid.jobs {} .jhd_cell { border: 0px solid rgba(0,0,0,1.0) !important; } } @media only screen and (max-width: 767px) { .jhd_grid { display: table !important; } .jhd_cell.pic { display: table-header-group !important; } .jhd_cell.jhd_txt { display: table-footer-group !important; } .jhd_cell.jhd_txt .flex_cell_inner { padding-top: 18px !important; } } .jhd_cell.pic { background: rgba(26,26,26,1.0) !important; padding: 0px !important; vertical-align: middle !important; } .jhd_cell.jhd_txt { background: rgba(255,255,255,1.0) !important; vertical-align: middle !important; } .founder .jhd_cell.jhd_txt {} @media only screen and (min-width: 868px) { .jhd_grid { border-top: 0px solid rgba(255,0,0,0.361) !important; } .jhd_cell.jhd_txt { padding-left: 24px !important; padding-right: 24px !important; } } @media only screen and (min-width: 1024px) { .jhd_cell.jhd_txt { padding-left: 50px !important; padding-right: 50px !important; } } @media only screen and (min-width: 1200px) { .jhd_cell.jhd_txt { padding-left: 70px !important; padding-right: 70px !important; } } @media only screen and (min-width: 1300px) { .jhd_cell.jhd_txt { padding-left: 90px !important; padding-right: 90px !important; } } @media only screen and (max-width: 867px) { .jhd_cell.jhd_txt .flex_cell_inner { width: 85% !important; max-width: 85% !important; margin: 0 auto; } } .jhd_cell .avia-image-container-inner, .jhd_cell img.avia_image { width: 100% !important; } .jhd_cell.jhd_txt .avia_textblock { padding-bottom: 9px; } .jhd_cell.scrm_prod_cell_txt .avia_textblock strong, .jhd_cell.scrm_prod_cell_txt .avia_textblock p { color: rgba(0,0,0,1.0) !important; } .jhd_cell.jhd_txt .avia_textblock h2, .jhd_cell.jhd_txt .avia_textblock h3, .jhd_cell.jhd_txt .avia_textblock h4, .jhd_cell.jhd_txt .avia_textblock p { color: rgba(0,0,0,1.0) !important; } @media only screen and (max-width: 767px) { .jhd_grid.founder { border-bottom: 12px solid rgba(0,0,0,1.0) !important; } .jhd_grid.founder .jhd_cell.jhd_txt { background: rgba(0,0,0,1.0) !important; } .jhd_grid.founder .jhd_cell.jhd_txt .avia_textblock h2, .jhd_grid.founder .jhd_cell.jhd_txt .avia_textblock h3, .jhd_grid.founder .jhd_cell.jhd_txt .avia_textblock h4, .jhd_grid.founder .jhd_cell.jhd_txt .avia_textblock p { color: rgba(255,255,255,1.0) !important; font-family: 'TTNorms-Light' !important; } } @media only screen and (min-width: 768px) and (max-width: 867px) { .jhd_grid.founder { border-bottom: 48px solid rgba(0,0,0,1.0) !important; } } /* ------------ ------------ ------------ ------------ ------------ ------------ Toggler */ /* speed slide down */ .jhd_acc .active_tc.toggle_wrap { display: none; } .jhd_acc .togglecontainer {} .jhd_acc .toggler { font-family: 'TTNorms-Bold' !important; font-size: 1.1rem !important; line-height: 2.2rem !important; color: rgba(0,0,0,1.0) !important; text-transform: uppercase !important; text-decoration: none; background-color: rgba(0,0,0,0.0) !important; border-top: 1px solid rgba(0,0,0,1.0) !important; border-left: 1px solid rgba(0,0,0,0.0) !important; border-bottom: 1px solid rgba(0,0,0,1.0) !important; border-right: 1px solid rgba(0,0,0,0.0) !important; padding: 3px 3px 3px 0px; border-bottom: 1px solid rgba(0,0,0,0.0) !important; } .jhd_acc .toggler span.nowrap { display: inline-block; font-family: 'TTNorms-Bold' !important; font-size: 1.1rem !important; line-height: 2.2rem !important; } .jhd_acc.start .toggler { font-family: 'TTNorms-Bold' !important; font-size: 1.1rem !important; line-height: 2.2rem !important; color: rgba(0,0,0,1.0) !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_acc .toggler, #top.rtl .jhd_acc .toggler span.nowrap, #top.rtl .jhd_acc.start .toggler { font-size: 1.6rem !important; line-height: 2.4rem !important; } .jhd_acc span.toggle_icon {} .jhd_acc div.toggle_content { padding: 0px 0px 0px 0px !important; } .jhd_acc div.toggle_content p { font-size: 1.1rem !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_acc div.toggle_content p { font-size: 1.2rem !important; } .jhd_acc div.toggle_content p strong {} .jhd_acc .toggle_icon { margin-left: 3px !important; border: 0px !important; left: auto !important; right: 0px !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_acc .toggle_icon { margin-left: 0px !important; right: auto !important; left: 0px !important; } .jhd_acc .toggle_icon .hor_icon, .jhd_acc .toggle_icon .vert_icon { border-color: rgba(0,0,0,1.0) !important; } .jhd_acc .toggler:hover { color: rgba(53,53,255,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(0,0,0,0.0) !important; } .jhd_acc .toggler.activeTitle span.nowrap, .jhd_acc .toggler.activeTitle { color: rgba(53,53,255,1.0) !important; border-bottom: 1px solid rgba(0,0,0,0.0) !important; } .jhd_acc .toggler:hover > .toggle_icon .hor_icon, .jhd_acc .toggler:hover > .toggle_icon .vert_icon { border-color: rgba(53,53,255,1.0) !important; } .jhd_acc .toggler.activeTitle .toggle_icon .hor_icon, .jhd_acc .toggler.activeTitle .toggle_icon .vert_icon { border-color: rgba(53,53,255,1.0) !important; } .jhd_acc .toggle_wrap {} .jhd_acc .toggle_content { color: rgba(0,0,0,1.0) !important; background-color: rgba(0,0,0,0.0) !important; border: 1px solid rgba(0,0,0,0) !important; margin-bottom: 60px !important; } .jhd_acc .toggle_content h3 { padding-top: 24px !important; max-width: 879px; } .jhd_acc .toggle_content p { max-width: 879px; } .jhd_acc .toggle_content a { color: rgba(0,0,0,1.0) !important; text-decoration: underline !important; } .jhd_acc .image-overlay .image-overlay-inside:before { background: rgba(0,0,0,0.0) !important; background: rgba(0,0,0,0.0) !important; border-radius: 0px !important; color: rgba(0,0,0,1.0) !important; } .jhd_acc .toggler:focus { outline: none !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ Seite Über uns den 5. Toogler ausblenden EN > .page-id-3697 RU > .page-id-3732 FR > .page-id-4822 ES > .page-id-5527 AR > .page-id-6835 */ .page-id-3697 .jhd_acc .av_toggle_section:nth-child(5), .page-id-3732 .jhd_acc .av_toggle_section:nth-child(5), .page-id-4822 .jhd_acc .av_toggle_section:nth-child(5), .page-id-5527 .jhd_acc .av_toggle_section:nth-child(5), .page-id-6835 .jhd_acc .av_toggle_section:nth-child(5), .page-id-10984 .jhd_acc .av_toggle_section:nth-child(5) { display: none !important; visibility: hidden !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ page Jobs .jhd_grid.jobs { min-height: auto !important; padding-bottom: 24px; } .jhd_cell.jhd_txt.scrm_job_cell_txt { background: rgba(0,0,0,1.0) !important; } .jhd_cell.jhd_txt.scrm_job_cell_txt:hover {} .jhd_cell.jhd_txt.scrm_job_cell_txt .flex_cell_inner {} .jhd_grid.jobs h4 a, .jhd_grid.jobs h3 a { color: rgba(53,53,255,1.0) !important; } .jhd_grid.jobs h4 a:hover + .jhd_cell.jhd_txt.scrm_job_cell_txt:hover { background: rgba(52,255,255,1.0) !important; } .jhd_grid.jobs h4 a:hover, .jhd_grid.jobs h3 a:hover { text-decoration: none; color: rgba(53,53,255,1.0) !important; } .jhd_txt.jobs .avia_textblock p { margin-bottom: 3.5rem !important; } .jhd_cell.jhd_txt.scrm_job_cell_txt { padding: 0px !important; vertical-align: middle !important; } .personal_button { border-radius: 0px; width: 100% !important; margin: 0 !important; padding: 0 !important; } .personal_button a { margin: 0 !important; background: rgba(252,255,255,1.0) !important; width: 100% !important; height: 100% !important; min-height: 120px !important; padding: 36px 75px 36px 75px !important; border-radius: 0px !important; color: rgba(0,0,0,1.0) !important; text-align: left !important; border: 0px solid rgba(0,0,0,0.0) !important; overflow: hidden; border-bottom: 6px solid rgba(0,0,0,1.0) !important; } @media only screen and (min-width: 768px) { .personal_button a { border-right: 6px solid rgba(0,0,0,1.0) !important; } } .personal_button a span.avia_button_icon { left: 0px; bottom: 7px; font-size: 2.4rem !important; position: absolute; } .personal_button .avia_iconbox_title { font-family: 'TTNorms-Bold' !important; font-size: 1.2rem !important; } span.job_title {} span.job_position {} .personal_button a:hover > span.job_position, .personal_button a:hover { background: rgba(53,53,255,1.0) !important; color: rgba(252,255,255,1.0) !important; } */ /* ------------ ------------ ------------ ------------ ------------ ------------ hide Jobs EN lang(en-US) .hide_jobs:lang(en-US), .jhd_grid.jobs_lang:lang(en-US), .avia-section.jobs_lang:lang(en-US) { display: none !important; visibility: hidden !important; opacity: 0 !important; } */ /* ------------ ------------ ------------ ------------ ------------ ------------ blog jobs */ /* ------------ ------------ ------------ text */ @media only screen and (min-width: 1100px) { .col_jobs_intro { margin-top: -6px !important; height: 54px; } } .single-post .jhd_lang, .single-post .jhd_mail, .single-post .jhd_tel { color: rgba(0,0,0,1.0) !important; } .single-post .jhd_lang:before, .single-post .jhd_mail:before, .single-post .jhd_tel:before { position: absolute; margin-left: -30px !important; font-family: "entypo-fontello" !important; color: rgba(0,0,0,1.0) !important; font-size: 1.2rem !important; } .single-post .jhd_lang:hover, .single-post .jhd_mail:hover, .single-post .jhd_tel:hover { color: rgba(53,53,255,1.0) !important; text-decoration: none; } .single-post .jhd_tel:before { content: "\e854" !important; } .single-post .jhd_mail:before { content: "\e8b7" !important; } .single-post .jhd_lang:before { content: "\e83c" !important; } .single-post .avia_textblock ul { list-style-type: square !important; list-style: none; } /* ------------ ------------ ------------ für die Seiten Datenschutz */ /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_legalnotice p, #top.rtl .jhd_legalnotice p strong, #top.rtl .jhd_legalnotice p a, #top.rtl .jhd_legalnotice a.jh_fweb, #top.rtl .jhd_legalnotice a.jh_ftel, #top.rtl .jhd_legalnotice .jh_ftel, #top.rtl .jhd_legalnotice .jhd_fax, #top.rtl .jhd_legalnotice .jhd_addr { font-size: 1.12rem !important; direction:ltr !important; unicode-bidi:embed !important; } /* ------------ ------------ ------------ nav */ .single-post .small-preview img { border-radius: 0px !important; } .single-post .avia-post-nav { background-color: rgba(53,53,255,1.0) !important; } .single-post .avia-post-prev { border-radius: 0px 2px 2px 0px; background-color: rgba(0,0,0,1.0) !important; } .single-post .avia-post-next{ border-radius: 2px 0px 0px 2px; background-color: rgba(0,0,0,1.0) !important; } @media only screen and (min-width: 1025px) { .single-post .avia-post-nav { _stop: 292px !important; } } .single-post .avia-post-nav.avia-post-prev span.iconfont:before { visibility: visible !important; font-family: "flaticon" !important; content: "\f199" !important; font-size: 2.0rem !important; margin-left: -12px !important; color: rgba(255,255,255,1.0) !important; } .single-post .avia-post-nav.avia-post-next span.iconfont:before { visibility: visible !important; font-family: "flaticon" !important; content: "\f1eb" !important; font-size: 2.0rem !important; margin-right: -12px !important; color: rgba(255,255,255,1.0) !important; } .single-post .avia-post-nav span.entry-title { color: rgba(255,255,255,1.0) !important; } .single-post .avia-post-nav img.attachment-thumbnail { border-radius: 0px !important; } .single-post .avia-post-nav .entry-info{ height:80px; width:280px !important; } .single-post .avia-post-nav:hover .entry-info-wrap{ width: 300px !important; } /* ------------ ------------ ------------ nav immer zeigen */ @media only screen and (max-width: 767px) { .responsive #top .avia-post-nav { display: block !important; visibility: visible !important; top: 60% !important; } .single-post .avia-post-prev { margin-left: -6px !important; } .single-post .avia-post-nav.avia-post-prev span.iconfont:before { margin-left: -9px !important; } .single-post .avia-post-next{ margin-right: -6px !important; } .single-post .avia-post-nav.avia-post-next span.iconfont:before { margin-right: -9px !important; } } /* ------------ ------------ ------------ pdf */ .txt-jhd-pdf-jobs { text-align: center; } .jhd-pdf-jobs { width: 120px; height: 120px; } @media only screen and (min-width: 768px) { .txt-jhd-pdf-jobs { text-align: left; padding-top: 6px; margin-left: -6px; } .jhd-pdf-jobs { width: 90px; height: 90px; } } /* ------------ ------------ ------------ ------------ ------------ ------------ 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 { padding-top: 0px; } @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-top: 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: 0.9rem !important; margin-bottom: -12px; } .jhd_txt.person_single span.jhd_lang { margin-left: 30px; } .jhd_txt.person_single span.jhd_pos { font-family: 'TTNorms-Italic' !important; } .jhd_txt.person_single a.jhd_tel, .jhd_txt.person_single a.jhd_mail { font-size: 0.9rem !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_txt.person_single a.jhd_tel, #top.rtl .jhd_txt.person_single a.jhd_mail { font-size: 0.9rem !important; } .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(0,0,0,1.0) !important; } .jhd_txt.person_single a:hover { color: rgba(53,53,255,1.0) !important; } .jhd_txt.person_single .jhd_lang:before, .jhd_txt.person_single .jhd_mail:before, .jhd_txt.person_single .jhd_tel:before { position: absolute; display: inline-block !important; margin-left: -30px; font-family: "entypo-fontello" !important; color: rgba(0,0,0,1.0) !important; font-size: 1.2rem !important; } .jhd_txt.person_single span.jhd_mail:before, .jhd_txt.person_single span.jhd_tel:before { position: absolute; display: inline-block !important; margin-left: 0px; font-family: "entypo-fontello" !important; color: rgba(0,0,0,1.0) !important; font-size: 1.2rem !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_txt.person_single a.jhd_tel, #top.rtl .jhd_txt.person_single a.jhd_mail, #top.rtl .jhd_txt.person_single .jhd_lang { direction:ltr !important; unicode-bidi:embed !important; margin-right: 30px !important; } #top.rtl .jhd_txt.person_single .jhd_mail::after, #top.rtl .jhd_txt.person_single .jhd_tel::after, #top.rtl .jhd_txt.person_single .jhd_lang::after { position: absolute; float: right; right: 0 !important; display: inline-block !important; margin-left: 0px; font-family: "entypo-fontello" !important; color: rgba(0,0,0,1.0) !important; font-size: 1.2rem !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ CSS-Hack für Internet Explorer 10 ONLY */ _:-ms-lang(x), .selector { .jhd_txt.person_single span.jhd_mail:before, .jhd_txt.person_single span.jhd_tel:before { margin-left: 30px !important; } } /* ------------ ------------ ------------ ------------ ------------ ------------ CSS-Hack für Internet Explorer 11 ONLY */ _:-ms-fullscreen, :root .selector { .jhd_txt.person_single span.jhd_mail:before, .jhd_txt.person_single span.jhd_tel:before { margin-left: 30px !important; } } .jhd_txt.person_single .jhd_tel:before { content: "\e854" !important; } .jhd_txt.person_single .jhd_mail:before { content: "\e8b7" !important; } .jhd_txt.person_single .jhd_lang:before { content: "\e83c" !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_txt.person_single .jhd_tel:before, #top.rtl .jhd_txt.person_single .jhd_mail:before, #top.rtl .jhd_txt.person_single .jhd_lang:before { content: "" !important; width: 0 !important; } #top.rtl .jhd_txt.person_single .jhd_tel::after { content: "\e854" !important; } #top.rtl .jhd_txt.person_single .jhd_mail::after { content: "\e8b7" !important; } #top.rtl .jhd_txt.person_single .jhd_lang:after { content: "\e83c" !important; } .jhd_txt.person_single .togglecontainer { margin-top: 0px !important; } .jhd_txt.person_single .jhd_acc .toggler { padding: 3px 3px 3px 0px; border-bottom: 1px solid rgba(0,0,0,0.0) !important; } .jhd_txt.person_single .jhd_acc span.toggle_icon { left: auto !important; right: 0px !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_txt.person_single .jhd_acc span.toggle_icon { left: auto !important; left: 0px !important; } .jhd_txt.person_single .jhd_acc div.toggle_content { padding: 0px 0px 0px 0px !important; } .jhd_txt.person_single .jhd_acc div.toggle_content p strong { text-transform: none !important; font-family: 'TTNorms-Medium' !important; } .av_one_third.jhd_txt.person_single {} @media only screen and (min-width: 767px) and (max-width: 1200px) { .av_one_third.jhd_txt.person_single { margin-left: 0%; margin-right: 5%; width: 45%; } .av_one_third.jhd_txt.person_single.jobs { margin-left: 6%; margin-right: 0%; width: 44%; } .av_one_third.el_after_av_one_third {} /* arabic > #top.rtl > rtl > right to left */ #top.rtl .av_one_third.el_after_av_one_third:nth-child(3n) { margin-right: 0% !important; } } /* ------------ ------------ ------------ black colors toggler */ .avia-section.black .jhd_txt.person_single span.jhd_lang { color: rgba(255,255,255,1.0) !important; } .avia-section.black .jhd_txt.person_single span.jhd_pos { font-family: 'TTNorms-LightItalic' !important; color: rgba(255,255,255,1.0) !important; } .avia-section.black .jhd_txt.person_single .jhd_lang:before, .avia-section.black .jhd_txt.person_single .jhd_mail:before, .avia-section.black .jhd_txt.person_single .jhd_tel:before { color: rgba(255,255,255,1.0) !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .avia-section.black .jhd_txt.person_single .jhd_lang::after, #top.rtl .avia-section.black .jhd_txt.person_single .jhd_mail::after, #top.rtl .avia-section.black .jhd_txt.person_single .jhd_tel::after { color: rgba(255,255,255,1.0) !important; } .avia-section.black .jhd_txt.person_single a.jhd_tel, .avia-section.black .jhd_txt.person_single a.jhd_mail { font-family: 'TTNorms-Light' !important; color: rgba(255,255,255,1.0) !important; } .avia-section.black .jhd_txt.person_single a:hover { color: rgba(53,53,255,1.0) !important; } .avia-section.black .jhd_txt.person_single .jhd_acc .toggle_icon .hor_icon, .avia-section.black .jhd_txt.person_single .jhd_acc .toggle_icon .vert_icon { border-color: rgba(255,255,255,1.0) !important; } .avia-section.black .jhd_acc .toggler:hover > .toggle_icon .hor_icon, .avia-section.black .jhd_acc .toggler:hover > .toggle_icon .vert_icon { border-color: rgba(53,53,255,1.0) !important; } .avia-section.black .jhd_acc .toggler.activeTitle .toggle_icon .hor_icon, .avia-section.black .jhd_acc .toggler.activeTitle .toggle_icon .vert_icon { border-color: rgba(53,53,255,1.0) !important; } .avia-section.black .jhd_txt.person_single .jhd_txt.person_single .jhd_acc div.toggle_content { color: rgba(255,255,255,1.0) !important; } .avia-section.black .jhd_txt.person_single .jhd_acc .toggler { color: rgba(255,255,255,1.0) !important; font-family: 'TTNorms-Medium' !important; border-top: 1px solid rgba(255,255,255,1.0) !important; } .avia-section.black .jhd_txt.person_single .jhd_acc .toggler:hover { color: rgba(53,53,255,1.0) !important; } .avia-section.black .jhd_txt.person_single .jhd_acc .toggler.activeTitle { color: rgba(53,53,255,1.0) !important; } .avia-section.black .jhd_txt.person_single .jhd_acc div.toggle_content p { color: rgba(255,255,255,1.0) !important; font-family: 'TTNorms-Light' !important; } .avia-section.black .jhd_txt.person_single .jhd_acc div.toggle_content p strong { font-family: 'TTNorms-Medium' !important; color: rgba(255,255,255,1.0) !important; } /* ------------ ------------ ------------ Seite Jobs Blog-Entry-Slider */ #section_jobs_posts { background-color: rgba(0,0,0,1.0) !important; font-family: 'TTNorms-Regular' !important; } @media only screen and (max-width: 1173px) { #section_jobs_posts .container { width: 92% !important; max-width: 800px !important; } } #section_jobs_posts .container {} #section_jobs_posts .container .avia_codeblock {} @media only screen and (min-width: 1174px) { #section_jobs_posts {} #section_jobs_posts .container { width: 100% !important; color: rgba(0,0,0,1.0) !important; max-width: 900px !important; } #section_jobs_posts .container .avia_codeblock {} #section_jobs_posts .container .avia_codeblock iframe, #section_jobs_posts .container .avia_codeblock iframe body, #section_jobs_posts .container .avia_codeblock iframe body.widget-page * { font-family: 'TTNorms-Regular' !important; color: rgba(0,0,0,1.0) !important; font-weight: 600 !important; font-weight: bold !important; } } .avia-content-slider.jobs {} .avia-content-slider .slide-entry-wrap { margin-bottom: 0px !important; border-radius: 10px !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 { padding: 0px !important; } } .avia-content-slider.jobs .slide-entry a { display: block; background: rgba(252,255,255,1.0) !important; width: 100% !important; height: 100% !important; min-height: 140px !important; padding: 18px !important; color: rgba(0,0,0,1.0) !important; text-align: left !important; border: 0px solid rgba(0,0,0,0.0) !important; text-transform: none; line-height: normal !important; font-family: 'TTNorms-Regular' !important; font-size: 1.2rem !important; border-radius: 6px !important; -webkit-transform: scale(0.98) !important; transform: scale(0.98) !important; margin-bottom: 12px !important; } .avia-content-slider.jobs .slide-entry .slide-meta, .avia-content-slider.jobs .slide-entry .slide-entry-excerpt { visibility: hidden; display: none; } @media only screen and (min-width: 768px) { .avia-content-slider.jobs .slide-entry a { min-height: 130px !important; } } @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 {} } .avia-content-slider.jobs .slide-entry a:before { position: absolute; display: block; right: 18px; bottom: 18px; content: "Details ansehen"; font-family: 'TTNorms-Light' !important; font-size: 0.9rem !important; text-align: center; color: white; background-color: black; border-radius: 4px; padding: 13px 18px; } @media only screen and (min-width: 768px) { .avia-content-slider.jobs .slide-entry a:before { right: 18px; bottom: 18px; } } .avia-content-slider.jobs .slide-entry a:hover { background: rgba(53,53,255,1.0) !important; transform-origin: center center; -webkit-transform: scale(1.0) !important; transform: scale(1.0) !important; } /* ------------ ------------ ------------ hide Jobs .hide_jobs:lang(en-US), .avia-section.jobs_lang:lang(en-US) { display: none !important; visibility: hidden !important; } .hide_jobs:lang(ru-RU), .avia-section.jobs_lang:lang(ru-RU) { display: none !important; visibility: hidden !important; } .hide_jobs:lang(es-ES), .avia-section.jobs_lang:lang(es-ES) { display: none !important; visibility: hidden !important; } .hide_jobs:lang(fr-FR), .avia-section.jobs_lang:lang(fr-FR) { display: none !important; visibility: hidden !important; } .hide_jobs:lang(ar-AR), .avia-section.jobs_lang:lang(ar-AR) { display: none !important; visibility: hidden !important; } */ .hide_jobs, .avia-section.empty.after_jobs { display: none; visibility: hidden; } .hide_jobs:lang(de-DE), .avia-section.empty.after_jobs:lang(de-DE) { display: block !important; visibility: visible !important; } /* ------------ ------------ ------------ Bewerben Button Print Button */ a.jhd-print-page, .button_bewerben .avia-button { width: auto; min-width: 240px; border-radius: 8px !important; border: 3px solid rgba(53,53,255,1.0) !important; padding: 17px 32px !important; display: inline-block; background: rgba(53,53,255,1.0) !important; margin: 0px !important; line-height: 0.0em !important; position: relative; text-decoration: none; color: rgba(252,255,255,1.0) !important; text-align: center; max-width: 100%; } a.jhd-print-page { background: rgba(221,221,221,1.0) !important; border: 3px solid rgba(221,221,221,1.0) !important; } a.jhd-print-page { margin-top: 12px !important; font-family: 'TTNorms-Bold' !important; font-size: 1.0rem !important; text-transform: uppercase; } a.jhd-print-page:hover, .button_bewerben .avia-button:hover { background: rgba(252,255,255,1.0) !important; background: rgba(0,0,0,1.0) !important; border: 3px solid rgba(0,0,0,1.0) !important; } .button_bewerben .avia-button .avia_iconbox_title { font-family: 'TTNorms-Bold' !important; font-size: 1.0rem !important; text-transform: uppercase; } /* ------------ ------------ ------------ ------------ ------------ ------------ page footer ffffffff */ .js_active .av-parallax.active-parallax { opacity: 0; } @media only screen and (min-width: 768px) { .js_active .av-parallax.active-parallax {} } @media (orientation: portrait) { .js_active .av-parallax.active-parallax {} } @media (orientation: landscape) { .js_active .av-parallax.active-parallax { opacity: 1; } } /* #jhd_footer .av-parallax .av-parallax-inner { filter: blur(4px) saturate(24%) brightness(50%) grayscale(50%); -webkit-filter: blur(4px) saturate(24%) brightness(50%) grayscale(50%); } #jhd_footer .av-parallax .av-parallax-inner { filter: blur(3px) brightness(50%) grayscale(75%) saturate(75%) contrast(75%); -webkit-filter: blur(3px) brightness(50%) grayscale(75%) saturate(75%) contrast(75%); } */ #jhd_footer .av-parallax .av-parallax-inner { filter: blur(3px) brightness(50%) grayscale(75%) saturate(100%) contrast(75%); -webkit-filter: blur(3px) brightness(50%) grayscale(75%) saturate(100%) contrast(75%); } #jhd_footer { padding: 0px !important; } #jhd_footer.avia-section-default { padding: 0px !important; } #jhd_footer .container { padding-bottom: 36px !important; } #jhd_footer .scrm_picall.flogo, #jhd_footer .flogo { padding-top: 36px; padding-bottom: 60px; margin-left: -1px; } #jhd_footer .flogo.mobile, #jhd_footer .flogo.monitor { visibility: hidden; display: none; width: 100%; } @media only screen and (max-width: 479px) {} #jhd_footer .flogo.mobile { visibility: visible !important; display: block !important; margin: 0 auto !important; width: 100%; } #jhd_footer .flogo.mobile img.avia_image { margin: 0 auto !important; min-width: 180px; max-width: 37%; } @media only screen and (min-width: 480px) { #jhd_footer .flogo.monitor {} } @media only screen and (min-width: 768px) and (max-width: 989px) { #jhd_footer .flogo.mobile {} #jhd_footer .flogo.mobile img.avia_image { margin: 0 auto !important; max-width: 240px; } } @media only screen and (min-width: 990px) { #jhd_footer .flogo.monitor {} #jhd_footer .flogo.mobile img.avia_image { max-width: 280px; } } #jhd_footer strong, #jhd_footer .avia_textblock, #jhd_footer h1, #jhd_footer h2, #jhd_footer h3, #jhd_footer h4, #jhd_footer h5, #jhd_footer h6 { color: rgba(255,255,255,1.0); } #jhd_footer .avia_textblock p {} #jhd_footer .avia_textblock.text_footer { max-width: 767px; margin: 0 auto; padding-bottom: 24px; } #jhd_footer .avia_textblock.text_footer.opac { opacity: 0.99 !important; padding-bottom: 60px; } @media only screen and (max-width: 767px) { .fdontwait { padding-bottom: 60px !important; } #jhd_footer h3.widgettitle {} } #jhd_footer h3.widgettitle { color: rgba(255,255,255,1.0); font-size: 0.9rem !important; padding-bottom: 12px; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl #jhd_footer h3.widgettitle { font-size: 1.4rem !important; } #jhd_footer h4 {} #jhd_footer .jhd_flexcol { margin-bottom: 120px; } /* ------------ ------------ ------------ page footer widgets text */ #jhd_footer .textwidget p span.jhd_addr, #jhd_footer .textwidget p { color: rgba(255,255,255,1.0); font-size: 0.9rem !important; } #jhd_footer .textwidget p strong { text-transform: none !important; font-size: 0.9rem !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl #jhd_footer .textwidget p span.nowrap, #top.rtl #jhd_footer .textwidget p, #top.rtl #jhd_footer .textwidget p strong { font-size: 1.0rem !important; } @media only screen and (max-width: 840px) { #jhd_footer .textwidget p strong { letter-spacing: -0.04rem !important; } } #jhd_footer .textwidget a { font-size: 0.9rem !important; color: rgba(255,255,255,1.0) !important; -webkit-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; text-decoration: none; margin-left: 30px; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .textwidget p a.jhd_ftel, #top.rtl .textwidget p a.jhd_fmail, #top.rtl .textwidget p a.jhd_fweb { direction: ltr !important; unicode-bidi:embed !important; margin-right: 30px !important; } .jhd_fweb:before, .jhd_fmail:before, .jhd_ftel:before { position: absolute; margin-left: -30px !important; font-family: "entypo-fontello" !important; color: rgba(255,255,255,1.0) !important; font-size: 1.0rem !important; } .jhd_ftel:before { content: "\e854" !important; } .jhd_fmail:before { content: "\e8b7" !important; } .jhd_fweb:before { font-family: "flaticon" !important; content: "\f25f" !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_fweb:before, #top.rtl .jhd_fmail:before, #top.rtl .jhd_ftel:before { content: "" !important; width: 0 !important; } #top.rtl .jhd_fweb::after, #top.rtl .jhd_fmail::after, #top.rtl .jhd_ftel::after { position: absolute; _float: right; right: 0 !important; font-family: "entypo-fontello" !important; color: rgba(255,255,255,1.0) !important; font-size: 1.0rem !important; } #top.rtl .jhd_fweb, #top.rtl .jhd_fmail, #top.rtl .jhd_ftel { margin-left: 0px; margin-right: 30px !important; } #top.rtl .jhd_ftel::after { content: "\e854" !important; } #top.rtl .jhd_fmail::after { content: "\e8b7" !important; } #top.rtl .jhd_fweb::after { font-family: "flaticon" !important; content: "\f25f" !important; } #jhd_footer .textwidget a:hover { color: rgba(53,53,255,1.0) !important; } #jhd_footer .widget_nav_menu h3.widgettitle { padding-left: 3px; } #jhd_footer .widget_nav_menu li:first-child { border-top-width: 0px !important; } #jhd_footer .widget_nav_menu li { border-bottom-width: 0px !important; } #jhd_footer .widget_nav_menu li { background-color: rgba(255,255,255,0.0) !important; } #jhd_footer .widget_nav_menu li a { font-size: 0.9rem !important; color: rgba(255,255,255,1.0) !important; padding: 0.2rem 3px !important; -webkit-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; } #jhd_footer .widget_nav_menu li a:hover{ color: rgba(53,53,255,1.0) !important; background-color: transparent !important; } #jhd_footer .widget_nav_menu li.current-menu-item a { color: rgba(53,53,255,1.0) !important; } /* ------------ ------------ ------------ footer page lang list */ #jhd_footer .widget_custom_html, #jhd_footer .widget_icl_lang_sel_widget { padding: 0px 0 0px 0 !important; } #jhd_footer .widget_custom_html h3.widgettitle { padding-left: 5px; } #jhd_footer .avia-builder-widget-area a.wpml-ls-link, #jhd_footer .avia-builder-widget-area span.wpml-ls-native { text-transform: none !important; font-size: 0.9rem !important; } #jhd_footer div.lang_sel_list_vertical { border: 1px solid rgba(255,255,255,0.0) !important; } #jhd_footer div.lang_sel_list_vertical ul li a span { font-size: 0.9rem !important; } #jhd_footer div.lang_sel_list_vertical ul li a.wpml-ls-link { color: rgba(255,255,255,1.0) !important; padding: 0.43rem 3px !important; border: 1px solid rgba(255,255,255,0.0); -webkit-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl #jhd_footer div.lang_sel_list_vertical ul li a.wpml-ls-link { padding-right: 0px !important; border-right: 0px !important; } #jhd_footer div.lang_sel_list_vertical ul li a.wpml-ls-link:hover { color: rgba(53,53,255,1.0) !important; background-color: transparent !important; } #jhd_footer .avia-builder-widget-area li.wpml-ls-current-language a.wpml-ls-link { color: rgba(53,53,255,1.0) !important; } /* ------------ ------------ ------------ footer hack height container */ .av-minimum-height-75 .container, .av-cell-min-height-75 > .flex_cell { height: auto !important; } #jhd_footer .avia_textblock.text_footer { padding-bottom: 30px; } /* ------------ ------------ ------------ 404 Seite - Widget Menüs */ .sec-we-mairec { _border: 1px solid red; } .sec-we-mairec .col-we-mairec .widget_nav_menu { _border: 1px solid red; } .sec-we-mairec h3.widgettitle { font-family: 'TTNorms-Bold' !important; text-transform: uppercase !important; _font-size: 0.96rem !important; margin-bottom: 12px !important; padding-left: 0.1rem !important; font-size: 2.4rem !important; line-height: 2.88rem !important; letter-spacing: -0.05rem !important; } .sec-we-mairec .three h3.widgettitle { color: rgba(53,53,255,1.0) !important; } .sec-we-mairec .col-we-mairec .widget_nav_menu ul { padding-right: 24px !important; } .sec-we-mairec .col-we-mairec .widget_nav_menu li { margin-bottom: 12px !important; } .sec-we-mairec .col-we-mairec .widget_nav_menu li a { font-size: 1.0rem !important; font-family: 'TTNorms-Regular' !important; color: rgba(0,0,0,1.0) !important; padding: 0.2rem 3px !important; text-transform: uppercase; -webkit-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; } .sec-we-mairec .col-we-mairec .widget_nav_menu li a:hover{ color: rgba(53,53,255,1.0) !important; background-color: transparent !important; } .sec-we-mairec .col-we-mairec .widget_nav_menu li.current-menu-item a { color: rgba(53,53,255,1.0) !important; } @media only screen and (min-width: 768px) { .sec-we-mairec .content .avia_textblock.jhd_centerr { max-width: 100% !important; width: 100% !important; _border: 1px solid red !important; } .sec-we-mairec .content .avia_textblock { text-align: left !important; _border: 1px solid red !important; } } @media only screen and (min-width: 990px) { .sec-we-mairec .three h3.widgettitle { white-space: nowrap !important; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .sec-we-mairec h3.widgettitle { padding-right: 24px !important; font-size: 1.8rem !important; line-height: 2.4rem !important; letter-spacing: -0.05rem !important; } } @media only screen and (max-width: 767px) { .sec-we-mairec h3.widgettitle { padding-left: 0.0rem !important; } .sec-we-mairec .col-we-mairec .widget_nav_menu ul { padding-right: 0px !important; } .sec-we-mairec h3.widgettitle { text-align: center !important; font-size: 1.9rem !important; line-height: 2.2rem !important; } .sec-we-mairec .col-we-mairec .widget_nav_menu li { text-align: center !important; margin-bottom: 6px !important; } .sec-we-mairec .col-we-mairec .widget_nav_menu li a { display: inline-block; font-size: 1.0rem !important; font-family: 'TTNorms-Medium' !important; color: rgba(255,255,255,1.0) !important; border: 2px solid rgba(255,255,255,0.0) !important; border-radius: 8px; width: 320px; padding: 0.8rem 1rem 0.6rem 1rem !important; background-color: rgba(0,0,0,1.0) !important; } .sec-we-mairec .col-we-mairec .widget_nav_menu li a:hover { cursor: pointer !important; color: rgba(255,255,255,1.0) !important; background-color: rgba(0,0,0,1.0) !important; } .sec-we-mairec .col-we-mairec .widget_nav_menu li a:focus, .sec-we-mairec .col-we-mairec .widget_nav_menu li a:active { background: rgba(53,53,255,1.0) !important; color: rgba(255,255,255,1.0) !important; -webkit-transition: all 60ms ease-in-out !important; -moz-transition: all 60ms ease-in-out !important; -o-transition: all 60ms ease-in-out !important; -ms-transition: all 60ms ease-in-out !important; transition: all 60ms ease-in-out !important; } } /* ------------ ------------ ------------ ------------ ------------ ------------ mobile footer */ @media only screen and (max-width: 369px) { #jhd_footer li.menu-item { min-width: 50%; } } @media only screen and (min-width: 370px) and (max-width: 767px) { #jhd_footer li.menu-item { min-width: 330px !important; } } #jhd_footer .textwidget p {} /* arabic > #top.rtl > rtl > right to left */ #top.rtl #jhd_footer h3.widgettitle { padding-right: 3px !important; } @media only screen and (max-width: 767px) { /* hide lang menu, which is in the code */ #jhd_footer .widget_lang_menu, #jhd_footer .widget_nav_menu { visibility: hidden !important; display: none !important; } #jhd_footer h3.widgettitle { font-family: 'TTNorms-Bold' !important; font-size: 1.4rem !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl #jhd_footer h3.widgettitle { padding-right: 0px !important; } #jhd_footer li.menu-item { display: inline-block; border-radius: 7px; margin: 0 !important; line-height: 1.4 !important; font-size: 1.4rem !important; } #jhd_footer a.jhd_ftel { margin-top: 12px; } #jhd_footer a.jhd_fweb, #jhd_footer a.jhd_fmail, #jhd_footer a.jhd_ftel, #jhd_footer .avia-builder-widget-area a.wpml-ls-link, #jhd_footer li.menu-item a { min-width: 260px; min-height: 45px; height: 42px; display: inline-block; border: 2px solid rgba(255,255,255,0.0) !important; background: rgba(255,255,255,0.00) !important; border-radius: 8px; font-size: 1.1rem !important; margin-bottom: 0.36rem; line-height: 2.4rem !important; } #jhd_footer .avia-builder-widget-area a.wpml-ls-link { line-height: 2.0rem !important; font-size: 1.3rem !important; } #jhd_footer .avia-builder-widget-area a span.wpml-ls-native, #jhd_footer .avia-builder-widget-area a span.wpml-ls-display { font-size: 1.1rem !important; } #jhd_footer a.jhd_fweb, #jhd_footer a.jhd_fmail, #jhd_footer a.jhd_ftel { margin-left: 0px; padding-left:20px !important; line-height: 3.0rem !important; height: 48px; } .jhd_fweb:before, .jhd_fmail:before, .jhd_ftel:before { position: absolute; margin-top: -1px; margin-left: -30px !important; color: rgba(255,255,255,1.0) !important; font-size: 1.2rem !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl .jhd_fweb::after, #top.rtl .jhd_fmail::after, #top.rtl .jhd_ftel::after { position: absolute; right: auto !important; margin-left: 12px; } } /* ------------ ------------ ------------ center menu in mobile version */ @media only screen and (max-width: 767px) { .scrm_widget { text-align: center !important; } #lang_sel_list { margin: 0 auto !important; } } /* ------------ ------------ ------------ lang footer */ #lang_sel_footer { background: rgba(0,0,0,1.0) !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ socket */ #socket { background: rgba(0,0,0,1.0) !important; border-top-width: 0px !important; border-bottom: 1px solid rgba(23,23,83,1.0) !important; } #socket .sub_menu_socket { float: left !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl #socket .sub_menu_socket { float: right !important; } #socket .sub_menu_socket li { border: 0px; } #socket .copyright, #socket .copyright span, #socket .sub_menu_socket li a .avia-menu-text{ font-size: 0.8rem; font-family: 'TTNorms-Light' !important; color: rgba(255,255,255,1.0); direction: ltr; } #socket .sub_menu_socket li a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration: none; color: rgba(255,255,255,1.0); } #socket .sub_menu_socket li a:hover span { text-decoration: none; color: rgba(53,53,255,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; } #socket ul.social_bookmarks a { color: rgba(255,255,255,1.0) !important; } #top #wrap_all .av-social-link-kununu a:before{ content: ""; width: 18px; height: 18px; float: none !important; display: inline-block !important; vertical-align: middle; background: url(https://www.mairec.com/wp-content/uploads/2022/02/kununu-circle.png) no-repeat center center; background-size: contain; } /**** hover style - just an example - if you make the image a bit smaller - you can style background-color #top #wrap_all .av-social-link-kununu:hover a { -webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg) } ***/ #top #wrap_all .av-social-link-kununu:hover a{ color:#fff; background-color:#99c612; } #socket .copyright a.link_jhd { font-size: 0.8rem !important; font-family: 'TTNorms-Light' !important; color: rgba(255,255,255,1.0) !important; text-decoration: none !important; } #socket .copyright a.link_jhd:hover { color: rgba(53,53,255,1.0) !important; } @media only screen and (max-width: 430px) { #socket .copyright { letter-spacing: -0.05rem !important; white-space: nowrap !important; } } @media only screen and (max-width: 989px) { #socket .container { padding-left: 2px !important; text-align: center !important; /*center*/ } span.copyright { width: 100%; line-height: 1.2rem; font-size: 0.9rem !important; } .responsive #socket .sub_menu_socket { position: absolute; margin-top: 30px !important; width: 100% !important; } .responsive #socket .sub_menu_socket .avia3-menu { border-left: 0px solid rgba(255,255,255,1.0) !important; margin-left: 0px; } .responsive #socket .sub_menu_socket .avia3-menu .avia-menu-text { line-height: 2.0rem; font-size: 0.9rem !important; } .responsive #socket ul.social_bookmarks { margin: 150px 0px 12px 0px; display: block; margin-right: calc(50% - 105px) !important; -webkit-transform: scale(1.5) !important; transform: scale(1.5) !important; } #socket .sub_menu_socket li { padding: 0px !important; } /* arabic > #top.rtl > rtl > right to left */ .responsive #top.rtl #socket ul.social_bookmarks {} .responsive #top.rtl #socket .container {} .responsive #top.rtl #socket ul.social_bookmarks { margin: 150px 0px 12px 0px; display: block; width: 160px; margin-left: calc(50% - 90px) !important; -webkit-transform: scale(1.5) !important; transform: scale(1.5) !important; } .responsive #socket .link_jhd { margin: 12px 0px 0px 0px; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive #top.rtl #socket .container { padding-right: 0px !important; padding-left: 0px !important; } } @media only screen and (max-width: 767px) { .responsive #socket ul.social_bookmarks { margin-right: calc(50% - 65px) !important; } .responsive #top.rtl #socket ul.social_bookmarks { margin-left: calc(50% - 90px) !important; } .responsive #top.rtl #socket .container {} } @media only screen and (max-width: 375px) { .responsive #socket .sub_menu_socket { margin-top: 60px !important; } .responsive #socket .sub_menu_socket .avia3-menu .avia-menu-text { line-height: 2.0rem; } .responsive #socket ul.social_bookmarks {} /* arabic > #top.rtl > rtl > right to left */ .responsive #top.rtl #socket ul.social_bookmarks {} .responsive #socket .link_jhd { margin: 12px 0px 0px -8px; display: block; } .responsive #top.rtl #socket .link_jhd { margin: 12px 0px 0px -8px; display: inline-block; } } @media only screen and (max-width: 320px) { .responsive #socket ul.social_bookmarks {} } /* ------------ ------------ ------------ center menu in mobile version */ @media only screen and (max-width: 989px) { #avia3-menu li { float: none !important; } } @media only screen and (min-width: 768px) and (max-width: 989px) { #socket span.copyright { margin-left: 36px !important; } } @media only screen and (min-width: 990px) { #socket .sub_menu_socket { position: relative; margin-top: -1px; margin-left: 48px; } #socket .sub_menu_socket .avia3-menu:before { position: absolute; content: "|"; color: rgba(255,255,255,1.0) !important; margin-top: -0px; margin-left: -4px; font-family: 'TTNorms-ExtraLight' !important; } #socket .sub_menu_socket .avia3-menu { margin-left: -30px; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl #socket .sub_menu_socket .avia3-menu { margin-right: 20px; } #top.rtl #socket .sub_menu_socket .avia3-menu:before { margin-right: -12px !important; } #socket .social_bookmarks { float: right; margin: -10px 36px 0 0px; position: relative; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl #socket .social_bookmarks { margin: -10px 8px 0 0px !important; } #socket .social_bookmarks a { color: rgba(255,255,255,1.0) !important; } #socket .social_bookmarks a:hover { color: rgba(255,255,255,1.0) !important; } #socket .copyright, #socket .copyright span, #socket .sub_menu_socket li a .avia-menu-text{ font-size: 0.8rem !important; } } /* ------------ ------------ ------------ ------------ ------------ ------------ scroll up button */ a#scroll-top-link { display: block !important; border: 0px dashed rgba(53,53,255,0.36) !important; height: 100px !important; text-shadow: 0px 0px 3px rgba(0,0,0,0.0); width: 60px !important; height: 60px !important; border-radius: 60px !important; background-color: rgba(53,53,255,0.0) !important; right: 6px !important; bottom: 0px !important; font-size: 2.0rem !important; line-height: 3.4rem !important; opacity: 1.0 !important; color: rgba(255,255,255,1.0) !important; -webkit-tap-highlight-color: transparent; text-decoration: none !important; -webkit-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl a#scroll-top-link { right: auto !important; left: 6px !important; width: 120px !important; } @media only screen and (min-width: 1025px) { a#scroll-top-link { right: 2% !important; bottom: 0px !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl a#scroll-top-link { right: 100% !important; bottom: 0px !important; margin-right: -110px !important; } } a#scroll-top-link.show {} a#scroll-top-link:hover:before{ position: absolute; margin-top: 2px; margin-left: -13px; font-family: 'TTNorms-Medium' !important; font-size: 0.9rem !important; content: 'TOP'; color: rgba(53,53,255,1.0) !important; } /* arabic > #top.rtl > rtl > right to left */ #top.rtl a#scroll-top-link:hover:before{ margin-right: -30px !important; content: 'الى الأعلى'; } a#scroll-top-link:hover {} /* ------------ ------------ ------------ ------------ ------------ ------------ This site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies. cookies notice */ .avia-cookie-consent { width: 100%; position: fixed; background-color: rgba(0,0,0,0.96); z-index: 999; text-align: left; opacity: 1; visibility: visible; transition: all 0.36s ease-in-out; overflow: hidden; margin: 0 auto; } .avia-cookie-consent .container { padding-left: 4% !important; padding-right: 4% !important; max-width: 1200px !important; text-align: left !important; } @media only screen and (min-width: 1024px) { .avia-cookie-consent .container { padding-left: 50px !important; padding-right: 50px !important; } } .avia-cookie-consent p.avia_cookie_text { display: inline-block !important; color: rgba(255,255,255,1.0); margin-right: 0.8rem; } .avia-cookie-consent a.avia-cookie-consent-button { cursor: pointer; display: inline-block; background-color: rgba(53,53,255,1.0) !important; border: 2px solid transparent !important; color: rgba(255,255,255,1.0) !important; padding: 0.33rem 0.7rem 0.09rem 0.3rem !important; min-width: 80px; border-radius: 4px; text-decoration: none; transition: all 0.3s ease-in; line-height: 1; white-space: nowrap; margin: 0; } .avia-cookie-consent a.avia-cookie-consent-button.avia-cookie-close-bar { margin-right: 0.8rem !important; text-align: center !important; font-family: 'TTNorms-Bold' !important; } .avia-cookie-consent a.avia-cookie-consent-button.av-extra-cookie-btn { border-color: #fff; border: 0px solid transparent; background-color: rgba(53,53,255,0.0) !important; color: rgba(255,255,255,1.0) !important; font-family: 'TTNorms-Regular' !important; padding: 0.3rem 0.7rem 0.0rem 0rem !important; } .avia-cookie-consent a.avia-cookie-consent-button.avia-cookie-close-bar:hover { color: rgba(53,53,255,0.99) !important; background-color: rgba(255,255,255,1.0) !important; } .avia-cookie-consent a.avia-cookie-consent-button.av-extra-cookie-btn:hover { background-color: rgba(53,53,255,0); color: rgba(255,255,255,1.0) !important; text-decoration: underline; } /* ------------ ------------ ------------ ------------ ------------ ------------ enfold theme */ .av-language-switch-item { display:none !important; } .isotope, .isotope-item, .inner-entry, .ajax_slide { -webkit-perspective: 1000; /*fix webkit flickering bug*/ -webkit-backface-visibility: hidden; } /* ------------ ------------ ------------ ------------ ------------ ------------ under construction */ .under_construction { border: 10px dashed rgba(255,0,0,0.361) !important; } .under_construction::before { content:"in Arbeit"; display: inline-block; position: absolute; margin-top: -20px; margin-left: 10px; color: rgba(255,0,0,0.361) !important; font-family: 'TTNorms-Bold' !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ under construction */ ul#jhd_lang_link_container { position: absolute; z-index: 9999; top: 210px; right: 95px; width: 200px; display: block; } ul#jhd_lang_link_container li a { color: rgba(255,255,255,0.99) !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ SEO Posts */ .single-post .fullsize .template-blog .post-title { text-align: left !important; font-size: 30px; padding: 15px 0; max-width: 1200px !important; margin: 0 auto; } .single-post .entry-content-header h1 a { font-family: 'TTNorms-Bold' !important; text-transform: uppercase !important; font-size: 1.39rem !important; line-height: 1.7rem !important; color: rgba(255,255,255,1.0) !important; } @media only screen and (min-width: 540px) { .single-post .entry-content-header h1 a { font-size: 2.8rem !important; line-height: 2.7rem !important; margin-bottom: 27px !important; } .single-post .entry-content-header { margin-top: 36px !important; margin-bottom: 36px !important; } } .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6 { font-family: 'TTNorms-Bold' !important; } .single-post .entry-content h2 { font-size: 1.2rem !important; line-height: 1.6rem !important; text-transform: none !important; padding-top: 72px; color: rgba(53,53,255,1.0); color: rgba(120,120,120,1.0) !important; } .single-post .entry-content h4 { padding-top: 36px; color: rgba(53,53,255,1.0); color: rgba(120,120,120,1.0) !important; } .single-post .entry-content h3, .single-post .entry-content h5, .single-post .entry-content h6, .single-post .entry-content strong, .single-post .entry-content p { color: rgba(255,255,255,1.0) !important; } .single-post .entry-content-wrapper { text-align: left !important; font-size: 1.15em; line-height: 1.7em; max-width: 1200px !important; margin: 0 auto; overflow: visible; } .single-post .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 1200px !important; margin-left: auto; margin-right: auto; } .single-post .wp-caption-text { text-align: left !important; display: inline-block !important; padding-left: 0.0rem !important; line-height: 1.2em !important; font-size: 0.8rem !important; font-family: 'TTNorms-Light' !important; font-style: normal !important; } .archive.category.category-mairec-edelmetall-recycling .image-overlay, .single-post .image-overlay { visibility: hidden; } /* ------------ ------------ ------------ ------------ ------------ ------------ SEO Posts mit Avia Layout Builder*/ .single-post .jhd_avia_sec { background-color: rgba(255,255,255,1.0) !important; padding-top: 36px !important; padding-bottom: 36px !important; _border: 1px solid red; } .single-post .jhd_avia_sec.first { padding-top: 90px !important; } .single-post .jhd_avia_sec.last{ padding-bottom: 120px !important; } .single-post .jhd_avia_col { padding-top: 48px !important; } .single-post .jhd_avia_sec .avia_textblock strong, .single-post .jhd_avia_sec .avia_textblock { color: rgba(0,0,0,1.0) !important; } .single-post .jhd_avia_sec .avia_textblock h2 { font-size: 1.5rem !important; line-height: 1.9rem !important; } .single-post .jhd_avia_sec .avia_textblock h4 { font-size: 1.5rem !important; line-height: 1.9rem !important;; } .single-post.mairec-edelmetall-recycling .avia-post-nav { display: none !important; visibility: hidden !important; } @media only screen and (max-width: 767px) { .responsive #top.single-post.mairec-edelmetall-recycling .avia-post-nav { display: none !important; visibility: hidden !important; } .single-post .jhd_avia_sec .avia_textblock h4, .single-post .jhd_avia_sec .avia_textblock h2 { text-transform: none !important; } } .single-post .jhd_avia_sec .avia_textblock a img { color: rgba(0,0,0,0.0) !important; background-color: rgba(0,0,0,0.0) !important; } .archive.category-mairec-edelmetall-recycling a.slide-image:hover, .single-post .jhd_avia_sec .avia_textblock a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); color: rgba(0,0,0,0.0) !important; background-color: rgba(0,0,0,0.0) !important; } .archive.category-mairec-edelmetall-recycling .slide-entry-title a { text-transform: none !important; color: rgba(255,255,255,1.0) !important; font-size: 1.5rem !important; } .archive.category-mairec-edelmetall-recycling .slide-meta { display: none !important; visibility: hidden !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ Forschung Entwiclkung F&E */ @media only screen and (min-width: 768px) { .whitespace_fe_mob { display: none !important; visibility: hidden !important; } } /* ------------ ------------ ------------ ------------ ------------ ------------ französische Version #menu-item-wpml-ls-23-fr, li.icl-fr { display: none !important; visibility: hidden !important; } */ /* ------------ ------------ ------------ ------------ ------------ ------------ russische Version #menu-item-wpml-ls-23-ru:lang(de-DE), .icl-ru:lang(de-DE), #menu-item-wpml-ls-23-ru:lang(en-US), .icl-ru:lang(en-US) { visibility: hidden !important; display: none !important; } */ /* ------------ ------------ ------------ ------------ ------------ ------------ spanische Version #menu-item-wpml-ls-23-es:lang(de-DE), .icl-es:lang(de-DE), #menu-item-wpml-ls-23-es:lang(en-US), .icl-es:lang(en-US), li.wpml-ls-slot-29.menu-item-wpml-ls-23-es, #menu-item-wpml-ls-23-es, li.icl-es { display: none !important; visibility: hidden !important; } */ /* ------------ ------------ ------------ ------------ ------------ ------------ arabische Version #menu-item-wpml-ls-29-ar:lang(de-DE), .icl-ar:lang(de-DE), #menu-item-wpml-ls-29-ar:lang(en-US), .icl-ar:lang(en-US), li.wpml-ls-slot-29.menu-item-wpml-ls-29-ar, #menu-item-wpml-ls-29-ar, li.icl-ar { display: none !important; visibility: hidden !important; } */ /* arabic > #top.rtl > rtl > right to left #top.rtl .wpml-ls-slot-29.menu-item-wpml-ls-29-ar, #top.rtl #menu-item-wpml-ls-29-ar, #top.rtl li.icl-ar { display: block !important; visibility: visible !important; } */ #top.rtl .avia_textblock p, #top.rtl .avia_textblock { direction: rtl !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ arabische Version */ #top.rtl #menu-item-wpml-ls-29-ar .sub-menu .wpml-ls-menu-item .wpml-ls-flag { float: right !important; margin-right: 0px !important; margin-left: 12px !important; } #top.rtl #menu-item-wpml-ls-29-ar .sub-menu .wpml-ls-menu-item .wpml-ls-native { padding-top: 0px !important; padding-right: 18px !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ PRINT Version Posts -> 20210928 derzeit nur Jobs & Stellenangebote */ @media print { #top.single #header, #top.single .avia-fullwidth-slider.jhd_mobile, #top.single .avia-fullwidth-slider.jhd_monitor, #top.single .avia-fullwidth-slider.jhd_mobile_home, #top.single .avia-fullwidth-slider.jhd_monitor_home, #top.single #av_section_4, #top.single .footer-page-content, #top.single .container .hr-invisible, #top.single #socket, .avia-cookie-consent-wrap, #av-consent-extra-info { display: none !important; visibility: hidden !important; } .html_header_top.html_header_sticky #main { padding-top: 0px !important; } #top.single .jhd_txt { width: 100%; padding-right: 0px !important; } #top.single .avia_textblock strong, #top.single .avia_textblock ul.ul_txt li, #top.single .avia_textblock p span.nowrap, #top.single .avia_textblock p, #top.single .avia_textblock a { font-size: 0.845rem !important; line-height: 1.2rem !important; } #top.single .jhd_txt.person.person_single.jobs img.avia_image { max-width: 240px !important; } } /* ------------ ------------ ------------ ------------ ------------ ------------ Borlabs Cookie Consent */ #top.rtl #BorlabsCookieBox, #BorlabsCookieBox { direction: ltr !important; } #BorlabsCookieBox ._brlbs-block-content._brlbs-bg-dark { background: rgba(0,0,0,0.4) !important; } #BorlabsCookieBox ._brlbs-box { border-radius: 8px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; box-shadow: 0 4px 8px rgba(0,0,0,0.2); } #CookieBoxTextHeadline { font-family: 'TTNorms-Bold' !important; font-size: 1.3rem !important; line-height: 1.6rem !important; } #top.rtl #CookieBoxTextDescription, #CookieBoxTextDescription { font-family: 'TTNorms-Regular' !important; font-size: 1.06rem !important; text-align: center !important; line-height: 1.68rem !important } #top.rtl .d-block p, #top.rtl #CookiePrefDescription, #CookiePrefDescription, .cookie-preference p { font-family: 'TTNorms-Regular' !important; font-size: 1.06rem !important; line-height: 1.68rem !important } #top.rtl .cookie-box p, #top.rtl .cookie-box li, .cookie-box p .cookie-box li { font-family: 'TTNorms-Regular' !important; font-size: 0.96rem !important; direction: ltr !important; line-height: 1.68rem !important } .cookie-box a { font-family: 'TTNorms-Regular' !important; font-size: 1.06rem !important; font-size: 0.96rem !important; } .cookie-preference a._brlbs-btn-accept-all, .cookie-box a._brlbs-btn-accept-all { color: rgba(255,255,255,1.0) !important; } .cookie-preference table th, .cookie-preference table td, .cookie-preference ._brlbs-legal a, .cookie-preference a._brlbs-cursor { font-size: 0.96rem !important; text-transform: none !important; } .cookie-preference .bcac-item { border-radius: 4px !important; } .BorlabsCookie label._brlbs-checkbox { font-family: 'TTNorms-Medium' !important; font-size: 0.96rem !important; line-height: 1.6rem !important; } #BorlabsCookieBox ._brlbs-btn { display: inline-block; font-family: 'TTNorms-Regular' !important; font-size: 1.06rem !important; padding: 0.6rem 1rem 0.5rem 1rem !important; margin-right: 0.32rem !important; text-decoration: none !important; } .cookie-preference span[role=heading] { font-family: 'TTNorms-Medium' !important; text-transform: uppercase; } .cookie-preference p a { font-family: 'TTNorms-Regular' !important; text-decoration: underline !important; text-align: left !important; } .cookie-preference span._brlbs-btn-switch-status { font-family: 'TTNorms-Regular' !important; } .cookie-preference p a { font-family: 'TTNorms-Regular' !important; text-align: left !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ Borlabs Cookie Consent Vimeo */ .BorlabsCookie { direction: ltr !important; } .BorlabsCookie ._brlbs-content-blocker { display: block !important; } .BorlabsCookie ._brlbs-cb-vimeo { } .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed { padding-top: 40px !important; _border: 1px solid red !important; background: url('https://mairec.com/wp-content/uploads/2024/05/20240521-Startbild-Video-Website-1920x1080-2.jpg') no-repeat; _background-size: contain !important; background-position: center; margin: 0 auto !important; background-repeat: no-repeat !important; background-size: cover !important; _background-position: 50% 50% !important; background-size: 100% 100% !important; _width: 100vw !important; _height: 42.9vw !important; overflow: hidden; } .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed img._brlbs-thumbnail { visibility: hidden; } .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed { margin-bottom: 1em; position: relative; display: block !important; overflow: hidden; text-align: center !important; } .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption { top: 50%; left: calc(50% - 193px) !important; width: 100% !important; max-width: 375px; transform: translateY(-50%); background: rgba(0,0,0,0.6) !important; color: rgba(255,255,255,1.0) !important; margin: 0 auto !important; border-radius: 8px !important; box-shadow: 0 4px 8px rgba(0,0,0,0.2); padding: 15px 6px !important; } #top.rtl .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption p, .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption p { font-family: 'TTNorms-Regular' !important; font-size: 1.06rem !important; line-height: 1.68rem !important } .BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a[role=button] { background: rgba(53,53,255,1.0) !important; color: rgba(255,255,255,1.0) !important; font-family: 'TTNorms-Medium' !important; border-radius: 4px !important; } .BorlabsCookie ._brlbs-content-blocker ._brlbs-btn { display: inline-block; font-family: inherit; padding: 0.5rem 1rem 0.3rem 1rem !important; text-decoration: none; } /* ------------ ------------ ------------ ------------ ------------ ------------ Popup Galerie Bilduntertitel ausblenden */ .mfp-title { display: none; visibility: hidden; } /* ------------ ------------ ------------ ------------ ------------ ------------ DEV TEST SITE CSS by jh:designer / www.jochenhilmer.de / mail@jochenhilmer.de fin */ #__top.jhd-azubi:after { display: block; content: 'TEST SITE'; font-size: 1.0rem; position: fixed; z-index: 999999999999; bottom: 50%; _right: -10px; left: -20px; transform: rotate(-90deg); color: red; display: block; border: 3px dashed red; padding: 3px 9px; } #top.jhd-azubi {} #top.jhd-azubi #main {} #top.jhd-azubi #jhd_unsere_azubis_spalte, #top.jhd-azubi #jhd_azubi_overview, #top.jhd-azubi #jhd_dowhat .container, #top.jhd-azubi .jhd_grid.white {} /* ------------ ------------ ------------ STARTE DEINE ZUKUNFT JETZT! */ #top.jhd-azubi #jhd_jobsearchmodule { z-index: 999 !important; padding-bottom: 0px !important; } #top.jhd-azubi #jhd_jobsearchmodule .container { border-radius: 5px !important; padding: 20px !important; padding-top: 35px !important; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.12) !important; box-shadow: 0 0 20px rgba(0,0,0,0.12) !important; background-color: rgba(255,255,255,1.0) !important; max-width: 90% !important; } @media only screen and (min-width: 990px) { #top.jhd-azubi #jhd_jobsearchmodule { padding-bottom: 100px !important; } #top.jhd-azubi #jhd_jobsearchmodule .container { position: absolute; z-index: 2 !important; margin-top: -5vw !important; padding: 25px !important; padding-top: 45px !important; left: 0; right: 0; } } @media only screen and (min-width: 1380px) { #top.jhd-azubi #jhd_jobsearchmodule .container { margin-top: -4vw !important; max-width: 1200px !important; } } #top.jhd-azubi #jhd_jobsearchModule .container .avia_textblock {} /* ------------ ------------ ------------ DO WHAT YOU LOVE … */ #top.jhd-azubi #jhd_dowhat .avia_textblock { margin: 0 auto !important; max-width: 680px !important; text-align: center !important; } #top.jhd-azubi #jhd_dowhat .avia_textblock p { text-align: center !important; } /* ------------ ------------ ------------ UNSERE AZUBIS */ #top.jhd-azubi #jhd_unsere_azubis_sec { padding-top: 36px !important; } #top.jhd-azubi #jhd_unsere_azubis_sec .avia_textblock.jhd_centerr h2 { padding-bottom: 24px !important; } #top.jhd-azubi #jhd_unsere_azubis_spalte {} #top.jhd-azubi #jhd_unsere_azubis_spalte .container .flex_column {} #top.jhd-azubi #jhd_unsere_azubis_spalte .container, #top.jhd-azubi #jhd_unsere_azubis_spalte .scrm_colall { background-color: rgba(0,0,0,1.0) !important; } #top.jhd-azubi #jhd_azubi_overview {} #top.jhd-azubi #jhd_azubi_overview .jhd_txt { margin-top: 24px !important; margin-bottom: 6px !important; } @media only screen and (max-width: 767px) { #top.jhd-azubi #jhd_azubi_overview .jhd_cell.pic, .responsive #top.jhd-azubi #jhd_azubi_overview .jhd_cell.pic { margin-bottom: 0px !important; } } @media only screen and (min-width: 768px) { #top.jhd-azubi #jhd_azubi_overview { padding-bottom: 36px !important; } } #top.jhd-azubi #jhd_azubi_overview .avia-image-container-inner, #top.jhd-azubi #jhd_azubi_overview .avia_image, #top.jhd-azubi #jhd_azubi_overview .av-image-caption-overlay { border-radius: 0px; } #top.jhd-azubi .jhd_cell.jhd_txt { background-color: rgba(0,0,0,1.0) !important; } #top.jhd-azubi ul.ul_txt li, #top.jhd-azubi .jhd_cell.jhd_txt .avia_textblock h2, #top.jhd-azubi .jhd_cell.jhd_txt .avia_textblock h3, #top.jhd-azubi .jhd_cell.jhd_txt .avia_textblock h4, #top.jhd-azubi .jhd_cell.jhd_txt .avia_textblock p { color: rgba(255,255,255,1.0) !important; } /* ------------ ------------ ------------ MAIREC WOHLFÜHLFAKTOR etc. */ #jhd_ausbildungsangebote, #jhd_auszeichnungen, #jhd_das_sind_wir, #jhd_noch_fragen, #jhd_sechs_gruende, #jhd_wwfaktor { padding-bottom: 0px !important; } #jhd_auszeichnungen_facts {} #jhd_das_sind_wir_facts {} #jhd_noch_fragen_facts {} #jhd_sechs_gruende_facts {} #jhd_wwfaktor_facts {} #top.jhd-azubi .jhd-shadowbox { padding: 12px; border-radius: 5px !important; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.12) !important; box-shadow: 0 0 20px rgba(0,0,0,0.12) !important; } @media only screen and (min-width: 768px) { #top.jhd-azubi .jhd-shadowbox { padding: 24px; height: 160px !important; min-height: 160px !important; } } @media only screen and (max-width: 767px) { .responsive #top.jhd-azubi .jhd-shadowbox #top.jhd-azubi .jhd-shadowbox {} .responsive #top.jhd-azubi #wrap_all #jhd_das_sind_wir_facts .flex_column, .responsive #top.jhd-azubi #wrap_all #jhd_das_sind_wir_facts .av-flex-cells .no_margin, .responsive #top.jhd-azubi #wrap_all #jhd_auszeichnungen_facts .flex_column, .responsive #top.jhd-azubi #wrap_all #jhd_auszeichnungen_facts .av-flex-cells .no_margin, .responsive #top.jhd-azubi #wrap_all #jhd_noch_fragen_facts .flex_column, .responsive #top.jhd-azubi #wrap_all #jhd_noch_fragen_facts .av-flex-cells .no_margin, .responsive #top.jhd-azubi #wrap_all #jhd_sechs_gruende_facts .flex_column, .responsive #top.jhd-azubi #wrap_all #jhd_sechs_gruende_facts .av-flex-cells .no_margin, .responsive #top.jhd-azubi #wrap_all #jhd_wwfaktor_facts .flex_column, .responsive #top.jhd-azubi #wrap_all #jhd_wwfaktor_facts .av-flex-cells .no_margin { display: table !important; margin-bottom: 20px !important; } } #top.jhd-azubi i.fa-solid { margin-bottom: 0.5rem !important; } @media only screen and (min-width: 768px) { #top.jhd-azubi i.fa-solid { margin-bottom: 1rem !important; } } #top.jhd-azubi .fa-solid:before{ font-size: 3.0rem; background: -moz-linear-gradient(45deg , #000099 0%, #3535ff 100%); background: -webkit-linear-gradient(45deg , #000099 0%, #3535ff 100%); background: linear-gradient(45deg , #000099 0%, #3535ff 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } #top.jhd-azubi .jhd-shadowbox .av_textblock, #top.jhd-azubi .jhd-shadowbox .av_textblock_section { text-align: center; vertical-align: middle; } #top.jhd-azubi .jhd-shadowbox h4 strong, #top.jhd-azubi .jhd-shadowbox h4 { font-size: 1.3rem !important; line-height: 1.6rem !important; text-transform: none !important; font-family: 'TTNorms-Bold' !important; } #top.jhd-azubi .jhd-shadowbox.ww h4 { font-family: 'TTNorms-Light' !important; } #top.jhd-azubi .jhd-shadowbox.ww h4 strong { font-family: 'TTNorms-Bold' !important; } #top.jhd-azubi .jhd-shadowbox.white { background-color: rgba(255,255,255,1.0) !important; color: black !important; } #top.jhd-azubi .jhd-shadowbox.white .avia_textblock, #top.jhd-azubi .jhd-shadowbox.white p, #top.jhd-azubi .jhd-shadowbox.white h4 { color: black !important; } #top.jhd-azubi .jhd-shadowbox.white h4 { } #top.jhd-azubi .jhd-shadowbox.white .jhd-counter-title, #top.jhd-azubi .jhd-shadowbox.white .heading.avia-animated-number-title, #top.jhd-azubi .jhd-shadowbox.white .avia-animated-number-content { color: black !important; font-size: 1rem !important; } #top.jhd-azubi .jhd-shadowbox.white .heading.avia-animated-number-title { display: block; font-size: 5rem !important; padding-top: 2rem !important; padding-bottom: 2rem !important; font-family: 'TTNorms-Bold' !important; background: -moz-linear-gradient(45deg , #000099 0%, #3535ff 100%); background: -webkit-linear-gradient(45deg , #000099 0%, #3535ff 100%); background: linear-gradient(45deg , #000099 0%, #3535ff 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } @media only screen and (min-width: 767px) and (max-width: 960px) { #top.jhd-azubi .jhd-shadowbox.white .heading.avia-animated-number-title { font-size: 3.5rem !important; } } #top.jhd-azubi .jhd-horgal {} #top.jhd-azubi #jhd_auszeichnungen_facts { text-align: center !important; margin: 0 auto !important; max-width: 100% !important; } #top.jhd-azubi #jhd_auszeichnungen_facts .container { max-width: 800px !important; border-radius: 5px; } #top.jhd-azubi #jhd_auszeichnungen_facts img {} #top.jhd-azubi #jhd_auszeichnungen_facts img { border-radius: 10px !important; } @media only screen and (min-width: 480px) { #top.jhd-azubi #jhd_auszeichnungen_facts img { border-radius: 7px !important; } } @media only screen and (min-width: 768px) { #top.jhd-azubi #jhd_auszeichnungen_facts img { border-radius: 5px !important; } } #top.jhd-azubi #jhd_noch_fragen_facts {} #top.jhd-azubi .jhd-shadowbox.person_single { vertical-align: middle !important; } #top.jhd-azubi #jhd_noch_fragen_facts .jhd-con-pic { border-radius: 5px; margin-bottom: 24px !important; } #top.jhd-azubi #jhd_noch_fragen_facts .av_textblock_section {} @media only screen and (min-width: 990px) { #top.jhd-azubi #jhd_noch_fragen_facts .jhd-con-pic { width: 48%; float: left; } #top.jhd-azubi #jhd_noch_fragen_facts .av_textblock_section { height: 90% !important; width: 48%; float: left; padding-top: 10%; padding-left: 20px !important; } } #top.jhd-azubi #jhd_noch_fragen_facts .jhd-con-txt {} #top.jhd-azubi #jhd_noch_fragen_facts .jhd-con-txt p {} #top.jhd-azubi .jhd_txt.person_single h4.jhd_pers{ margin-bottom: 0px; color: rgba(0,0,0,1.0) !important; } #top.jhd-azubi .jhd_txt.person_single p { margin-top: 0.0rem !important; color: rgba(0,0,0,1.0) !important; } #top.jhd-azubi .jhd_txt.person_single span.jhd_lang, #top.jhd-azubi .jhd_txt.person_single span.jhd_pos { display: block; font-size: 0.9rem !important; margin-bottom: -12px; color: rgba(0,0,0,1.0) !important; } #top.jhd-azubi .jhd_txt.person_single span.jhd_lang { margin-left: 30px; color: rgba(0,0,0,1.0) !important; } #top.jhd-azubi .jhd_txt.person_single span.jhd_pos { font-family: 'TTNorms-Italic' !important; color: rgba(0,0,0,1.0) !important; } #top.jhd-azubi .jhd_txt.person_single a.jhd_tel, #top.jhd-azubi .jhd_txt.person_single a.jhd_mail { font-size: 0.9rem !important; color: rgba(0,0,0,1.0) !important; } #top.jhd-azubi .jhd_txt.person_single .jhd_lang:before, #top.jhd-azubi .jhd_txt.person_single .jhd_mail:before, #top.jhd-azubi .jhd_txt.person_single .jhd_tel:before { position: absolute; display: inline-block !important; margin-left: -30px; font-family: "entypo-fontello" !important; color: rgba(0,0,0,1.0) !important; font-size: 1.2rem !important; } #top.jhd-azubi-post #jhd_footer, #top.jhd-azubi #jhd_footer { visibility: hidden !important; display: none !important; } /* ------------ ------------ ------------ ------------ ------------ ------------ video #player.player div.vp-controls { opacity: 0 !important; } #player.player:hover div.vp-controls { opacity: 1 !important; } */ #top #jhd_slideshow { _max-width: 1360px !important; border: 0px solid red; margin: 0 auto !important; border-bottom: 12px solid rgba(0,0,0,1.0); width: 100vw !important; height: 56.25vw !important; max-height: 780px !important; } #top #jhd_slideshow ul.avia-slideshow-inner{ max-width: 1360px !important; margin: 0 auto !important; _border-bottom: 12px solid rgba(0,0,0,1.0); } #top #jhd_slideshow .av-section-video-bg:after, #top #jhd_slideshow .av-click-overlay { /* content: "."; position: absolute; text-indent: -200px !important; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; filter: alpha(opacity=0); opacity: 0; background: #000; */ position: relative !important; height: 0 !important; width: 0 !important; } #top #jhd_slideshow .av-control-minimal .avia-slideshow-arrows a:before { /* border: 2px solid #fff; background: transparent; line-height: 60px; */ border: 2px solid rgba(0,0,0,0.0) !important; _background-color: rgba(255,255,255,0.12) !important; } #top #jhd_slideshow .av-control-minimal .avia-slideshow-arrows .prev-slide, #top #jhd_slideshow .av-control-minimal .avia-slideshow-arrows .next-slide { -webkit-transform: scale(1.5) !important; transform: scale(1.5) !important; } #top #jhd_slideshow .avia-slideshow-dots { /* position: absolute; z-index: 200; width: 100%; bottom: 0; text-align: center; left: 0; height: 0px; */ visibility: hidden; display: none; } /* ------------ ------------ ------------ ------------ ------------ ------------ fin */