/*
Theme Name: finanzennet Theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/


@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?thhucx");
  src: url("fonts/icomoon.eot?thhucx#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?thhucx") format("truetype"), url("fonts/icomoon.woff?thhucx") format("woff"), url("fonts/icomoon.svg?thhucx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { font-family: "Open Sans",sans-serif;    line-height: 2;    font-size: 14px;    color: #575756; }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*{box-sizing: border-box; outline: none}



#nav-icon3 span,
.banner_text a:hover {
  background:#093967
}
#nav-icon3 span:nth-child(1) {
  top: 6px;
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 12px
}
#nav-icon3 span:nth-child(4) {
  top: 18px
}
#nav-icon3.open span:nth-child(1),
#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0;
  left: 50%
}
#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}
#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
#nav-icon3 {
  display: none;
  width: 20px;
  height: 30px;
  margin: 0;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer
}
#nav-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out
}
.elementor-section.elementor-section-boxed>.elementor-container {max-width: 1220px!important}
.elementor-widget-text-editor {font-family: 'Open Sans', sans-serif; font-size: 14px;}
.site-header {position: absolute;top:0;left: 0; right: 0;z-index: 999}
.admin-bar .site-header {top:32px;}
.container {padding: 2.552083333333333% 5.208333333333333%;}
.site-branding img {width:280px; height: auto}
.site-header-main {display: flex; justify-content: space-between}
.main-navigation ul {display: flex}
.main-navigation ul {display: flex}
.main-navigation ul li:first-child {margin-left: 0}
.main-navigation ul li {margin-left: 55px;}
.main-navigation ul li a {text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 14px;    color: #575756;font-weight: 600;    text-transform: uppercase;     line-height: 2.5;}
.main-navigation ul li.current-menu-item a , .main-navigation ul li.current-page-ancestor a  {  color: #093967;   border-bottom: solid #093967 1px;}
.content-area {z-index: 9; position:relative; padding-left: calc(18.75% - 10px); padding-left: -webkit-calc(18.75% - 10px); padding-right: calc(18.75% - 10px); padding-right: -webkit-calc(18.75% - 10px); max-width: 1220px; margin: auto; box-sizing: content-box; }
.headline {z-index: 999; background: #fff; display: inline-block; padding:10px 20px; position: absolute; top:-72px;left: 18.7%;}
.headline h1 {color: #093967;text-transform: uppercase;  border: none;  font-size: 40px; line-height: 1.25;font-weight: 600;}
.banner img {width: 100%; height: auto}
.elementor-widget-heading.elementor-widget-heading h1.elementor-heading-title , h1 { text-transform: uppercase;    font-family: "Open Sans",sans-serif;   color: #b2b2b2;    border-bottom: solid #b2b2b2 1px;    display: inline-block; font-size: 34px;   line-height: 1.75;}
.elementor-widget-heading.elementor-widget-heading h3.elementor-heading-title , h3 , .elementor-widget-heading h3.elementor-heading-title>a { text-transform: uppercase;    font-family: "Open Sans",sans-serif;   color: #093967;      display: inline-block; font-size: 14px;   line-height: 1.75;}
.elementor-widget-heading h3.elementor-heading-title>a:hover  {text-decoration: underline}
.elementor-widget-text-editor {color:#575756;font-family: "Open Sans",sans-serif;  }

h2 , .elementor-widget-heading.elementor-widget-heading h2.elementor-heading-title { font-size: 16px; line-height: 2;  font-family: "Open Sans",sans-serif;     text-transform: uppercase;    margin-bottom: 5px;   font-weight: 600;   color: #093967;}
p { font-family: "Open Sans",sans-serif;    line-height: 2;    font-size: 14px;    color: #575756; }
h3 {color:#575756;text-transform: uppercase; font-weight: 600;font-family: "Open Sans",sans-serif;  }
.elementor .elementor-text-editor ul li a , ul li a {      font-family: "Open Sans",sans-serif;  color: #b2b2b2;}
.listStyle1 li {position: relative;}
.listStyle1 li:before { content: ''; display: inline-block; width: 11px; height: 1px; background: #b2b2b2; margin-bottom: 4px; margin-right: 1em;
    position: static;}
.historie  h3 {color: #b2b2b2;      font-weight: 600;  font-size: 16px;}
.sliderSec {margin: 0 -20px;}
.sliderSec .slick-slide {margin: 0 20px; outline: none}
.sliderSec .slick-slide .slidewrap {display: flex; height: 100%; flex-wrap:  wrap; position: relative; border: solid #e8e8e8 1px;padding: 16px; padding-bottom: 0}
.sliderSec .slick-slide .slidewrap .mobWrap {width: 56%; flex: 0 0 56%; margin-left: -35px}
.sliderSec .slick-slide .slidewrap .image img {position: relative;  width: 100%; object-fit: cover}
.sliderSec .slick-slide .slidewrap .contentBox {   position: relative; padding: 12px 25px 12px 40px; width: 53.2%;    flex: 0 0 53.2%;   margin-right: -15px;}
.details {bottom: 0; left: 40px;}
.sliderSec .slick-dots {text-align: center;     padding-top: 15px; margin-bottom: 5px;}
.sliderSec .slick-dots li  {display: inline-block}
.sliderSec .slick-dots .slick-active button  {background: #093967;    border-color: #093967;    width: 12px;    height: 12px;    position: relative;
    top: -1px;}
.sliderSec .slick-dots button {cursor: pointer; font-size:0; box-shadow: none; background: none; padding: 0;   display: block;    width: 10px;    height: 10px;    margin: 0 4px;    outline: 0;    border-radius: 50%;    border: solid #b2b2b2 2px;}
.sliderSec .slick-slide .slidewrap .contentBox p {padding-bottom:0px;}
.details h4 {line-height: 1.6; text-transform: uppercase;    color: #575756;font-weight: 600;font-family: "Open Sans",sans-serif; font-size: 14px;}
.details {    line-height: 1.6;}
.details span {       color: #b2b2b2; line-height: 1.6;}
.sliderSec .slick-slide .slidewrap:after {content: ""; width: 93%; margin: 0 auto;height: 10px; display: block; background: #093967; position: absolute;bottom: -10px; left: 0; right: 0;}
.site-footer {background: #f7f7f7; padding: 40px 0}
.footerWrap {display: flex; justify-content: space-between}

.footerWrap > div {padding: 10px 0}
 footer .socialMedia {
    position: static;
    -webkit-transform: none;
    transform: none;
    width: auto;
    margin: auto

  }

footer .socialMedia ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}
footer .socialMedia ul li {padding: 0 10px;}
footer .socialMedia a {
  display: inline-block;
  position: relative;
  background: #b2b2b2;
  width: 3em;
  height: 3em;
  border-radius: 50%
}
footer .socialMedia a:after {
  font-family: icomoon;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  font-size: 1.5em
}
footer .socialMedia a[href*="facebook"]:after {
  content: '\ea90'
}
footer .socialMedia a[href*="twitter"]:after {
  content: '\e901'
}
footer .socialMedia a[href*="youtube"]:after {
  content: '\e902'
}
footer .socialMedia a[href*="xing"]:after {
  content: '\e900'
}

footer a , footer ul li a { color: #575756;    text-decoration: none; }
.elementor-section-stretched {padding:  0 18.75%!important;}
.bgelem {background: #f7f7f7; position: absolute; left: 0; top:0; width: 100%; height: 100%;z-index: -1;}
.slick-slider .slick-track {padding-bottom: 20px;}
.mob {display: none;}
.nobanner {height: 200px; background:#fff;}
body:not(.elementor-page) .site-main {padding:  60px 20px}
footer .socialMedia a strong {display: none}

.elementor .elementor-text-editor ul li a:nth-of-type(2), ul li a:nth-of-type(2) {color:#093967; font-size: 12px; float: right; opacity: 0.5}
.alignright  {float: right; margin-left: 15px; margin-bottom: 15px; margin-top: 15px;}
.alignleft  {float: left; margin-right: 15px; margin-bottom: 15px; margin-top: 15px;}
body:not(.elementor-editor-active) .divHidden {display: none;}
.profileSec {border:solid #e8e8e8 1px; margin-left: 35px; margin-bottom: 10px;}
.profileSec:after { content: ""; width: 93%;margin: 0 auto; height: 10px; display: block; background: #093967;position: absolute;    bottom: -10px;    left: 0;    right: 0;}
.textCol {padding-right: 20px; padding-top: 25px; padding-left: 15px;    margin-left: -35px;}
.elementor-170 .textCol.elementor-element {padding-right: 20px; width:calc(75% + 80px)!important; padding-top: 25px;    padding-left: 60px;   margin-left: -35px;}
.profileSec  .textCol  {padding-left: 55px;}
.imgCol  {margin-left: -45px;}

.imgCol .elementor-widget:not(:last-child) {margin-bottom:15px}
.imgCol h5 {color: #575756;    text-transform: uppercase;     font-weight: 600; line-height: 1}
.imgCol p {color: #575756;    text-transform: uppercase;     font-weight: 600; line-height: 1}
.banner .bannerTestimonial {    position: absolute;   top: 37vw; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);  width: 100%;}
.testimonialWrap {  background: #fff; padding: 50px 38px 30px 38px;     width: 64.708333%; max-width: 815px;}
.testimonialWrap .contentBox {margin-bottom: 25px; position: relative;z-index: 99}
.profDetails h5 {color:#575756;    font-size: 14px; line-height: 18px;    font-weight: 600;}
.quotes {position: relative}
.testimonialWrap .contentBox:after { content: url(images/quotationMark.png); position: absolute;  z-index: -1; top: -13px;left: -19px;}
.sliderSec .slick-slide .slidewrap .contentBox .textBox {position: relative}
.sliderSec .slick-slide .slidewrap .contentBox .textBox:after { content: url(images/quotationMark.png); position: absolute;  z-index: -1; top: -13px;left: -19px;}
.quotes:after { content: url(images/quotationMark.png); position: absolute;  z-index: -1;    top: -28px;    left: -20px;}
.profDetails span {color: #b2b2b2; font-size: 14px;}
.testimonialWrap {position: relative}
.testimonialWrap:after {content: ""; width: 93%;margin: 0 auto; height: 10px; display: block; background: #093967; position: absolute; bottom: -10px;
  left: 0;  right: 0;}
.elementor-text-editor ul li {margin-left: 15px; padding-left: 14px; position: relative; color: #575756;}
.elementor-text-editor a {    color: #0083ff}
.elementor-text-editor ul li:before {content: ''; position: absolute;  width: 5px; height: 5px; background: #093967;  left: 0px;    top: 10px;}
.elementor-text-editor p strong {font-weight: 600; font-size: inherit}
.contactSection * {font-family: "Open Sans",sans-serif}
.contactSection  ul li {margin-bottom: 20px;}
.contactSection h5 {font-weight: 600; color: #575756;}
.contactDetails a{color: inherit}
.textRight .testimonialWrap {float: right}
.textRight {right:5%;}
.contentImg  img {width: 33.33%;}
body:not(.elementor-editor-active) .fancyBox {position: static}
body:not(.elementor-editor-active) .fancyBox a {opacity: 0; position: absolute;left: 0; top:0; width: 100%; height: 100%;}
.popupBox {max-width: 1200px;     overflow: visible;}
.popupBox img {width: 27%; height: auto; margin-top: 0; margin-left: -40px; margin-right: 40px;}
.popupBox ul  {width: 73%; float: right}
.popupBox  .elementor-text-editor ul li {padding-left: 40px; margin-left: 0; margin-bottom: 28px;}
.popupBox  .elementor-text-editor ul li:before {    background: #b2b2b2; border-radius: 100%; width:8px; height: 8px;}
.popupBox:after {content: ''; position: absolute; left: 0; bottom: -10px; right:0; height:10px; width: 95%;margin: 0 auto;  background: #093967;
}
.mobShow {display: none!important;}
.nameDetails {padding-left: 45px;}
.jumpToContent {     left: 50%; transform: translateX(-50%); color: #fff;  background: #093967;  color: transparent; outline: none;  position: absolute;   width: 66px;    height: 70px;  z-index: 999;    bottom: 9px; }
.jumpToContent:before {    position: absolute;    top: 50%;    left: 50%;    color: #fff;     font-size: 41px;
    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);}
.banner {position: relative;z-index: 9}

.sliderSec .slick-arrow {cursor: pointer; position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); margin: -16px 0 0 0; padding: 0;
    outline: 0; z-index: 9999; width: 50px;  height: 50px; background: none; border: none;font-size: 0}

.sliderSec .slick-prev {left: -60px}
.sliderSec .slick-next {right: -40px}

.sliderSec .slick-prev:before, .sliderSec .slick-prev:after {
    -webkit-transform-origin: left;
    transform-origin: left;
}

.sliderSec .slick-next:after {
    margin-top: -1px;
}
.sliderSec .slick-prev:before {
    margin-top: -1px;
}

.sliderSec .slick-next:before, .sliderSec .slick-next:after {
    -webkit-transform-origin: right;
    transform-origin: right;
}
.sliderSec .slick-prev:before, .sliderSec .slick-next:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sliderSec .slick-prev:after, .sliderSec .slick-next:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sliderSec .slick-prev:before, .sliderSec .slick-prev:after, .sliderSec .slick-next:before, .sliderSec .slick-next:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 3px;
    background: #b2b2b2;
    position: absolute;
    top: 50%;
    left: calc(50% - 9px);
    border-radius: 3px;
}
.content-area .bannerTestimonial {display: none}
a.mousepointer:hover {cursor:pointer;}