html{scroll-behavior: smooth;}
body{font-family: 'Roboto Condensed', sans-serif;margin:0px;padding:0px;overflow-x:hidden;}
h1,h2,h3,h4,h5{font-family: 'Roboto Condensed', sans-serif;}
p{  font-size: 16px;}
a{transition: all 0.3s ease 0s !important;}
.gototop { display: none; position: fixed; overflow: hidden; text-align: center; z-index: 999; background-color:rgb(208 162 11 / 70%); color: #fff !important; width: 45px; line-height: 45px; right: 25px; bottom: 20px; border-radius: 5px; cursor: pointer; }
a.gototop:hover{background:#D0A20B;}
::selection { background: #14405b; color: #fff; text-shadow: none } 
::-webkit-scrollbar { width: 8px; height: 10px } 
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: none } 
::-webkit-scrollbar-track-piece { background-color: #ecedf1; -webkit-border-radius: 0; border-left: 0 solid #888 } 
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius: 0; background: #14405b }
.custom_btn{background: #262626 0% 0% no-repeat padding-box; border-radius: 3px; color: #fff; padding: 10px 20px; letter-spacing: 3px; text-transform: uppercase;}
.custom_btn.light { background-color: #fff; color: #262626; border: 1px solid;font-weight: 600; font-size: 15px; }
.custom_btn.light:hover{color:#D0A20B;border-color: #D0A20B;background-color: transparent;}
.custom_btn .fa{font-size: 12px; position: relative; top: -1px;}
.custom_btn:hover{background-color: #D0A20B;color:#fff;}
strong.blue{font: normal normal bold 15px/20px Roboto Condensed; letter-spacing: 3.25px; color: #14405B; text-transform: uppercase;}
h4{text-align: left; font: normal normal normal 30px/40px Frank Ruhl Libre; letter-spacing: 0px; color: #262626; }

header{padding: 25px 0px 15px;}
header .logo{}
header .logo img{}
header .main_menu{  }
header .nav_menu { position: relative; top: -7px; }
header .main_menu ul{list-style:none;}
header .main_menu ul ,header .main_menu ul li{}

header .main_menu ul li{font: normal normal normal 14px/16px Roboto Condensed; letter-spacing: 1px;  text-transform: uppercase;float:left;list-style:none;padding: 0px 14px 18px;}
header .main_menu ul li a{color: #898989;text-decoration:none;}
header .main_menu ul li a:hover{color: #D0A20B;}
header .main_menu ul li ul{display:none;background-color: #fff; position: absolute; z-index: 1; box-shadow: 0px 0px 10px #00000029; padding: 15px 30px; width: 260px; top: 33px;}
header .main_menu ul li ul:before{width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 15px solid #fff; filter: drop-shadow(0px 0px 10px #00000029); content: ""; display: block; position: absolute; top: -15px; left: 45px;}
header .main_menu ul li:hover ul { display: block;  }
header .main_menu ul li ul li{float: none; padding: 12px 0px; border-bottom: 1px solid #C4C4C4; font-size: 14px;}
header .main_menu ul li ul li:last-child{border-bottom: 0px solid #C4C4C4;}
header .main_menu ul li ul li a{}
section.banner{background-position: top center; background-repeat: no-repeat; background-size: cover;/*background-image: url(assets/images/home-banner.jpg);*/}
section.banner .left_box { background: rgb(38 38 38 / 49%) 0% 0% no-repeat padding-box;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);padding: 65px 60px 195px;font-family: 'Noto Sans KR', sans-serif;color:#fff; }
section.banner .left_box h1{ font-family: 'Frank Ruhl Libre', serif; letter-spacing: 0px; font-weight: 300; font-size: 36px;padding-bottom: 30px; }
section.banner .btm_contnt { position: absolute; bottom: 0px; background-color: #fff; margin: 0px 25px; padding: 20px 28px;box-shadow: 0px -15px 20px #00000012;
border-radius: 10px 10px 0px 0px;}
section.banner .btm_contnt p{ font: normal normal 300 14px/25px Noto Sans KR; letter-spacing: 0.14px; color: #262626;margin-bottom: 0px;text-align: center;}
section.banner .relate { position:relative; }
section.banner .points {  }
section.banner .points span{ background-color: #fff; display: inline-block; padding: 1px 7px; text-align: center; border-radius: 50%; position: relative; top: 14px;}
section.banner .points span .fa{color: #000; position: relative; top: -2px; font-size: 14px;  }
section.banner .points strong { font-family: 'Frank Ruhl Libre', serif; letter-spacing: 3px; color: #FFFFFF; text-transform: uppercase; padding-left: 10px; font-weight: 500; }
section.banner .points p {font-family: 'Frank Ruhl Libre', serif; letter-spacing: 0px; color: #FFFFFF; padding-left: 38px; font-size: 24px; font-weight: 300; }
section.banner .mehr a { background: #262626 0% 0% no-repeat padding-box; border-radius: 3px; color: #fff; padding: 10px 20px; letter-spacing: 3px; text-transform: uppercase; }
section.banner .mehr a:hover{background-color: #D0A20B;}
section.banner .mehr { margin-top: 40px; }

.besten{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px -15px 20px #0000000d; position: relative; padding: 100px 0px 60px;}
.besten .sub_heading{font: normal normal bold 17px/20px Roboto Condensed; letter-spacing: 4.25px; color: #14405B; text-transform: uppercase;    text-align: center;}
.besten h2{text-align: center; font: normal normal normal 34px/40px Frank Ruhl Libre; letter-spacing: 0px; color: #262626; padding-top: 10px;}
.besten_list{    padding-top: 65px;}
.besten_list .list { display: table;background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 20px #00000012; border-radius: 5px; padding: 25px 16px;    margin-bottom: 30px; width: 100%;}
.besten_list .icon {display: table-cell; width: 90px; vertical-align: top; }
.besten_list .icon img{ }
.besten_list .content { display: table-cell; padding-left: 15px;}
.besten_list .content span{display: block; font: normal normal bold 16px/21px Roboto Condensed; letter-spacing: 4.5px; color: #D0A20B; text-transform: uppercase;    padding-top: 8px;    padding-bottom: 10px;}
.besten_list .content strong{ font: normal normal normal 22px/24px Frank Ruhl Libre; letter-spacing: 0px; color: #434343; position: relative; top: -5px; }
.besten_list .content p{font: normal normal 300 16px/25px Noto Sans KR; letter-spacing: 0.18px; color: #262626; padding-bottom: 0px; margin-bottom: 0px; } 
.besten .para {}
.besten .para .custom_btn{display: table; margin: 65px auto;}
.besten .para p{font: normal normal 300 14px/25px Noto Sans KR;letter-spacing: 0.14px;color: #262626;}

.drinnen{/*background-image: url(assets/images/architektur-beton-drinnen.webp);  */  background-repeat: no-repeat;    background-position: left;    background-size: 60%;padding: 215px 0px;position: relative;margin-bottom: 80px;}
.drinnen .content { background: #FFFFFF 0% 0% no-repeat padding-box; position: absolute; bottom: 0px; right: 0px; padding: 35px 45px 0px; }
.drinnen .content strong{  font: normal normal bold 15px/20px Roboto Condensed; letter-spacing: 4.25px; color: #14405B; text-transform: uppercase;}
.drinnen .content h4{text-align: left; font: normal normal normal 30px/50px Frank Ruhl Libre; letter-spacing: 0px; color: #262626;  }
.drinnen .content p{font: normal normal 300 14px/24px Noto Sans KR; letter-spacing: 0.18px; color: #262626; margin-bottom:0px; }

.risiken{/*background-image: url(assets/images/risiken.webp); */   background-repeat: no-repeat;    background-position: right;    background-size: 80%;    padding: 110px 0px;}
.risiken .content { background: #FFFFFF 0% 0% no-repeat padding-box; padding: 40px 30px; }
.risiken .content strong{font-size: 14px;}
.risiken .content h4{font-size: 26px;}
.risiken .content p { font: normal normal 300 14px/24px Noto Sans KR; letter-spacing: 0.18px; color: #262626; }
.risiken .anlayse{border-bottom: 1px solid #b7b5b5;    margin-bottom: 30px;}
.risiken .anlayse .item{border-top: 1px solid #b7b5b5; padding: 15px 0px;}
.risiken .anlayse .item span{display: inline-block; text-align: center; position: relative; top: 12px; color: #707070; font-size: 12px;}
.risiken .anlayse .item span .fa{}
.risiken .anlayse .item strong{font: normal normal bold 15px/18px Roboto Condensed; letter-spacing: 3.5px; color: #D0A20B; text-transform: uppercase; padding-left: 12px;}
.risiken .anlayse .item p{padding-left: 25px; padding-bottom: 0px; margin: 0px;}

section.referenzen { background-color: #F2F2F2; padding: 60px 0px; }
section.referenzen .content{ }
section.referenzen .content p{font-size:14px; }
section.referenzen .content strong{ }
section.referenzen .content h4{padding-bottom:20px;}
section.referenzen .custom_btn { display: table; margin: 65px auto 30px; }

section.unsere{/*background-image: url(assets/images/unsere.webp);*/ background-position: left; background-size: 70%;}
section.unsere .anlayse{border-bottom:0px solid;}
section.unsere .content{padding: 40px 30px 0px;    position: relative;    top: 65px;}
.btn_cntr{display: table; margin:50px auto;}

.agarwala_video{position: relative;    padding-bottom: 310px;}
.agarwala_video .content{background-color: #fff; padding: 40px 40px 0px; position: relative; top: 278px;}
.agarwala_video .content h4{line-height: 36px; padding: 10px 0px 15px;}
.agarwala_video .content a{}
.agarwala_video .content p{font-size: 15px;}
.agarwala_video .video{position:relative;}
.agarwala_video .video .video_main{position: absolute; top: 0px; right: 0px; width: 75%;}
.video #myVideo { width: 100%;}
.video .play_btn {position: absolute; left: 0px; right: 0px; text-align: center; bottom: 0px; top: 47%;}
.video #myBtn {border: 0px; color: #fff; background-color: rgb(255 255 255 / 45%); font-size: 32px; padding: 25px 37px; border-radius: 50%; outline: 0; cursor: pointer;}

section.faqs { background-color: #F2F2F2; padding: 60px 0px; }
section.faqs .content{ padding-bottom: 50px;}
section.faqs .content p{font-size:14px; }
section.faqs .content strong{ }
section.faqs .content h4{padding-bottom:12px;}
section.faqs .collapsible-link::before {    content: '\f107';    position: absolute;    right: 0.8rem;    transform: translateY(-50%);    display: block;
    font-family: 'FontAwesome';    font-size: 1.1rem;top: 30px;}
section.faqs .collapsible-link[aria-expanded='true']::before {    content: '\f106';}
section.faqs .card-header { background-color: #fff; }

section.faqs button.btn.btn-link { width: 98.5%; text-align: left; font-size: 14px; text-transform: initial !important;text-decoration: none;}
section.faqs .card-body { padding: 0px 32px 10px 32px; }
section.faqs .card-body p{font: normal normal 300 15px/25px Noto Sans KR;    letter-spacing: 0.18px;    color: #262626;}
section.faqs .card { margin-bottom: 20px;    border: 0px solid; }
section.faqs .custom_btn { display: table; margin: 50px auto 30px; }

.lesenswert{padding: 70px 0px; }
.lesenswert .content{padding-bottom: 60px;}
.lesenswert .lesenswert_box { text-align: center; padding: 40px 28px; box-shadow: 0px 15px 20px #00000012; border-radius: 5px; }
.lesenswert .lesenswert_box h5{ font: normal normal bold 15px/24px Roboto Condensed; letter-spacing: 3px; color: #D0A20B; text-transform: uppercase;}
.lesenswert .lesenswert_box p{font: normal normal 300 14px/25px Noto Sans KR;letter-spacing: 0.18px;color: #262626;}
.lesenswert .lesenswert_box a { background-color: #fff; color: #262626; border: 1px solid;font-weight: 600; font-size: 15px; }
.lesenswert .lesenswert_box a:hover{color:#D0A20B;border-color: #D0A20B;}

.contact_form { background-color: #14405B;margin-bottom: 170px; }
.contact_form .form_posi{position: relative; top: 150px; box-shadow: 0px 15px 30px #00000026; border-radius: 5px; }
.contact_form .details{ background-color: #fff;     padding: 60px; }
.contact_form .form{ background-color: #D0A20B;     padding: 60px; }
.contact_form .details ul{padding: 20px 5px 20px;}
.contact_form .details li{    list-style: none;    padding: 0px;    font-size: 15px;    padding-bottom: 15px;}
.contact_form .details li .fa{font-size: 18px;    color: #14405B;    padding-right: 10px;}
.contact_form .details li a{color:#262626;}
.contact_form .details .custom_btn{margin-top:15px;}
.contact_form .form input.form-control,.contact_form .form textarea{background-color: transparent; color: #fff; border: 0px solid; border-bottom: 1px solid; border-radius: 0px;font: normal normal 300 15px/30px Noto Sans KR;outline:0;box-shadow: inset 0 0px 0 #ddd;}
.contact_form .form span.input-group-text{color: #fff;background-color: transparent; border: 0px; border-bottom: 1px solid #fff; border-radius: 0px;}
.contact_form .form .input-group { padding: 10px 0px; }
.contact_form .form ::placeholder {  color: #fff; opacity: 1; /* Firefox */ }
.contact_form .form :-ms-input-placeholder {  color: #fff; } 
.contact_form .form ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; }
.contact_form .form .input-group:first-child{padding-top:0px;}
.contact_form .form .form-check{padding-top: 15px;}
.contact_form .form .form-check #exampleCheck1{}
.contact_form .form .form-check .form-check-label{font: normal normal 300 12px/18px Noto Sans KR; letter-spacing: 0.12px; color: #FFFFFF;}
.contact_form .form .btn-primary{float: right; margin-top: 40px;border: 1px solid transparent;}
.contact_form .form .btn-primary:hover{border-color:#fff;}
footer .foter_menu{border-top: 1px solid #a29e9e; padding: 35px 0px; position: relative; top: 60px;}
footer .foter_menu .copy_right p{font: normal normal normal 14px/19px Roboto Condensed; letter-spacing: 2px; color: #434343; text-transform: uppercase;}
footer .foter_menu .menu{}
footer .foter_menu .menu ul{list-style: none;margin: 0px;float: right;}
footer .foter_menu .menu ul li{font: normal normal normal 14px/19px Roboto Condensed; letter-spacing: 2px; text-transform: uppercase; float: left; list-style: none; padding: 0px 16px;}
footer .foter_menu .menu ul li a{color: #898989;    text-decoration: none;}
footer .foter_menu .menu ul li a img{width: 85px; position: relative; top: -13px;}

.page .banner h1{font: normal normal bold 42px/53px Roboto Condensed; letter-spacing: 10px; color: #FFFFFF; text-transform: uppercase;}
.page .banner p{font: normal normal 300 26px/40px Noto Sans KR; letter-spacing: 0px; color: #FFFFFF;}
.page section.banner{padding: 65px 0px;}
section.faqs.page{background-color: #ffffff;}
section.faqs.page h3{font: normal normal normal 26px/50px Frank Ruhl Libre;letter-spacing: 0px;color: #14405B;padding-bottom: 10px;}
section.faqs.page h3 .fa{font-size:16px;}
section.faqs.page .card-header,section.faqs.page .card{background: #F2F2F2 ;}
.sec{padding:70px 0px;}
.contact_pge{padding:70px 0px;}
.contact_pge .besten_list .icon{width:30px; vertical-align: middle; text-align: center;}
.contact_pge .besten_list .icon .fa{font-size: 24px;    color: #14405B;}
.kontaktformular{background-color: #F2F2F2; padding: 70px 0px;}
.kontaktformular h4{margin-bottom:30px;}
.kontaktformular form input.form-control, .kontaktformular form textarea{background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 5px; border: 0px; padding: 15px 24px;font: normal normal medium 15px/26px Noto Sans KR; letter-spacing: 0px; color: #262626;}
.kontaktformular form select{background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 5px; border: 0px; font: normal normal medium 15px/26px Noto Sans KR; letter-spacing: 0px; color: #262626;height:auto !important;padding: 15px 24px;}
.kontaktformular .form-check-label{font: normal normal 300 12px/18px Noto Sans KR; letter-spacing: 0.12px; color: #434343;padding-left: 20px;text-align:left;}
.kontaktformular input#exampleCheck1 { margin-left: 0px; }
.kontaktformular textarea.form-control { margin-bottom: 40px; }
.kontaktformular form .btn-primary { float: right; border: 1px solid transparent; }
.kontaktformular form ::placeholder {  color: #262626; /* Firefox */ }
.kontaktformular form :-ms-input-placeholder {  color: #262626; } 
.kontaktformular form ::-ms-input-placeholder { /* Microsoft Edge */ color: #262626; }


section.fokus { background-color: #14405B; color: #fff; }
section.fokus strong{ font: normal normal bold 15px/20px Roboto Condensed; letter-spacing: 3px; color: #FFFFFF; text-transform: uppercase; }
section.fokus h3{  text-align: center;font: normal normal normal 32px/50px Frank Ruhl Libre;letter-spacing: 0px;color: #FFFFFF;    padding: 0px 0px 40px;}
section.fokus .fokus_box{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 20px #00000012; border-radius: 5px; color: #000; text-align: center; padding: 70px 50px;margin-bottom: 10px;}
section.fokus .fokus_box .lrge{font: normal normal normal 45px/50px Frank Ruhl Libre; letter-spacing: 0px; color: #434343; padding-bottom: 10px;}
section.fokus .fokus_box span{font: normal normal bold 16px/25px Roboto Condensed; letter-spacing: 2.5px; color: #D0A20B; text-transform: uppercase; }

section.florian_agerwala{background-image: url(assets/images/Foto-alt.jpg); background-position: left; background-size: 70%;background-repeat: no-repeat;    padding: 110px 0px;}
section.florian_agerwala .anlayse{border-bottom:0px solid;}
section.florian_agerwala .content{padding: 40px 30px 0px;    position: relative;    top: 75px;background: #FFFFFF ;}
section.florian_agerwala .list-item { border-top: 1px solid #b7b5b5; padding: 18px 5px;     font-size: 15px;}
section.florian_agerwala .list-item .fa-chevron-right{display: inline-block;    text-align: center;    position: relative;    color: #707070;    font-size: 12px;    margin-right: 12px;}
section.florian_agerwala .list-item .fa-question{ float: right;    display: inline-block;    text-align: center;    position: relative;    color: #707070;
    font-size: 12px;    background-color: #E8E8E8;    padding: 6px 8px;    border-radius: 50%; }
section.florian_agerwala .lsting{     margin-top: 20px; }
.companies{}
.companies .besten_list{}
.companies .icon{display: inline-block; width: 100%;}
.companies .content{display: inline-block;}
.companies .icon img{width: 200px; float: right;}

.Schweiz {background-image: url(assets/images/Schweiz.jpg); background-repeat: no-repeat; background-position: right; background-size: 80%; padding: 110px 0px;margin: 80px 0px;}
.Schweiz .content{background-color: #fff; padding: 40px 40px 0px; position: relative; top: 110px;}
.Schweiz .content p{font-size:15px;}
.Schweiz .content h4{line-height: 35px; padding: 10px 0px 15px;}
.Schweiz .content a{margin-top: 20px;}

section.wasuns{background-image: url(assets/images/wasuns.jpg);background-size: 80%;background-size: 80%; padding: 0px; margin-bottom: 200px;}
section.wasuns .content{top:180px;}
.depot{background-color:#D0A20B;}
.depot .content{color:#fff;}
.depot .content strong{color:#fff;}
.depot .content h4{color:#fff;margin-bottom: 20px;}
.depot .content p{font-size: 15px;padding-bottom: 35px;}
.depot .custom-file-input:lang(en)~.custom-file-label::after{content: "Dokument hochladen";}
.depot form input.form-control, .depot form input[type="file"]{background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 5px; border: 0px; padding: 7px 24px;font: normal normal medium 15px/26px Noto Sans KR; letter-spacing: 0px; color: #262626;margin-bottom: 30px;}
.depot .form-check-label{font: normal normal 300 12px/18px Noto Sans KR; letter-spacing: 0.12px; color: #fff;padding-left: 20px;text-align:left;}
.depot input#exampleCheck1 { margin-left: 0px; }
.depot textarea.form-control { margin-bottom: 40px; }
.depot form .btn-primary { float: right; border: 1px solid transparent; }
.depot form ::placeholder {  color: #262626; /* Firefox */ }
.depot form :-ms-input-placeholder {  color: #262626; } 
.depot form ::-ms-input-placeholder { /* Microsoft Edge */ color: #262626; }
.depot form .btn-primary:hover { border: 1px solid; }

section.gute{background-image: url(assets/images/gute.jpg);padding: 0px; margin-bottom: 200px;}
section.gute .anlayse .item span{text-align: center; letter-spacing: 0px; color: #FFFFFF; background-color: #D0A20B; border-radius: 50%; display: inline-block; font-size: 20px; height: 34px; width: 34px;}
section.gute .anlayse .item p{padding-left: 48px;}
section.gute .content{position: relative; top: 195px;}
.wechseln h4{    margin-bottom: 20px;}
.wechseln p{    margin-bottom: 50px;}
.partners{}
.partners .contnt{}
.partners .contnt p{padding: 45px 0px 26px;}
.partners .contnt a{}
.partners strong{}
.partners p{font-size: 15px;}
.partners h4{    padding-bottom: 15px;}
.unsere_partners { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 20px #0000001a; border-radius: 5px; padding: 25px 30px; margin-top: 40px; }
.unsere_partners h5 {    color: #434343;}
.partner_main {    border-top: 1px solid;border-bottom: 1px solid;display: table;padding: 15px 0px;    margin: 20px 0px;    border-color: #a29e9e;}
.partner_box {    display: table-cell;    vertical-align: middle;    padding: 0px 12px;}
.grundsatze{}
.grundsatze .besten_list .custom_btn { display: table; margin: 65px auto 30px; }
section.best_in { background-color: #F2F2F2;margin-bottom: 50px; }
section.best_in .content{  }
section.best_in .content strong{  }
section.best_in .content p{ font-size:15px; padding-bottom:20px;}
section.best_in .content h4{ margin-bottom:12px; }
section.best_in .universum{padding-top:30px;  }
section.best_in .universum img{width:90%;}
section.best_in .description{    border-top: 1px solid #b7b5b5;  }
section.best_in .description .list{     border-bottom: 1px solid #b7b5b5;     padding: 18px 10px;}
section.best_in .description .list h5{ font: normal normal normal 22px/30px Frank Ruhl Libre;    letter-spacing: 0px;    color: #D0A20B;} }
section.best_in .description .list p{ padding-bottom: 0px;    margin: 0px;    font-size: 15px; }
.ansatz{background-image: url(assets/images/ansatz.jpg);    background-size: 55%;}
.diversifikation{background-image: url(assets/images/diversifikation.jpg);background-size: 58%;}
.attrak{padding-bottom: 130px;}
.attrak p{font-size:15px;}
.attrak h4{margin-bottom:20px;}
.attrak_slide{overflow:hidden;padding-top: 50px;}
.attrak_slide .slick-dots {bottom: -50px;}
.attrak_slide .slick-dots li { background-color: #E8E8E8; border-radius: 50%; }
.attrak_slide li.slick-active { background-color: #898989;  }
.attrak_slide .slick-dots li:hover { background-color: #898989;  }
.attrak_slide .slid_img {float:left;outline: 0;}
.attrak_slide .slick-prev:before,.attrak_slide .slick-next:before{color: #434343;font-size:40px;}
.attrak_slide .slick-prev:before{content: '\f104';}
.attrak_slide .slick-next:before{content: '\f105';}
section.wachstum .fokus_box{padding: 40px 22px;}
section.wachstum .fokus_box span{}
section.wachstum .fokus_box h5{font: normal normal normal 22px/40px Frank Ruhl Libre;letter-spacing: 0px;color: #434343;padding-bottom:20px;}
section.wachstum .fokus_box .lrge{font-size: 40px;}
section.wachstum .fokus_box strong{color: #434343;}
.von{}
.von .cntnt{}
.von .cntnt strong{}
.von .cntnt p{}
.von .cntnt h3{padding-bottom:18px;padding-top:8px;}
.von .table_content{padding:40px 0px;}
.kunde_main{background-color:#F2F2F2;}
.partners .kunde{padding:40px 0px;}
.partners .kunde_text{padding-top:40px ;}

.depotbank{padding: 40px 0px 20px;}
.depotbank .depotbank_list{padding: 0px 15px;}
.depotbank .depotbank_list h3{font: normal normal normal 25px/40px Frank Ruhl Libre;    letter-spacing: 0px;    color: #434343;    padding-bottom: 20px;}
.depotbank .depotbank_list ul{    list-style: none;    padding: 0px;    border-top: 1px solid #a29e9e;}
.depotbank .depotbank_list ul li{    border-bottom: 1px solid #a29e9e;    padding: 20px 0px;    font: normal normal 300 15px/26px Noto Sans KR;    letter-spacing: 0.18px;    color: #262626;}
.depotbank .depotbank_list ul li .fa{padding-right: 14px;    color: #585555;}

section.die{background-size: 55%;}
.kann{background-color:#F2F2F2;}
.kann .content h4{padding-bottom:20px;}
.kann .beispiel{padding:40px 0px}
.kann .beispiel img{margin-bottom:50px;}
.kann .pricing{text-align:center;position:relative;}
.kann .pricing span{position: absolute; right: -28px; bottom: 15px;}
.kann .pricing span .fa{color: #D0A20B; background-color: #fff; padding: 6px 8px; border-radius: 50%;}
.kann .pricing h3{font: normal normal normal 40px/40px Frank Ruhl Libre; letter-spacing: 0px; color: #434343;}
.kann .pricing strong{font: normal normal bold 15px/20px Roboto Condensed;color: #262626;text-transform: uppercase;}
.kann .pricing.total h3,.kann .pricing.total strong{color: #D0A20B;}
section.kann .custom_btn { display: table; margin: 65px auto 30px; }

.language_convetr>ul { list-style: none;    margin: 0px;      position: relative;    padding: 0px 5px; }
.language_convetr ul li.active { display: block;  top: 0px;     cursor: pointer;    float: left;}
.language_convetr>ul:hover ul { display: block;  }
.language_convetr ul li ul{list-style: none; margin: 0px; padding: 0; display: none; position: absolute; top: 0px; bottom: 0px; left: 5px; padding-top: 25px; }
.language_convetr {color: #c4c4c4; position: relative; top: 3px;}
.language_convetr ul li img {  }
.language_convetr ul li .fa { text-align: left; float: left; position: relative; top: 5px; font-size: 15px;padding-right: 5px; }
.language_convetr ul .fa { font-size: 13px; }
.language_convetr ul a{ color: #c4c4c4;}
.language_convetr ul a span{ font-size:13px;padding-right: 2px;letter-spacing: 2px;}
.text_page p{font: normal normal 300 15px/25px Noto Sans KR;}

.risikomanag .list .icon span {text-align: center; letter-spacing: 0px; color: #FFFFFF; background-color: #D0A20B; border-radius: 50%; display: inline-block; font-size: 20px; height: 44px; width: 44px; padding-top: 6px; }
.risikomanag .list .icon  {vertical-align: middle; text-align: center; }
.open_form_btn a {text-align: center; font: normal normal bold 12px/14px Roboto Condensed; letter-spacing: 1px; color: #F2F2F2; text-transform: uppercase; background: #D0A20B; display: block; position: fixed; right: 0px; top: 50%; text-decoration: none; width: 85px; padding: 15px 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.open_form_btn a:hover{background:#14405b}
.open_form_btn a .fa { display: block; font-size: 28px; padding-bottom: 8px; }
#myModal {}
#myModal  .modal-body{    padding: 1rem 1.3rem;}
#myModal .border_rite{border-right:1px solid #969696;}
#myModal strong.gold{font: normal normal bold 15px/24px Roboto Condensed; letter-spacing: 3px; color: #D0A20B; text-transform: uppercase;padding-bottom: 10px; display: block;}
#myModal h4{font: normal normal normal 22px/30px Frank Ruhl Libre; letter-spacing: 0px; color: #434343;padding-bottom: 15px;}
#myModal ul{margin:0px;padding:0px;list-style: none;}
#myModal ul li{padding-left: 1em;font: normal normal 300 14px/25px Noto Sans KR; letter-spacing: 0.18px; color: #262626;padding-bottom:15px;}
#myModal p{font: normal normal 300 14px/25px Noto Sans KR; letter-spacing: 0.18px; color: #262626;}
#myModal ul li:before { content: "\f105"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; margin-left: -1em; /* same as padding-left set on li */ width: 1em; /* same as padding-left set on li */ }
#myModal ul li .fa{}
.modal-header { border-bottom: 0px; }
@media (min-width:1200px){
	
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	header .main_menu ul{padding: 0;}
	header .main_menu ul li{    padding: 0px 9px 18px;}
	.language_convetr ul a span{display:none;}
	section.banner .left_box{padding: 65px 40px 195px;}
	footer .foter_menu .menu ul li{padding: 0px 8px;}
	section.best_in .universum img{width: 100%;}
	
	
	
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.hide{display:none;}
   .sidenav a#pull {position:relative; top:0; display:block; z-index:99; cursor:pointer; float:right;} 
	.dash{display:block; background-color:#14405b; width:25px; height:3px; margin:5px 0; transition:0.4s; } 
	.act .dash3 {-webkit-transform: rotate(45deg) translate(-7px, -7px); transform: rotate(45deg) translate(-7px, -7px); background-color: #14405b; } 
	.act .dash2 {opacity: 0; } 
	.act .dash1 {-webkit-transform: rotate(-45deg) translate(-5px, 4px); transform: rotate(-45deg) translate(-5px, 4px); background-color: #14405b; } 
	.sld_mnu.acc {right:0; }
	ul.sld_mnu{text-align:center; position:fixed; width:100%; right:-103%; background-color:#fff; top:90px; z-index:9; min-height:auto; height:auto; padding:50px 10px 10px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; margin:0; bottom:0; overflow-y:auto;}
	div#bs-example-navbar-collapse-1{float:left;}
	.sidenav{display: block; padding-top: 7px;}
	body.acc{overflow-y:hidden;}
	ul.sld_mnu li:first-child{padding-top:20px;}
	ul .menu_media li:first-child{padding-top:15px;}
	ul.sld_mnu li{display:block; text-transform:capitalize; font-weight:500; padding-bottom:10px; }
	header .main_menu ul li { float: none; font-size: 20px; padding: 15px 0px; }
	header .main_menu ul li ul{position: relative; box-shadow: 0px 0px; margin: 0 auto; background-color: transparent; top: 0px;}
	header .main_menu ul li ul:before{display:none;}
	section.banner .left_box{padding: 65px 40px 195px;}
	.besten_list .content strong{}
	section.unsere .content{padding: 40px 15px 0px 20px;}
	.agarwala_video .content{    padding: 40px 20px 0px;}
	.lesenswert .lesenswert_box a{letter-spacing: 0px;    padding: 8px;}
	.contact_form .details{padding: 20px;}
	.contact_form .form{padding: 20px;}
	section.fokus .fokus_box{    padding: 20px 30px;}
	section.florian_agerwala{   padding: 60px 0px; background-size: 50%;}
	.Schweiz{padding: 60px 0px;    margin: 50px 0px;}
	.kann .pricing h3{font-size:30px;}
}

@media (max-width: 767.98px) {
 
	.hide{display:none;}
   .sidenav a#pull {position:relative; top:0; display:block; z-index:99; cursor:pointer; float:right;} 
	.dash{display:block; background-color:#14405b; width:25px; height:3px; margin:5px 0; transition:0.4s; } 
	.act .dash3 {-webkit-transform: rotate(45deg) translate(-7px, -7px); transform: rotate(45deg) translate(-7px, -7px); background-color: #14405b; } 
	.act .dash2 {opacity: 0; } 
	.act .dash1 {-webkit-transform: rotate(-45deg) translate(-5px, 4px); transform: rotate(-45deg) translate(-5px, 4px); background-color: #14405b; } 
	.sld_mnu.acc {right:0; }
	ul.sld_mnu{text-align:center; position:fixed; width:100%; right:-103%; background-color:#fff; top:90px; z-index:9; min-height:auto; height:auto; padding:50px 10px 10px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; margin:0; bottom:0; overflow-y:auto;}
	div#bs-example-navbar-collapse-1{float:left;}
	.sidenav{display: block; padding-top: 7px;}
	body.acc{overflow-y:hidden;}
	ul.sld_mnu li:first-child{padding-top:20px;}
	ul .menu_media li:first-child{padding-top:15px;}
	ul.sld_mnu li{display:block; text-transform:capitalize; font-weight:500; padding-bottom:10px; }
	header .main_menu ul li { float: none; font-size: 20px; padding: 15px 0px; }
	header .main_menu ul li ul{position: relative; box-shadow: 0px 0px; margin: 0 auto; background-color: transparent; top: 0px;}
	header .main_menu ul li ul:before{display:none;}
	section.banner .left_box { margin-top: 100px; padding: 65px 60px; }
	section.banner .btm_contnt{margin: 0px 0px;position:relative;background-color: rgb(255 255 255 / 74%); border-radius: 0px;}
	.besten_list .content span{padding-bottom: 10px;}
	.besten .para p{    text-align: center;font-size:15px;}
	.drinnen .content{bottom: -250px;position: relative; padding-bottom: 15px;}
	.risiken{    background-size: cover;margin-bottom: 400px;}
	.drinnen{background-size: cover;margin-bottom: 250px;padding: 80px 0px;}
	.risiken .content{top: 400px;}
	body	p{font-size:16px !important;}
	section.unsere { background-size: cover; margin-bottom: 230px; background-position: center;}
	section.unsere .content { padding: 40px 30px 0px; position: relative; top: 190px; }
	.agarwala_video .video .video_main{width: 100%;}
	.agarwala_video .content{top: 318px;}
	.agarwala_video{padding-bottom: 350px;}
	.lesenswert .lesenswert_box{margin-bottom: 20px;}
	footer .foter_menu .copy_right p{text-align: center;}
	footer .foter_menu .menu { display: table; margin: 8px auto; }
	.contact_form .form_posi{top: 50px;}
	.contact_form{margin-bottom: 70px;}
	section.fokus .fokus_box{    padding: 20px 30px;}
	section.florian_agerwala{   padding: 60px 0px 220px; background-size: contain; background-position: top center;}
	section.florian_agerwala .content{top: 250px;}
	section.Schweiz { padding: 50px 0px 180px; background-size: cover; background-position: center; }
	.Schweiz .content{top: 210px;}
	.depot .form-check-label{margin-top: 15px;}
	.depot input#exampleCheck1{margin-top: 15px;}
	section.gute .content{top: 325px;}
	section.gute{margin-bottom: 350px;}
	.partner_box { display: inline-block; vertical-align: middle; padding: 25px 70px; }
	.cntr_mble{text-align:center;padding-bottom:25px;}
	section.best_in .universum{padding-top: 10px;}
	.kann .pricing span { position: absolute; left: 0px; right: 0px; top: 84px; }
	.kann .pricing{padding-bottom: 60px;}
	section.kann .custom_btn{margin: 25px auto 20px;}
	.step_form .grey_area:after{display:none !important;}
	.step_form .form_secton .white_area{display:none;}
	.step_form .form_secton { background-color: #F2F2F2; }
	.step_form header .grey_area{display: none;}
	.step_form header .white_area{padding-bottom: 20px;}
	.step_form .form_secton form{padding:40px 0px !important;}
	footer .white_area{text-align: center;}
	footer .white_area .open_ftr_menu ul{display: table;    margin: 0 auto !important;}
	footer .grey_area .open_ftr_img{text-align: center !important;}
	 footer .grey_area{padding: 0px 0px 20px !important;background-color: transparent !important;}
	 footer .white_area { padding: 35px 0px 10px !important; }
	 .step_form .form_secton .grey_area .panel-body-form{width:100% !important;}
}

@media (max-width: 767.98px) and (orientation: landscape) { 
}

@media (max-width: 575.98px) {
	footer .foter_menu{overflow:hidden;}
}

@media (max-width:480px) {
	section.banner .left_box{    padding: 65px 30px;}
	section.faqs button.btn.btn-link{text-transform: capitalize !important;    text-decoration: none;    white-space: pre-wrap;    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;    white-space: -o-pre-wrap;    word-wrap: break-word;}
	.contact_form .details,.contact_form .form{padding: 30px;}
	footer .foter_menu .menu ul li{padding: 0px 8px 15px;}
	.lesenswert .content{padding-bottom: 40px;}
	.agarwala_video .content{top: 208px;}
	.agarwala_video{padding-bottom: 280px;}
	section.unsere{margin-bottom: 100px;}
	.risiken{margin-bottom: 280px;}
	ul.sld_mnu{top: 80px;}
}

@media (min-width: 361px) and (max-width: 479px) {
	section.banner .left_box h1{    font-size: 30px;}
}

@media (max-width: 360px) {
	section.banner .left_box h1{    font-size: 30px;}
}

@media (max-width:320px) {
}