s /* Theme Name: Swiss Cognitive 2k19 (Uku Child) Theme URI: Description: Uku Child Theme Author: Lukas Mueller Author URI: https://seeven.ch Template: uku Version: 2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Uku Child Theme */ /* BODY FONT SIZE font-size: 16px; font-size: 1rem; /* ! /* ! Code von ramble GmbH, 27.10.2021 /* ! */ #post-111783 > div.entry-content > div:nth-child(6) > div:nth-child(2) > div > div > div > div > p:nth-child(1) > img.alignnone.wp-image-112992, #post-111783 > div.entry-content > div:nth-child(6) > div:nth-child(3) > div > div > div > div > p > img.alignnone.wp-image-112994, #post-111783 > div.entry-content > div:nth-child(9) > div:nth-child(3) > div > div > div > div > p > img.alignnone.wp-image-112994, #post-111783 > div.entry-content > div:nth-child(8) > div:nth-child(3) > div > div > div > div > p > img.alignnone.wp-image-112992, #post-111783 > div.entry-content > div:nth-child(9) > div:nth-child(2) > div > div > div > div > p:nth-child(1) > img.alignnone.wp-image-112992 { display: none; opacity: 0; visibility: hidden; } /* Anpassung Button */ #post-111783 > div.entry-content > div.vc_row.wpb_row.vc_row-fluid.vc_row-o-equal-height.vc_row-o-content-top.vc_row-flex > div > div > div > div.wpb_text_column.wpb_content_element.vc_custom_1635358161149 > div > p > a, #post-111783 > div.entry-content > div:nth-child(10) > div > div > div > div > div > p > a, html .maxbutton-3.maxbutton.maxbutton-join-us-now { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } div#footer_sc { display: none; visibility: hidden; opacity: 0; } footer#colophon.site-footer { padding-top: 0; } div.footer-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } div.footer-wrap #site-info li { display: inline-block; } div.footer-wrap #site-info a { position: relative; padding-left: 15px; } @media (min-width: 576px) { div.footer-wrap #site-info a { margin-left: 10px; } } div.footer-wrap #site-info a:hover, div.footer-wrap #site-info a:focus, div.footer-wrap #site-info a:focus-within { color: #d40e14; } div.footer-wrap #site-info a:before { content: ''; position: absolute; left: 0; top: 3px; width: 1px; height: 15px; background-color: white; } div.footer-wrap #footer-social { margin-top: 17px; margin-bottom: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } div.footer-wrap #footer-social #menu-social-menu-3 .menu-item a { position: relative; border: 3px solid #fff; border-radius: 50%; padding: 27px; margin-top: 15px; margin-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0) !important; } div.footer-wrap #footer-social #menu-social-menu-3 .menu-item a:hover, div.footer-wrap #footer-social #menu-social-menu-3 .menu-item a:focus, div.footer-wrap #footer-social #menu-social-menu-3 .menu-item a:focus-within { background-color: rgba(255,255,255,.1); } div.footer-wrap #footer-social #menu-social-menu-3 .menu-item a:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; color: white !important; } /* ! /* ! Code Jan Pieper Ende /* ! */ /* * *** *** GolaPRO Code *************************** *** added 4.11.2021 *** Declaring Global Colors sc-gradient: #c168a1, #faab2e, #ffe722, #8bb23a, #5bc2da; THEME COLORS: ------------------ light-blue: #70caec; green: #8fad39; yellow: #d9b800; orange: #a85333; dark-red: #771f1b; purple: #622a5f; pink: #c7236a; *** Declaring Global Colors var(--dark-grey-background); var(--light-grey-background); var(--link-color) var(--link-color-hover) var(--link-color-background) var(--link-color-background-hover) */ :root { --dark-grey-background: rgba(190, 190, 190, 0.25); --light-grey-background: #68656a; --dark-font-color: #111111; --link-color: #eeeeee; --link-color-hover: #000000; --link-color-background: #444444; --link-color-background-hover: #ffffff; } body { color: #eee; font-family: 'Exo', sans-serif !important; background-color: #000000 !important; padding: 0px !important; margin: 0px !important; overflow-y: scroll; overflow-x: hidden; } .post-content a { color: #eeeeee !important; background-color: #444444 !important; text-decoration: none !important; border-radius: 3px; padding: 0 3px !important; } .post-content a:hover { color: #000000 !important; background-color: #ffffff !important; text-decoration: none !important; } .wpb_wrapper a { color: #eeeeee !important; } h1, h2, h3, h4, h5, h6 { color: #fefefe !important; } h1{ font-weight:400; } h2{ font-weight:300; font-family: 'Exo', sans-serif !important; font-size: 30px !important; color: #ccc; } h3{ font-weight:400 !important; } h4 { font-weight:400 !important; font-size: 26px; } .sc-logo-home img { width: 300px; } /* TITLE FONT */ @media only screen and (min-width: 767px) { .featured-slider .entry-header h2.entry-title, .glossary .entry-header h1.entry-title, #front-section-four .entry-header h2.entry-title { font-size: 40px; } } @media only screen and (max-width: 766px) { .featured-slider .entry-header h2.entry-title, .glossary .entry-header h1.entry-title, #front-section-four .entry-header h2.entry-title { font-size: 30px; } } /* NAVIGATION */ #site-branding { border-bottom: 0px !important; width: 100% !important; padding: 10px 20px 0px !important; } #desktop-navigation { display: block !important; position: absolute !important; right: 200px !important; top: 21px !important; background-color: transparent !important; } .desktop-navigation { background-color: transparent !important; } .site-header-content { background-color: transparent !important; } .sticky-header { background-color: #000 !important; } #header-social ul li, #desktop-navigation ul li { padding-top: 0px !important; margin-top:0px !important; height: 50px !important; } #header-social ul li a, #desktop-navigation ul li a { color: #fff !important; } #header-social ul li a:hover, #desktop-navigation ul li a:hover { color: #fff !important; } #header-social { width: 150px !important; display: block !important; position: absolute !important; right: 10px !important; top: 23px !important; } #overlay-nav a { color: #fff !important; } .sc-contact-link { display: inline-block; position: relative; float: left; margin-right: 20px; } .page-numbers.current { background-color: var(--dark-grey-background) !important; } a.page-numbers { background-color: var(--link-color-background) !important; color: var(--link-color) !important; text-decoration: none !important; } a.page-numbers:hover { background-color: var(--link-color-background-hover) !important; color: var(--link-color-hover) !important; text-decoration: none !important; } ul.sub-menu li a:hover { background-color: #777777 !important; } .small-header-link { font-size: 14px !important; } .small-header-link a { color: #999 !important; text-decoration: none !important; } .small-header-link a:hover{ color: #fff !important; text-decoration: none !important; } .meta-nav { color: #bbbbbb !important; } .meta-nav:hover { color: #ffffff !important; } /* HOMEPAGE HEADER !!! */ /* HOMEPAGE HEADER !!! */ /* HOMEPAGE HEADER !!! */ /* HOMEPAGE HEADER !!! */ @media only screen and (min-width: 1060px) { #site-branding { background: transparent !important; } .homepage-header { margin-top: -180px !important; } .homepage-header-tagline { margin-top: -400px !important; font-size: 60px !important; font-weight: 300 !important; text-shadow: 2px 2px 6px #000000; } .sc-logo-home img { width: 300px; } .content-wrap { padding-top: 0px !important; margin-top: 0px !important; } } @media only screen and (max-width: 1059px) and (min-width: 767px) { #site-branding { background: #000 !important; } .homepage-header-tagline { margin-top: -100px !important; font-size: 40px !important; font-weight: 300 !important; text-shadow: 2px 2px 6px #000000; } .sc-logo-home img { width: 300px; } .content-wrap { margin-top: 100px !important; } } @media only screen and (max-width: 766px) { #site-branding { background: #000 !important; } .homepage-header { margin-top: 0 !important; } .homepage-header-tagline { margin-top: -80px !important; font-size: 28px !important; font-weight: 300 !important; text-shadow: 2px 2px 6px #000000; } .homepage-header-image { margin: 0 0 0 -50px !important; } .sc-logo-home img { width: 200px; } .content-wrap { margin-top: 50px !important; } } @media only screen and (max-width: 1059px) { #header-social, #desktop-navigation { display: none !important; } } @media only screen and (max-width: 1320px) { #header-social ul li a, #desktop-navigation ul li a { font-size: 12px; } } .search-open { top: 23px !important; right: 165px !important; width: 30px !important; height: 30px !important; padding: 0px !important; } .search-open:before { display: block; position: absolute; top: 0; left: 0; text-indent: 0; font: normal 27px/1 'Genericons'; font-size: 20px !important; content: '\f400'; text-align: center; width: 35px !important; height: 20px !important; padding: 0px !important; border-right: 2px solid #444; border-left: 2px solid #444; } #header-social-sticky { right: 25px !important; top: 21px !important; } #header-social-sticky ul li a { color: #999 !important; } #header-social-sticky ul li a:hover { color: #fff !important; } .fixedheader-dark .sticky-header { background-color: #000 !important; border-bottom: 1px solid #333 !important; } #overlay-open { top: 20px !important; right: 20px !important; } /* SIDE NAVIGATION - 4 TABS WITH LINKS */ /* PHP FOUND IN - /page-templates/no-sidebar.php */ .side-navigation-parent{ position: fixed; right: 0px; z-index: 2000; top: 22%; } .side-navigation{ position: absolute; right: 5px; z-index: 2200; text-align:center; } .side-navigation-tab { position: relative; border-radius: 10px; font-size: 20px !important; font-weight: 300 !important; font-family: 'Exo', sans-serif; padding: 15px 30px; color: #fff !important; box-shadow: 0 0 0 #000; border: solid 3px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #c7236a, #c65a00, #fff632, #8fbe45, #70caec); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #000 inset; margin: 10px; right: -150px; -webkit-transition: right .5s ease-in-out, box-shadow .5s ease-in-out; -moz-transition: right .5s ease-in-out, box-shadow .5s ease-in-out; transition: right .5s ease-in-out, box-shadow .5s ease-in-out; } .side-navigation-tab:hover { right: 0px; box-shadow: 2px 1000px 1px rgba(0, 0, 0, 0.7) inset; } @media only screen and (max-width: 1099px) { .side-navigation-parent { display: none !important; } } /* BUTTON - SwissCognitive Gradient Border */ /* in Admin Panel - needs to be chosen Classic Red */ .vc_btn3.vc_btn3-color-danger, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat { border-radius: 10px; font-size: 20px !important; font-weight: 300 !important; font-family: 'Exo', sans-serif; padding: 15px 30px; color: #fff !important; box-shadow: 0 0 0 #000; border: solid 2px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #c7236a, #c65a00, #fff632, #8fbe45, #70caec); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #000 inset; } .vc_btn3.vc_btn3-color-danger:hover, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-danger:focus, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-danger:hover, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:hover { box-shadow: 2px 1000px 1px rgba(0, 0, 0, 0.7) inset; color: #000; border: solid 2px transparent; } .sc-colorful-link { border-radius: 10px; font-size: 20px !important; font-weight: 300 !important; font-family: 'Exo', sans-serif; padding: 15px 30px; color: #fff !important; box-shadow: 0 0 0 #000; border: solid 2px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #c7236a, #c65a00, #fff632, #8fbe45, #70caec); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #000 inset; } .sc-colorful-link:hover { box-shadow: 2px 1000px 1px rgba(0, 0, 0, 0.7) inset; color: #fff; border: solid 2px transparent; } .sc-colorful-link a, .sc-colorful-link a:hover { color: #ffffff !important; background-color: transparent !important; } /* Horizontal Line with linear gradient - in admin panel - choose turquoise */ .vc_sep_color_turquoise { border: 0 !important; height: 3px; background-image: linear-gradient(90deg, #c7236a, #c65a00, #fff632, #8fbe45, #70caec); } hr { border: 0 !important; height: 3px !important; background-image: linear-gradient(90deg, #c7236a, #c65a00, #fff632, #8fbe45, #70caec) !important; } /* Featured News on Homepage */ .featured-news-section { background-image: url('../sc_back_wave_45deg.html'); background-repeat: no-repeat; background-size: contain; background-color: transparent !important; background-position: bottom center; padding-bottom: 400px; margin: 0 !important; z-index: 10 !important; } .daily-news-section { margin: -200px 0 0 !important; z-index: 20 !important; } .semi-trans-background { background-color: var(--dark-grey-background); border-radius: 10px; } .news-box-1 { border-left: 20px solid #5adafc; padding: 0px; } .news-box-2 { border-left: 20px solid #8fac32 !important; padding: 0px; } .news-box-3 { border-left: 20px solid #c7236b !important; padding: 0px; } @media only screen and (min-width: 1200px) { .news-box-1, .news-box-2, .news-box-3 { width: 80%; } } @media only screen and (max-width: 1199px) { .news-box-1, .news-box-2, .news-box-3 { width: 100%; } } .news-featured .vc_gitem-post-data-source-post_date { } .news-featured .vc_gitem-post-data-source-post_date a { color: #fefefe !important; font-weight: 300; font-size: 14px; } .news-featured .vc_gitem-link { color: #eee !important; font-weight: 400; } .news-featured-title { margin: 0 !important; padding: 10px 20px 0 !important; font-weight: 600 !important; font-size: 20px; } .news-featured-date { padding: 0px 20px 0; margin: 10px 0 20px 0 !important; color: #999999 !important; font-size: 14px; } .news-featured-date a.vc_gitem-link { color: #999999 !important; } .news-featured-categories { border-radius: 0 0 5px 0; padding: 2px 20px !important; margin: -15px 0 0; background-color: var(--light-grey-background); color: var(--dark-font-color) !important; } .news-featured-categories a.vc_gitem-link { color: var(--dark-font-color) !important; text-decoration: none !important; } .news-featured-categories a.vc_gitem-link:hover { color: var(--light-font-color) !important; text-decoration: none !important; background-color: transparent !important; padding: 0 !important; } .news-list-categories .vc_gitem-post-category-name, .news-featured-categories .vc_gitem-post-category-name { -webkit-transition:none !important; -moz-transition:none !important; -o-transition:none !important; transition:none !important; } .news-list-categories .vc_gitem-post-category-name:hover, .news-featured-categories .vc_gitem-post-category-name:hover { background-color: transparent !important; padding: 0 !important; margin: 0 !important; } /* NEWS LIST NEWS LIST NEWS LIST NEWS LIST NEWS LIST NEWS LIST NEWS LIST */ /* NEWS LIST NEWS LIST NEWS LIST NEWS LIST NEWS LIST NEWS LIST NEWS LIST */ .news-list-title { border-radius: 5px 5px 0 0; font-weight: 600; padding: 10px 20px; margin: 0px; } .news-list-excerpt { padding: 10px 20px 10px; margin: 0px; background-color: var(--dark-grey-background); } .news-list-date { padding: 0px 20px 10px; margin: -15px 0 0 0 !important; color: #999999 !important; font-size: 14px; background-color: var(--dark-grey-background); } .news-list-categories { border-radius: 0 0 5px 5px; padding: 5px 20px !important; margin: 0 0 0; background-color: var(--light-grey-background); color: var(--dark-font-color) !important; } .news-list-categories a.vc_gitem-link { color: var(--dark-font-color) !important; text-decoration: none !important; border: 0 !important; -webkit-transition:none !important; -moz-transition:none !important; -o-transition:none !important; transition:none !important; } .news-list-categories a.vc_gitem-link:hover { color: var(--light-font-color) !important; text-decoration: none !important; background-color: transparent !important; padding: 0 !important; margin: 0 !important; border: 0 !important; } .news-list-categories .vc_gitem-post-category-name { -webkit-transition:none !important; -moz-transition:none !important; -o-transition:none !important; transition:none !important; } .news-list-categories .vc_gitem-post-category-name:hover { background-color: transparent !important; padding: 0 !important; margin: 0 !important; margin: 0 !important; border: 0 !important; } /* LISTS LISTS LISTS LISTS */ .ai-news-list ul { list-style-type: none !important; margin: 0 !important; padding: 0 0 0 20px !important; } .ai-news-list .cat-item { margin: 0 !important; padding: 0 !important; } .ai-news-list .cat-item::before { content: none; } .ai-news-list .cat-item::after { content: none; } .ai-news-list ul li { color: #999 !important; font-size: 12px; margin: 0 !important; padding: 0 !important; } .ai-news-list ul li a { color: #aaa !important; font-size: 16px !important; } .ai-news-list ul li a:hover { color: #fff !important; } .sc-ul-list { margin: 0 0 0 17px !important; padding: 0 !important; } .sc-ul-list .sc-li-list { margin: 0 !important; padding: 0 0 12px 0 !important; } .sc-ul-list .sc-li-list::before { content: ""; position: absolute; left: -15px; top: 9px; height: 6px; width: 6px; background-color: #fff632; border-top: 1px solid #70caec; border-right: 1px solid #70caec; border-width: 3px 3px 0 0; transform: rotate(45deg); } .sc-ul-list ul li a { color: #cccccc !important; } /* VC TABS VC TABS VC TABS VC TABS VC TABS VC TABS VC TABS */ .vc_tta-tab a { background-color: var(--dark-grey-background) !important; border: 0 !important; } .vc_tta-tab a:hover { background-color: var(--light-grey-background) !important; border: 0 !important; } .vc_tta-tab a:active { background-color: var(--dark-grey-background) !important; border: 0 !important; } /* EXPERT SELECT EXPERT SELECT EXPERT SELECT EXPERT SELECT */ .cmed-filter-label { visibility: visible; display: inline; color: #ffffff !important; } .cmed-filter-input-select { background-color: var(--dark-grey-background) !important; margin: 0; width: 300px !important; height: 40px !important; font-family: inherit; font-size: 14px; text-transform: capitalize; cursor: inherit; line-height: inherit; color: #ffffff !important; text-align: left; } .cmed-filter-input-select option { color: #ffffff !important; } /* BREADCRUMBS */ /* BREADCRUMBS */ /* BREADCRUMBS *//* BREADCRUMBS */ /* BREADCRUMBS *//* BREADCRUMBS *//* BREADCRUMBS *//* BREADCRUMBS */ .sc-breadcrumbs { font-size: 14px; color: #cccccc; padding: 10px 0 5px; } .sc-breadcrumbs a { color: #cccccc; background-color: #333; padding: 2px 5px; border-radius: 3px; } .sc-breadcrumbs a:hover { color: #000000; background-color: #ffffff; } /* PAGES !!! */ /* PAGES !!! */ /* PAGES !!! */ /* PAGES !!! */ .sc-page-title-div { padding-bottom: 30px; } .featured-page-image img { width: 100% !important; } .page-main-description p { font-size: 22px !important; font-weight: 300 !important; } @media only screen and (min-width: 1060px) { .page-header-tagline { text-align: left; margin-top: 0 !important; font-size: 60px !important; font-weight: 300 !important; } h1.sc-page-title { font-size: 50px !important; line-height: 1em; } } @media only screen and (max-width: 1059px) and (min-width: 767px) { .page-header-tagline { text-align: left; margin-top: 0 !important; font-size: 40px !important; font-weight: 300 !important; } h1.sc-page-title { font-size: 40px !important; line-height: 1em; } } @media only screen and (max-width: 766px) { .page-header-tagline { text-align: center; margin-top: 0 !important; font-size: 28px !important; font-weight: 300 !important; } h1.sc-page-title { font-size: 30px !important; line-height: 1em; } } /* TAXONOMY LISTINGS TAXONOMY TAXONOMY LISTINGS TAXONOMY TAXONOMY LISTINGS TAXONOMY TAXONOMY LISTINGS TAXONOMY TAXONOMY LISTINGS TAXONOMY TAXONOMY LISTINGS TAXONOMY TAXONOMY LISTINGS TAXONOMY */ .clearfix::after { content: ""; clear: both; display: table; } .sc-taxonomy-listing { margin: 0 !important; padding: 0 !important; } .sc-taxonomy-listing ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } .sc-taxonomy-listing li { text-indent: 0 !important; position: relative; display: inline-block !important; float: left; margin: 3px !important; top: 0 !important; left: 0 !important; } .sc-taxonomy-listing li a { color: #999999; font-size: 14px; background-color: #333333; border-radius: 3px; padding: 3px 7px; margin: 3px; text-decoration: none !important; } .sc-taxonomy-listing li a:hover { color: #000000 !important; background-color: #ffffff; text-decoration: none !important; } .sc-taxonomy-listing li::before { content: none !important; width: 0 !important; top: 0 !important; left: 0 !important; } .sc-taxonomy-tag { padding: 0; margin: 0; } .sc-taxonomy-tag p { color: #999999; } /* POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST POST */ .post__container{ width:70%; background-color: #000000; padding:20px; margin: 0 auto !important; position:relative; } @media only screen and (min-width: 1060px) { .post__container { width: 70%; } } @media only screen and (max-width: 1059px) { .post__container { width: 100%; } } .post-cats { padding: 0; margin: 0 0 5px 0; } .post-cats-tag { margin: 0; padding: 5px 0 0 0; color: #999999; font-size: 14px; width: 25%; display: block; position: relative; float: left; } .post-cats-list { position: relative; display: inline-block; float: left; width: 74%; } .post-cats-item { position: relative; display: inline-block; float: left; color: #999999; font-size: 14px; background-color: #333333; border-radius: 3px; padding: 3px 7px; margin: 3px; } .post-cats-item:hover { color: #000000; background-color: #ffffff; } .single-post .entry-header, .single-attachment .entry-header{ margin: 0 !important; padding: 45px 0 0; } header { border-bottom: 0px !important; } .title-wrap { padding-top: 15px; } .single-post .entry-header h1.entry-title { padding-bottom: 15px; } .sc-post-image img { width: 100% !important; } /* A R C H I V E A R C H I V E A R C H I V E A R C H I V E A R C H I V E A R C H I V E A R C H I V E A R C H I V E A R C H I V E A R C H I V E A R C H I V E A R C H I V E */ article { border-top: 0 !important; } .sc-archive-item { position: relative; float: left; margin-bottom: 50px; height: 550px; } .sc-archive-title { border-radius: 5px 5px 0 0; font-weight: 600; padding: 10px 20px 9px; margin: 0px; } h1.sc-archive-h1 { font-size: 30px !important; color: #aaaaaa !important } h1.sc-archive-h1 span { color: #ffffff !important; } h2.sc-archive-h2 { color: #fefefe !important; font-size: 18px !important; letter-spacing: normal !important; font-weight: 600; } .sc-archive-h2 a { color: #fefefe !important; } .sc-archive-h2 a:hover { color: #000000 !important; } .sc-archive-thumb { margin: 0 !important; padding: 0 !important; } .sc-archive-thumb img { width: 100%; } .sc-archive-excerpt { padding: 10px 20px 1px; margin: -6px 0 0 0; background-color: var(--dark-grey-background); } .sc-archive-date { padding: 0px 20px 10px; margin: 0 !important; font-size: 14px; background-color: var(--dark-grey-background); width: 100%; } .sc-archive-date a { color: #aaaaaa !important; } .sc-archive-categories { border-radius: 0 0 5px 5px; padding: 5px 20px !important; margin: 0 0 0; background-color: var(--light-grey-background); text-align: center; } .sc-archive-categories a { font-size: 14px !important; color: var(--dark-font-color) !important; } .sc-archive-list { position: relative; display: block; z-index: 500; clear: both; } .sc-experts-intro { position: relative; padding: 10px 20px 40px 20px; } .sc-posts-intro { position: relative; padding: 10px 20px 40px 20px; } .sc-archive-pagination { position: relative; display: block; top: 100px; margin-bottom: 100px; } .sc-archive-spacer { position: relative; display: block; height: 100px; } .search-list-item { width: 30%; margin: 20px; float: left; display: block; position: relative; height: 550px; } @media only screen and (min-width: 1060px) { .search-list-item { width: 30%; } } @media only screen and (max-width: 1059px) { .search-list-item { width: 90%; } } /* COOL TIMELINE */ /* COOL TIMELINE */ /* COOL TIMELINE */ /* COOL TIMELINE */ .timeline-wrapper .content-details a { color: #aaa !important; } .timeline-post .content-title a { color: #fefefe !important; } .timeline-post h2.content-title { color: #fefefe !important; font-size: 20px !important; } .ht-design-2 .timeline-post { border: 0px !important; } .read_more.ctl_read_more { margin-left: 20px !important; } a.read_more.ctl_read_more { background-color: var(--link-color-background) !important; color: var(--link-color) !important; text-decoration: none !important; padding: 0 3px !important; border: 0 !important; border-radius: 3px !important; } a.read_more.ctl_read_more:hover { background-color: var(--link-color-background-hover) !important; color: var(--link-color-hover) !important; text-decoration: none !important; border: 0 !important; border-radius: 3px !important; } /* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER*/ /* FOOTER TOP CATEGORIES NAVIGATION */ @media only screen and (min-width: 1060px) { .footer-top-cat-navi { width: 90%; text-align: center; margin: 0 auto; } } @media only screen and (max-width: 1059px) { .footer-top-cat-navi { width: 100%; text-align: center; } } .footer-top-cat-navi::after { content: ""; clear: both; display: table; } .footer-top-cat-navi-item { position: relative; display: inline-block; width: 14%; float: left; text-align: center; filter: brightness(1); -webkit-transition: filter .3s ease-in-out; -moz-transition: filter .3s ease-in-out; -o-transition: filter .3s ease-in-out; transition: filter .3s ease-in-out; } @media only screen and (min-width: 760px) { .footer-top-cat-navi-item { width: 14%; } } @media only screen and (max-width: 759px) { .footer-top-cat-navi-item { width: 49%; margin-bottom: 30px; } } .footer-top-cat-navi-item:hover { filter: brightness(2); text-decoration: none !important; } .footer-top-cat-navi-item img { width: 100%; max-width: 120px; padding: 5px; } .footer-top-cat-navi-text { font-size: 14px; color: #bbbbbb; text-decoration: none !important; } a.footer-top-cat-navi-link { text-decoration: none !important; border: 0 !important; } .sc-footer { margin: 100px 0 0 0; } .footer-social-menu .social-nav ul li a { width: 50px !important; } .footer-social-menu .social-nav ul li a::before { text-align: center; height: 50px !important; } .footer-social-menu { position: relative; margin: 0; padding: 0px; text-align: center; width: 100%; z-index: 20 !important; } .footer-credits { position: relative; width:100%; color: #bbb; text-align: left; font-size: 14px !important; padding: 0 0 0 7% !important; z-index: 25; } .footer-credits a { color: #ddd !important; } .footer-wave { position: relative; width: 100%; z-index: 10 !important; } .footer-wave img { width: 100%; } .follow-us-text { font-size: 20px; } @media only screen and (min-width: 800px) { .footer-credits { margin: -25px 0 0 !important; } .footer-wave { margin: -100px 0 0; } } @media only screen and (max-width: 799px) { .footer-credits { margin: 0 !important; } .footer-wave { margin: 0; } } /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Styles to show featured expert /*-----------------------------------------------------------------------------------*/ .sc-linear-border-div { border: 0 !important; height: 3px !important; width: 100%; background-image: linear-gradient(90deg, #c7236a, #c65a00, #fff632, #8fbe45, #70caec) !important; } .sc_featured_expert_section { z-index: 15 !important; } .sc_featured_list_section { z-index: 20 !important; } .sc-featured-expert-wrapper { background-image: url('../sc_back_wave_0deg.html'); background-repeat: no-repeat; background-size: contain; background-color: transparent !important; background-position: bottom center; margin: 0 auto !important; z-index: 10 !important; } .sc-featured-expert-wrapper-no-back { background-color: transparent !important; background-position: bottom center; margin: 0 auto !important; z-index: 10 !important; } .sc-featured-expert-award-image img{ position: relative; width: 100px; z-index: 20 !important; } .sc-specific-expert-award-image img{ position: relative; width: 80px; z-index: 20 !important; } .sc-specific-expert-award-image, .sc-featured-expert-award-image { position: relative; text-align: right; margin-right: -20px; margin-bottom: -80px; z-index: 10 !important; } .sc-featured-expert-portrait img { position: relative; z-index: 5 !important; border-radius: 150px; width: 300px; box-shadow: 2px 2px 10px #000000; } .portrait-medium img { width: 300px; } .portrait-small img { width: 150px; margin: 8px 0 0 0; } .sc-featured-expert-portrait { position: relative; z-index: 4 !important; text-align: center; } .sc-featured-expert-portrait a, .sc-featured-expert-portrait a:hover { background: transparent !important; } .sc-featured-expert-infobox-title { color: #ffffff; font-size: 30px; padding: 0; margin: 0; } .sc-featured-expert-infobox-title-small { color: #ffffff; font-size: 20px; padding: 0; margin: 0; } .sc-featured-expert-name { font-size: 30px; padding-bottom: 20px; color: #ffffff; padding: 0 !important; margin: 0 !important; border: 0 !important; } .expert-name__excerpt { font-size: 18px; margin-bottom: 10px; } .expert-name__position { font-size: 18px; margin-bottom: 10px; color: #aaaaaa; padding-left: 20px; } .expert-name__company { font-size: 18px; font-weight: 600; color: #cccccc; margin-bottom: 5px; padding-left: 20px; } .sc-featured-expert-desc { padding: 10px 0px; margin-bottom: 20px; } .sc-featured-expert-more a { background-color: var(--dark-grey-background); padding: 5px 20px 5px 20px !important; border-radius: 7px; text-decoration: none; display:inline-block !important; } .sc-featured-expert-more a:hover { background-color: #ffffff; color: #000000 !important; padding: 5px 20px 5px 20px; border-radius: 7px; } .sc-featured-expert-box { position: relative; width: 100%; display: block; margin-bottom: 50px; } @media only screen and (min-width: 760px) { .sc-featured-expert-wrapper-no-back, .sc-featured-expert-wrapper { width: 90%; display: flex; position: relative; padding-bottom: 150px; } .sc-specific-expert-wrapper { width: 100%; display: flex; position: relative; padding: 5px 0; } .sc-featured-expert-photo { position: relative; display: inline-block; width: 300px; } .sc-featured-expert-infobox { position: relative; display: inline-block; clear: both; vertical-align: top; margin: 0 0 0 50px; background-color: rgb(40,40,40,0.5); border-radius: 7px; padding: 20px; } .sc-specific-expert-infobox { position: relative; clear: both; vertical-align: top; margin: 0 0 0 50px; background-color: rgb(40,40,40,0.5); border-radius: 7px; padding: 20px; width: 100%; } } @media only screen and (max-width: 759px) { .sc-featured-expert-wrapper-no-back, .sc-featured-expert-wrapper { width: 100%; display: block; position: relative; padding-bottom: 50px; } .sc-specific-expert-wrapper { width: 100%; display: block; position: relative; padding: 5px 0; } .sc-featured-expert-photo { margin: auto; position: relative; display: block; width: 300px; text-align: center; } .sc-featured-expert-infobox { position: relative; display: block; width: 100%; background-color: rgb(0,0,0,0.5); border-radius: 7px; padding: 20px; } } /* ADDITIONAL */ @media only screen and (max-width: 799px) { .sc-center-item-mobile { text-align: center !important; } } /* Twitter */ .ctf-header-name, .ctf-header-counts, .ctf-header-bio, .ctf-tweet-text { color: #ffffff !important; } /* TESTUMGEBUNG */ .site-title, .site-description{ float:left; } /* Reminder POSTGRID CREATER */ body { line-height: 1.4; } /* COLOURS */ .colour-red { background-color: #CD1719; } .colour-white { background-color: #FFFFFF; } .glowtext, .glowtext a.vc_gitem-link { color: #FFF !important; text-shadow: 0 0 4px #000; } /* HOME */ .post-37236 .entry-header { display: none; } .post-37236 #primary .hentry { border: none; } /*VISUAL COMPOSER ROW .blackback */ .entry-content .blackback { color: white; } .entry-content .blackback h1 { letter-spacing: 1; font-weight: 700; font-family: 'Exo', sans-serif; opacity: 0.7; font-size: 28px; font-size: 1.75rem; line-height: 1.5; } .entry-content .blackback .vc_tta-panel-body h1 { font-size: 46px; font-size: 2.875rem; } .entry-content .blackback a { padding: 0 0 0 13px; background: url(../png/boppel_rot.png) 0px 4px no-repeat; background-size: 12px; color: white; text-decoration: none; } .blackback span { background-color: #000; color: #fff; display: inline; padding: 0.45rem; /* Needs prefixing */ box-decoration-break: clone; } .blackback span.vc_sep_line, .blackback span.vc_sep_holder { background-color: transparent !important; } .blackback h5 { font-weight: 400; } /* .vc_column-inner .blackback { padding-top: 300px; } */ /*VISUAL COMPOSER BUTTONS */ .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat { background-color: white !important; border-radius: 0px !important; display:none; } .fa-size__big{ font-size:20px; } .icon__height{ height:100px !important; margin:auto; text-align:center; } /* POST FORMAT QUOTE */ .single-format-quote .entry-thumbnail { display: none; } .single-format-quote .attachment-post-thumbnail { border-top: 23px solid #CD1719; border-bottom: 23px solid #CD1719; } .entry-thumbnail-second { padding-bottom: 53px; } /*FONTS */ h2, h3, h4, h5, h6, #overlay-nav ul li a, #desktop-navigation ul li a, .authorbox h3.author-title, #comments h3.comments-title, .page-links { font-family: 'Exo',sans-serif; } .single-post .entry-header .entry-cats, .singlepost-wrap .entry-header .entry-cats { padding-bottom: 12px; } #singlepost-wrap{ margin-top:-1px !important; } .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a, #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title, .recommended-posts-wrap #jp-relatedposts h3.jp-relatedposts-headline em { font-weight: 300; font-family: 'Exo', sans-serif !important; color: #dddddd; } h1.site-title, p.site-title, .entry-summary, .widget, .title-footer, .entry-header p.intro, .entry-content, .entry-content p, .entry-content table, .entry-content dl, .entry-content ul, .entry-content ol, p.section-about-text, p.text-big, p.text-small { font-family: 'Exo', sans-serif !important; } .entry-meta, .entry-cats, .entry-summary, .front-section-title, .social-front-title, .widget_mc4wp_form_widget p, .jetpack_subscription_widget #subscribe-text p, .section-about-column-one p { color: #666666; } #secondary h2.widget-title, #sidebar-page h2.widget-title, .entry-content blockquote p, .entry-content p span.uppercase, .section-about-column-two .social-nav ul li a, .section-about-column-one p cite, .widget_mc4wp_form_widget input[type="email"], .widget_mc4wp_form_widget input[type="submit"], .jetpack_subscription_widget #subscribe-email input[type="email"], .jetpack_subscription_widget #subscribe-submit input[type="submit"], .contact-form input[type="submit"], input, textarea, .site-content div.wpcf7 input, .site-content div.wpcf7 textarea, .site-content div.wpcf7 p, a.standard-btn, div.sharedaddy h3.sd-title, .widget h2.widget-title, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .big-instagram-wrap .clear { font-family: 'Exo', sans-serif !important; } .entry-content h5{ font-family: 'Exo', sans-serif !important; font-weight:600 ; } .entry-content h6 { font-size: 16px; font-size: 1rem; padding: 3px 0; line-height: 1.3; text-transform: uppercase; color: #5a5a5a; font-weight: 100;} /* Text positioning Helper */ .text-center{ text-align:center; } .text-left{ text-align:left; } .text-right{ text-align:right; } /* QUOTES */ .single-post .entry-content blockquote, .page .entry-content blockquote { quotes: "«" "»" "‘" "’"; font-style: italic; font-size: 25px; font-size: 1.563rem; border: none; padding-bottom: 15px; margin-bottom: 0; } .page .entry-content blockquote:before { content: open-quote; } .page .entry-content blockquote:after { content: close-quote; } .page .entry-content blockquote p { display: inline; font-size: 25px; font-size: 1.563rem; font-weight: 300; } h1.frontpage{ line-height:1; margin-bottom:50px; margin-top:80px; } u{ text-decoration:none; border-bottom:5px solid red; } .pic_frontpage__footer{ height:400px; width:100% } .blog-wrap{ width: 80%; margin-left: auto !important; margin-right: auto !important; } /* SINGLE POST */ article.type-glossary { margin-top: 34px; } /*VIDEO PAGE */ .fullscreen-bg__video { width: 100%; height: auto; } .video-bg { position: relative; margin: 0 auto; /*height: 60%;*/ height: 40%; padding-right: 0; padding-left: 0; } .video-bg:after { position: absolute; top: 0; right: 0; bottom: 0px; left: 0; background: url(../png/black-medium-checks.png) repeat; content: ""; opacity: 0.25; margin: 0; } .video-bg video { position: relative; z-index: 0; } /* .video-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: url(images/black-medium-checks.png) repeat; pointer-events: none; opacity: 0.5; background-repeat: repeat; } */ .video-bg .videologo { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; text-align: center; } .video-bg .videologo img { /*width: 280px; height: 169px;*/ width: 210px; height: 127px; opacity: 0.8; } .video-bg .centerer { display: inline-block; height: 100%; vertical-align: middle; } .video-bg .centered { display: inline-block; vertical-align: middle; } /*BORDERS */ .front-section-title, .social-front-title { padding: 15px 100px 20px 0; border-top: 4px solid #CD1719; } .blog-wrap h3.blog-title, .archive-header h1.archive-title { padding: 15px 0 20px; } .recommended-posts-wrap #jp-relatedposts h3.jp-relatedposts-headline { padding: 15px 0 20px; } .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { padding: 20px 0 35px; border-top: 1px solid #CCC; } .front-section .type-post { padding: 20px 0 35px; border-top: 1px solid #CCC; } #primary .hentry { border-top: 1px solid #CCC; } .pagination { position: relative; clear: both; padding: 18px 20px; border: 2px solid #CCC; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-size: 15px; font-size: 0.9375rem; } .pagination, .pagination a { color: #CCC; } .single-post .hentry .entry-meta, .single-attachment .entry-meta, .singlepost-wrap .hentry .entry-meta{ display: block; margin-top: -1px; padding-top: 15px; border-top: none; line-height: 1.4; width:80%; } .page-template-default #primary .hentry, .page-fullwidth #primary .hentry, .page-template-no-sidebar #primary .hentry, .error404 #primary .page { padding: 0; border-top: none; } /* WIDGETS */ div.widget-area { margin-top: 40px; } .widget h2.widget-title { border: none; } .widget-gallery .gallery-row { float: right; } .testimonials-widget-testimonial .open-quote:before { content: none !important; } .testimonials-widget-testimonial .close-quote:after { content: none !important; } /**/ .glossary-tooltip a, .glossary-tooltip-media a { padding: 0; } /* TESTIMONIALS */ .singlepost-wrap .testimonials-widget .entry-header { display: block; margin: 0 0 35px; padding: 25px 0 0; } .singlepost-wrap .testimonials-widget .entry-header .entry-cats { padding-bottom: 12px; } .singlepost-wrap .testimonials-widget .entry-header h1.entry-title { padding: 0 0 0 24px; background: url(../png/boppel_rot.png) 0px 3px no-repeat; background-size: 15px; } .singlepost-wrap .testimonials-widget .entry-cats a { background: #cd1712; padding: 3px 5px; margin: 0 2px 4px 0; color: #fff !important; } .singlepost-wrap .testimonials-widget nav.post-navigation, .singlepost-wrap .testimonials-widget .image, .singlepost-wrap .testimonials-widget footer.entry-footer { display: none; } .singlepost-wrap article.testimonials-widget { padding-bottom: 150px; border-bottom: 2px solid #333; } .singlepost-wrap .testimonials-widget .entry-content p { font-size: 24px; font-style: italic; } .singlepost-wrap .testimonials-widget .entry-header { margin:0px; } /* GLOSSARY PAGE */ .type-glossary .contentwrap nav { display: none; } /** TWITTER **/ body .home .wpb_column .vc_column_container .vc_col-sm-8 .wpb_wrapper { margin-top: 100px; border: 1px solid pink; } /*Minimum width of 600 pixels (smartphone landscape) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 37.500em) { } /*Minimum width of 768 pixels (tablet portrait) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 48.000em) { .blog-wrap{ width:90%; } /* TESTIMONIALS */ .singlepost-wrap .testimonials-widget .entry-header { margin: 0 0 0px !important; padding: 45px 0 0; } .singlepost-wrap .testimonials-widget .entry-header h1.entry-title { font-size: 28px; font-size: 1.75rem; line-height: 1.03; padding: 0 0 0 30px; background: url(../png/boppel_rot.png) 0px 5px no-repeat; background-size: 20px; } .singlepost-wrap .testimonials-widget .contentwrap { width: 55.87301587301587%; float: left; } .singlepost-wrap .testimonials-widget .entry-content p { font-size: 34px; font-style: italic; } .singlepost-wrap article.testimonials-widget { padding-bottom: 0; border: none; } /* BOPPEL .featured-slider .entry-header h2.entry-title a { padding: 0 0 0 30px; background: url(images/boppel_rot.png) 0px 5px no-repeat; background-size: 20px; } .single-post .entry-header h1.entry-title { padding: 0 0 0 30px; background: url(images/boppel_rot.png) 0px 5px no-repeat; background-size: 20px; } .glossary .entry-header h1.entry-title { padding: 0 0 0 30px; background: url(images/boppel_rot.png) 0px 5px no-repeat; background-size: 20px; } .page h1.entry-title { padding: 0 0 20px 30px; border-bottom: 2px solid #CCC; background: url(images/boppel_rot.png) 0px 5px no-repeat; background-size: 20px; } */ /* FONT SIZES */ .glossary .entry-header h1.entry-title, .single-attachment .entry-header h1.entry-title, .page h1.entry-title { font-size: 28px; font-size: 1.75rem; } .front-section-title, .blog-wrap h3.blog-title, .social-front-title, .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-header h2.entry-title, .featured-slider .entry-header h2.entry-title, .section-one-column-one .entry-header h2.entry-title, .section-three-column-one .entry-header h2.entry-title, #front-section-four .entry-header h2.entry-title, .recommended-posts-wrap #jp-relatedposts h3.jp-relatedposts-headline, .archive-header h1.archive-title, .entry-content h1 { font-size: 46px; font-size: 3rem; } .entry-header p.intro, .section-about-column-one p, p.text-big, .single-post .entry-content p.intro, .entry-content h2 { font-size: 26px; font-size: 1.625rem; } .entry-header h2.entry-title, .entry-content h3 { font-size: 24px; font-size: 1.5rem; } .entry-content h4, .entry-content p.pull-left, .entry-content p.pull-right { font-size: 22px; font-size: 1.375rem; } .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .big-thumb .entry-header p.intro, .section-one-column-one .type-post .entry-summary, .section-three-column-one .type-post .entry-summary, p.text-small, .single-post .entry-content blockquote cite, .page .entry-content blockquote cite, .entry-content h5, .entry-content h6, address { font-size: 16px; font-size: 1rem; } /* BLACKBACK */ .entry-content .blackback h1 { letter-spacing: 0; font-weight: 700; font-size: 46px; font-size: 2.875rem; opacity: 0.7; line-height: 1.2; } /* POST MANSONRY GRID */ .hideexcerpt .vc_custom_heading h4 { padding: 0 0 10px 18px; background: url(../boppel_rot.html) 0 9px no-repeat; background-size: auto auto; background-size: 12px; font-size: 16px !important; font-size: 1rem !important; } .hideexcerpt .vc_gitem-post-data-source-post_excerpt { display: none; } .hideexcerpt .vc_btn3.vc_btn3-color-juicy-pink, .hideexcerpt .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat, .hideexcerpt .vc_general.vc_btn3 { color: #333 !important; background: none !important; display: none; } } /* Search */ .desktop-search { position: absolute; top: 100%; width: 100%; display: none; height: 0; z-index: 10000; background: rgba(26, 26, 26, 0.75); text-align: center; border-top: 1px solid #ddd; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .desktop-search-show .desktop-search { position: absolute; top: 100%; display: block; height: 118px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /*Minimum width of 1024 pixels (tablet landscape) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 64.000em) { /* VIDEO PAGE */ .video-bg:after { bottom: 5px; } } /*Maximum width of 1024 pixels (tablet landscape) ------------------------------------------------------------------------------------ */ @media screen and (max-width: 64.000em) { /* VIDEO PAGE */ .video-bg { height: 300px; background-image: url('../jpg/videoframe_s.jpg'); background-size: cover; } .fullscreen-bg__video { display: none; } } /*Minimum width of 1060 pixels (small desktop screens) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 66.250em) { /* LOGO */ .custom-logo-wrap { text-align: left; } .custom-logo-wrap a.custom-logo-link img { width: 180px; max-width: 180px; max-height: 120px; } /* STICKY HEADER */ .sticky-header .custom-logo-wrap .custom-logo-link img { max-width: 130px; max-height: 59px; margin: 8px 0 0 120px; } .header-stick #header-social-sticky { top: 18px; } /* HEADER SOCIAL */ .header-social { display: block; position: absolute; right: 0; top: 45px; height: 59px; } .header-social ul li a::before { font: normal 16px/1 'Genericons'; text-align: center; width: 45px; height: 59px; padding-top: 20px; } .header-social ul li a { font: normal 16px/1 'Genericons'; padding: 0; width: 30px; height: 49px; } /* NAVIGATION */ .custom-logo-wrap { display: inline-block; } #desktop-navigation { display: inline-block; top: 20px; right: 130px; position: absolute; } .social-nav ul li a { display: inline-block; color: #CCC; } .header-social ul li a::before { padding-top: 0; } /* NAV BURGER */ #overlay-open { display: none; } /* BORDERS */ .slider-on.slider-boxed #masthead, .headerimg-on.header-boxed #masthead { border-bottom: 8px solid #CD1719 !important; } /* PADDING SLIDER */ .slider-on.slider-boxed .featured-content { padding-top: 0px; } /* PADDING PAGE */ .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner { padding-top: 30px !important; } /* GLOSSARY PAGE */ .type-glossary .contentwrap { width: 65.87301587301587%; float: left; margin-top: 40px; } /* VIDEO PAGE */ .video-bg { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .video-bg:after { bottom: 5px; } /* FULL WIDTH VIDEO TEMPLATE */ .page-template-video-full-width #primary { float: none; margin-right: auto; margin-left: auto; max-width: none; width: 100% !important; } /* FULL WIDTH PARTICLE TEMPLATE */ .page-template-particle-full-width #primary { float: none; margin-right: auto; margin-left: auto; max-width: none; width: 100% !important; } } /*Minimum width of 1360 pixels (larger desktop screens) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 85.000em) { /* NAVIGATION */ #desktop-navigation { display: inline-block; top: 20px; right: 200px; position: absolute; } #desktop-navigation ul li { position: relative; display: inline-block; padding: 20px 17px 4px; } } #site-branding{ z-index:1000 !important; } .search-open { position: absolute; top: 20px; left: auto; right: 9.23611111111111%; width: 4.16666666666667%; height: 59px; text-align: center; background: transparent; border: none; text-indent: -99999px; z-index: 10000; outline: none; } /*Minimum width of 1800 pixels (larger desktop screens) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 112.500em) { /* VIDEO PAGE (original 70%) */ .video-bg { margin: 0 auto; padding-right: 0; padding-left: 0; max-width: 100%; } /* FEATURED IMAGES (original 70%) */ .page.has-thumb .entry-thumbnail { margin: 0 auto; width: 100%; text-align: center; } } /*Minimum width of 2200 pixels (larger desktop screens) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 137.500em) { /* VIDEO PAGE (original 56%) */ .video-bg { margin: 0 auto; padding-right: 0; padding-left: 0; max-width: 100%; } /* FEATURED IMAGES (original 56%) */ .page.has-thumb .entry-thumbnail { margin: 0 auto; width: 100%; text-align: center; } } .no-sidebar #colophon { margin-top: 0px; } .blog-wrap { padding-bottom:0px; } .m_hider, .t_hider{ display:block; } .theme-author a { color: #999 !important; } .single-post #colophon, .single-attachment #colophon{ margin-top:0px; } @media screen and (max-width: 1140px) { .t_hider{ display:none; } .glowtext { color: #FFF; text-shadow: 0 0 4px #000; font-weight: 700; text-align: center; } .vc_btn3.vc_btn3-size-md { font-size: 14px; padding-top: 14px; padding-bottom: 14px; padding-left: 5px !important; padding-right: 5px !important; } } @media screen and (max-width: 767px) { .m_hider{ display:none; } .entry-content h1{ font-size:30px; } .blog-wrap{ width:95%; } .call2action{ width:100px; height:100px; text-align:right; position:absolute; bottom:20px; } h1.frontpage{ line-height:1; margin-bottom:50px; margin-top:none; } a.vc_btn3.vc_btn3-color-danger, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat { width: 80% !important; margin:auto; } } /* SiteRelated Rules */ .vc_grid-filter > .vc_grid-filter-item:hover > span, .vc_grid-filter > .vc_grid-filter-item.vc_active > span { text-decoration: none; color: #FFF !important; padding: 3px !important; transition: 0.5s ease; } .vc_grid-filter.vc_grid-filter-color-white > .vc_grid-filter-item:hover, .vc_grid-filter.vc_grid-filter-color-white > .vc_grid-filter-item.vc_active { background-color: #c12 !important; padding:3px ; } .sep_hider:nth-last-child(2){ display:none; } .call2action{ } .Tags_Controller{ text-align:left!important; } div.blackback a { color: red !important; } h4, ul li a{ font-weight:400 !important; } .vc_custom_1548094606724{ background-color:#808080; background-blend-mode:multiply; } /* Own Posttemplate Stuff */ .post__picture{ width:100%; margin-bottom:-20%; } div.post__picture > img{ width:100%; } .contentwrap{ width:90% !important; margin-bottom: 100px !important; } .single-post .sharedaddy .sd-social-icon{ top:20%; left:-150px; } .branding_SC{ padding:20px; margin-top:30px; width:100%; padding:0px 15%; z-index: 500; position:relative; } .cookie-notice-container { padding:0px; } #cookie-notice .cn-button { margin-left: 10px; float: left; clear: right; width: 10%; margin-top: 16px; } #cookie-notice { display: block; visibility: hidden; position: fixed; min-width: 100%; height: auto; z-index: 100000; font-size: 13px; line-height: 20px; left: 0; text-align: center; color: rgb(255, 255, 255); background-color: white; visibility: visible; color: black; border-top: 13px solid #e11c12 !important; } .css-141sqqa{ position: absolute; z-index: 1001; top: 40px !important; right: 40px !important; } #cn-notice-text { width: 100%; display: inline-block; text-align: center; height: inherit; font-size: 15PX; font-family: 'Exo', sans-serif !important; padding-top: 5px; float: left; padding: 20px; } .target-dom-node{ height:450px; width:100%; display:block; } a.roundup_mobile { display:none; } #popmake-35190 > button.pum-close.popmake-close { display: none; } @media screen and (max-width: 1220px) { .contentwrap{ width:85% !important; } } @media only screen and (max-width: 767px) { #popmake-35190 > button.pum-close.popmake-close { display: block; } a.roundup_mobile { position: fixed !important; height: 50px; z-index: 1000; bottom: 0px !important; display: block !important; } .pum-overlay, html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container, html.pum-open.pum-open-overlay.pum-open-fixed .pum-container { position: sticky !important; min-height:50px; margin-bottom: 0px; } div#popmake-35105 { min-height:150px !important; } #cn-notice-text { width: 100%; } .target-dom-node{ height:400px; width:100%; } .pum-theme-35034 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close { position: absolute; height: 22px; width: 21px; left: auto; right: 13px; bottom: auto; top: 8px; padding: 0px; font-size: 50px; } #pum-35038{ display:none; } .contentwrap{ width:100% !important; } .side-navigation-parent{ position: relative; z-index: 200; width:100%; margin-top:15px; top: 0px; display:inline-block; } .side-navigation{ position: relative; right: 0px; z-index: 150; text-align:center; } .side-navigation__icon { background-color: #eaeaea; margin-bottom: 10px; width: 49%; float: left; height: 110px; padding-top: 16px; margin-right: 1%; } .highcorrecte{ height:175px; } .side-navigation__icon_img{ width:25%; } #pum-35038{ display:none !important; } } #cn-notice-text a { text-decoration: underline; color: white !important; } .highcorrecte{ height:200px; } @media screen and (max-width: 1230px) { .highcorrecte{ height:300px; } } .text_white{ color:white !important; } h2{ font-size:25px; } aside#secondary { display: none; } .single-post #colophon, .single-attachment #colophon { margin-top: 0px; padding-top:0px; } .center{ margin:auto; } .tax-filter{ background-color: black; color: white !important; padding: 2px 8px; font-weight: 600; display: inline-block; } a.tax-filter::before { counter-increment: section; /* Erhöht den Abschnittszähler */ content: "" counter(section) ": "; /* Zeigt den Zähler an */ } .post-tags { counter-reset: section; } .wrapper-filter{ width:100%; } .filter_containers{ width:33%; float:left; border: 1px solid grey; height:300px; margin-bottom:20px; } a.roundup_mobile.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-flat.vc_btn3-color-danger { width: 90% !important; margin: auto; text-align: center; cursor:pointer; } #menu-social-menu-3 a { color:white!important; } @media screen and (min-width: 66.25em) { #desktop-navigation ul ul.sub-menu:before { width:100px!important; } } /* MAYBE */ #comments .comment-avatar img.avatar { width: 40px; height: 40px; margin: 0; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; display: block; overflow: hidden; color: transparent; } img.avatar.avatar-140.photo.avatar-default.error:after { content: ""; width: 40px; height: 40px; background-image: url(../png/person_nopicture.png); background-size: cover; display: block; position: relative; z-index: 50; } .selector:not(*:root), img.avatar.avatar-140.photo.avatar-default.error:after { top:-15px; } /* SIMILAR EXPERTS from CM EXPERT PLUGIN */ .similar-experts__cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 50px; } .similar-experts__cards-card { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 calc(30% - 10px); } .similar-experts__cards-card .card-header { margin-bottom: -90px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 1; position: relative; } .similar-experts__cards-card .card-header .card-photo { -webkit-box-flex: 0; -ms-flex: 0 0 66%; flex: 0 0 66%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-width: 267px; } .similar-experts__cards-card .card-header .card-photo img { background-color: #B3B3B3; -webkit-box-shadow: 0 0 20px 0 black; box-shadow: 0 0 20px 0 black; border-radius: 50%; } .similar-experts__cards-card .card-header .card-reward { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; } .similar-experts__cards-card .card-body { border-radius: 7px; margin: 0 12px; z-index: 0; background: linear-gradient(0deg, rgba(60, 60, 60, 1) 30%, rgba(30, 30, 30, 1) 100%); position: relative; padding: 29px; padding-top: 130px; color: #A0BDCB; } .similar-experts__cards-card .card-body .card-nationality { position: absolute; right: 30px; top: 27px; } .similar-experts__cards-card .card-body .card-nationality img { max-width: 75px; } .similar-experts__cards-card .card-body .expert-name { margin-bottom: 30px; } .similar-experts__cards-card .card-body .expert-name .expert-name__title { font-size: 24px; color: #fff; margin-bottom: 10px; } .similar-experts__cards-card .card-body .expert-name .expert-name__title a { color: #ffffff !important; text-decoration: none !important; } .similar-experts__cards-card .card-body .expert-name .expert-name__title a:hover { color: #cccccc !important; text-decoration: none !important; } .similar-experts__cards-card .card-body .expert-name .expert-name__excerpt { font-size: 18px; margin-bottom: 10px; } .similar-experts__cards-card .card-body .expert-name .expert-name__position { font-size: 18px; margin-bottom: 10px; color: #aaaaaa; } .similar-experts__cards-card .card-body .expert-name .expert-name__company { font-size: 18px; font-weight: 600; color: #cccccc; margin-bottom: 5px; } .similar-experts__cards-card .card-body .card-excerpt { font-size: 16px; color: #eeeeee; margin-bottom: 34px; } .similar-experts__cards-card .card-body .areas-of-activity { margin-bottom: 34px; } .similar-experts__cards-card .card-body .expert-socials { margin-bottom: 26px; } .similar-experts__cards-card .card-body .expert-socials a { display: inline-block; margin-right: 11px; opacity: 0.7; } .similar-experts__cards-card .card-body .expert-socials a:hover { opacity: 1; } .similar-experts__cards-card .card-body .learn-more a { display: block; border-radius: 7px; background-color: #6a6a6a; text-align: center; font-size: 19px; text-decoration: none; color: #fff !important; padding: 5px; } .similar-experts__cards-card .card-body .learn-more a:hover { /*color: #4FBABC;*/ background-color: #ffffff; color: #000000 !important; } .slick-arrow { width: 50px !important; height: 100px !important; top: 50%; transform: translateY(50%); position: absolute; font-size: 0 !important; border: none !important; background: transparent !important; padding: 0 !important; } .slick-prev { left: -50px; transition: .3s; outline: none !important; } .slick-prev:hover { transition: .3s; left: -55px; } .slick-prev:before { content: ''; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='%23878888' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='1' id='_1'%3E%3Cpath d='M353,450a15,15,0,0,1-10.61-4.39L157.5,260.71a15,15,0,0,1,0-21.21L342.39,54.6a15,15,0,1,1,21.22,21.21L189.32,250.1,363.61,424.39A15,15,0,0,1,353,450Z'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: cover; } .slick-next { right: -50px; transition: .3s; outline: none !important; } .slick-next:hover { transition: .3s; right: -55px; } .slick-next:before { content: ''; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='%23878888' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='1' id='_1'%3E%3Cpath d='M353,450a15,15,0,0,1-10.61-4.39L157.5,260.71a15,15,0,0,1,0-21.21L342.39,54.6a15,15,0,1,1,21.22,21.21L189.32,250.1,363.61,424.39A15,15,0,0,1,353,450Z'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: cover; transform: rotate(180deg); } .similar-experts__cards-single .slick-list { height: fit-content; } @media only screen and (max-width: 1440px) { .slick-prev { left: -30px; } .slick-prev:hover { transition: .3s; left: -25px; } .slick-next { right: -30px; } .slick-next:hover { transition: .3s; right: -25px; } .slick-arrow { width: 25px !important; height: 50px !important; } } @media only screen and (max-width: 1200px) { .similar-experts .similar-experts__cards { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 100px; } .similar-experts .similar-experts__cards-card { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 15px; margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 700px) { .similar-experts__cards { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 50px; } .similar-experts__cards-card { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } }