/*!
Free Bootstrap Themes : http://www.365bootstrap.com
 */

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
/* font converted using font-converter.net. thank you! */
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,700');

html, body {width:100%; padding:0; margin:0;}
body {
  background: #ffffff;
  color: #000;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  /*background-image: url(../images/bg.jpg);
  background-repeat: repeat;*/
 }

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

a{color: #337AC6;text-decoration: none;}
a:hover {opacity: 0.9; text-decoration: none;}

h1 {font-size: 35px !important; font-weight: 600 !important; text-transform: uppercase !important;}
h2 {font-size: 35px;
    text-transform: uppercase;}
h3 {font-size: 25px; margin:10px 0; font-weight: 600;}

h4 {font-size: 18px;}


p{margin-bottom: 20px;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

hr{border: 1px solid #eee;margin: 0 0 25px 0;}

.page-header h2{
  text-align: center;
  font-size: 35px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------Content-------------------------------- */
/* ---------------------------------------------------------------------------- */
#page-content {margin: 0px 0 0px 0;}
#page-content .heading {border-bottom: 1px solid #eee;margin-bottom: 30px;}
#page-content .heading h2 {display: inline-block;}
#page-content .content {}
#page-content .box-item {}
#page-content .box-item img {margin-bottom: 30px ;}
#page-content .box-item h3 {margin: 0 0 10px 0;font-size: 26px;}

#page-content .pagination {border-bottom: 1px solid #eee;border-top: 1px solid #eee;padding: 40px 0;display:block;text-align: center;}
#page-content .pagination ul li {display: inline-block;margin-bottom: 20px;}
#page-content .pagination ul li a {border: 1px solid #999;padding: 10px 15px;background-color: #fff; color: #337AB7;font-size: 14px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-khtml-border-radius: 3px;}
#page-content .pagination ul li a:hover {background-color: #CCC;}
#page-content .pagination  li.active a{background: #337AB7;color: #fff;}
/* ---------------------------------------------------------------------------- */
/* -------------------------------------Footer--------------------------------- */
/* ---------------------------------------------------------------------------- */
footer {}
footer .wrap-footer {
  padding-bottom: 50px;
  padding-top:20px;
  background-color: #666;
  color: #fff;
}

footer .wrap-footer a:link{
  color: #fff;
}

footer .wrap-footer h3{
  color: #fff;
  font-weight: 800;
  font-size: 18px;
}

.trading-icon-box {
  border: 1px solid #ccc;
  padding: 40px 20px 20px 20px;
  color: rgba(0,0,0,0.5);
}

.trading-icon .fa {
  font-size: 50px;
  text-align: center;
  color: rgba(0,0,0,0.5);
}

.trading-icon-txt {
  background-color: #fff;
  text-align: center;
  font-weight: 600;
  color: rgba(0,0,0,0.5);
}

.sppb-text-center {
  text-align: center;
  line-height: 1.6;
}

/* Slider */

.slider_headline{
  background-color: transparent !important;
}

.slider_headline h1{
  font-weight: 800;
  font-family: "Open Sans";
  color: #fff;
  text-decoration: none;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  padding: 0px 20px 0px 20px;
  text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 15px;
  text-align: center !important;
  font-size: 90%;
  line-height: 1.2875;
  border-width: 0px;
  border-color: #000000;
  border-style: none;

}


.slider_headline h2{
  font-weight: 400;
  font-family: "Open Sans";
  color: #fff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  padding: 0px 20px 0px 20px;
  text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 15px;
  text-align: center !important;
  font-size: 70%;
  line-height: 1.2875;
  border-width: 0px;
  border-color: #000000;
  border-style: none;
}

.slider_headline h3{
  font-weight: 600;
  font-family: "Open Sans";
  color: #fff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  padding: 0px 20px 0px 20px;
  text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 15px;
  text-align: center !important;
  font-size: 60%;
  line-height: 1.4875;
  border-width: 0px;
  border-color: #000000;
  border-style: none;
}

/* My changes */

.start-elements h1{
  font-weight: 600;
  font-family: "Open Sans";
  color: #000;
  text-align: center;
  line-height: 1.4875;
}

.start-elements{
  text-align: center;
  line-height: 1.4875;
}

.start-elements span {
    text-align: center;
    line-height: 1.4875;
    color: #3f5e6e;
    padding: 10px;
    font-size: 19px;
    font-weight: 600;
}

.content-inner{
  background-color: #fff !important;
  padding: 15px 15px 25px 15px;
  font-size: 18px;
  font-family: "Open Sans";
}

.container .box-item{
  background-color: transparent!important;
}


.grundsatz{
  border: 1px solid #ddd;
    padding: 35px;
    margin: 5px;
    background-color: #fff;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: #3f5e6e;
}

.grundsatz-row{
  display: flex;
  flex-direction: row;
}

.logo {
    float: left;
    width: 100%;
    text-align: center;
    min-height: 60px;
    margin: 40px 0;
}
.navmenu{
  background:#fff;
  border:0;
  border-color:transparent;
  border-radius:none;
  text-align:center;
  margin:0;
  background: rgba(0,0,0,0.8);
  padding: 10px 0 0px 0;

}

	.moduletable_menu {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}
.moduletable_menu a{
  text-transform: uppercase;
color: #fff !important;
font-size: 25px;
font-weight: 300;
letter-spacing: 2px;
}

.nav>li>a:link, .nav>li>a:visited {
  text-decoration: none;
  color: #fff !important;
  border-radius: 0px !important;
}



.nav>li>a:hover, .nav>li>a:focus {
  text-decoration: none;
  background-color: #fff !important;
  color: #3f5e6e !important;
  border-radius: 0px !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{background-color:transparent; }
.handel {
    background: #66cccc;
}
.same {
  background: #66cccc;
padding: 70px 20px;
text-align: center;
font-size: 30px;
color: #fff;
font-weight: 300;
min-height: 180px;
  }

.Projektmanagement{background:#99cc33;}
.Events{background:#cc99ff;}
.Consulting{background:#6699cc;}
.same .arrow {
    background: url(../images/arrow.png) no-repeat center 12px;
}
.home h2{text-align: center;    text-transform: uppercase;    color: #000; font-weight:bold;}
.page-header{border:0;}
ul.tags.inline{display:none;}
.home div[itemprop="articleBody"]{text-align:center;}
.trading h1{font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding-top:0px;}

.trading p{text-align:center;}
.upper{text-transform:uppercase; font-size:22px;}
ul.ul {
    list-style-image: url(../images/ul.png);
    list-style-position: inside;
}
ul.left.ul {
   text-align:right;
}
.sendsection {
    display: none;
    background: #ccc;
    padding: 45px;
    text-align: center;
	border-bottom:5px solid #999;
}
.sendsection h4{color: #fff;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-top: 0;
  font-size: 28px !important;
}

.btnsend{background:#fff;color:#000; padding:6px 20px;}
.wrap-footer ul{list-style:none; padding:0;}
input.newslatter {
    padding-left: 10px;
    margin-top: 12px;
    display: block;margin-bottom:8px;
}
a.btnnews {
    background: #e8231b;
    font-size: 14px;
    padding: 2px 15px;
    color: #fff;
}

.copyright {
    display: block;
    font-size: 15px;
    margin-top: 50px;
}
.tradingsection {
  padding: 50px 0 70px 0;
  /* background: #f2f2f2; */
  background-color: rgba(97,123,139,0.8);
  margin-top: 0px;
  color: #fff;
}

.tradingsection-kontakt{
  background-color: #f2f2f2;
  
}

.tradingsection-kontakt h3{
  font-size: 38px;
    color: #617b8b;
    text-align: center;
    padding: 30px;
    font-weight: 600;
}

.boxsection {
    padding-top: 0px;
    /*background-color: #f2f2f2;*/
    padding-bottom: 0px;
}
/*.border1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 675px 0px 675px;
    border-color: #ffffff rgba(251, 251, 251, 0) transparent transparent;
    position: relative;
    bottom: -26px;
    z-index: 9999999;
}*/
.border1 {
    background: url(../images/tringle.png) no-repeat;
    background-color: red;
    z-index: 1000000;
    height: 45px;
}

.banner {
    background-color: rgba(255, 255, 255, 0.6)
}

.tringle{    position: absolute;    z-index: 9999;    margin-top: -10px; width:100%;}
.tringle img{width:100%;}
.navmenu ul ul
{
  display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #eee;
    padding: 0px 0px 10px 0px;
}

.navmenu ul ul li
{
	float:none;
	width:200px
}

.navmenu ul ul li:hover {
    background-color: #ccc;
    width: 200px;
}

.navmenu ul ul a
{
	line-height: 120%;
    padding: 10px 15px;
    text-transform: capitalize !important;
    font-size: 20px !important;
    display: block;
    color: #3f5e6e !important;
}


.navmenu ul ul ul
{
	top:0;
	left:100%
}

.navmenu ul li:hover > ul {
    display: block;
    z-index: 99999;
    list-style: none;
    text-align: left;
	  padding-bottom:0px;
}
ul.information-menu li a{padding:1px 0px; color:#000;}
.carouselck_prev, .carouselck_next, .carouselck_commands{z-index:99999 !important;}

.icon-bar {
    background-color: #000 !important;
}

header .navbar > .container {
    display: flex;
    align-items: center;
}

header .logo {
    width: 180px;
    margin: 10px 0;
}


header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10000;
}

header + * {
    margin-top: 90px;
}

header .menu-row {
    width: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
    text-align: right;
}

.leistungen-box-title{
  font-weight: 600;
    padding: 20px 0;
    text-transform: uppercase;
}

.leistungen-box-title a{
  color: #000;
}

.leistungen-box-title a:hover{
  color: rgba(97,123,139,1);
}

.button_cont{
  background-color: #f2f2f2;
  padding: 40px 20px;
  margin: 60px 0;
  text-align: center;
  border: 1px solid #ccc;
}

.button_cont h3{
  color: #617b8b !important;
  padding-bottom: 20px;
}

.example_c {
  color: #617b8b !important;
  text-transform: uppercase;
  text-decoration: none;
  background: #ffffff;
  padding: 15px 20px;
  border: 3px solid #617b8b !important;
  display: inline-block;
  transition: all 0.4s ease 0s;
  font-weight: 600;
  font-size: 17px;
  margin-top: 20px;
  }

  .example_c:hover {
    color: #ffffff !important;
    background: #617b8b;
    border-color: #617b8b !important;
    transition: all 0.4s ease 0s;
    color: #fff;
    }

@media only screen and (max-width: 768px) {
    header .navbar-header {
        position: absolute;
        right: 0;
    }
    
    h1{
      font-size: 1.2em !important;
    }

    header .navbar > .container {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    header .logo-row {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    header ul.menu {
        display: flex;
        flex-direction: column;
    }

    header .nav-child,
    header .menu-row .moduletable_menu,
    header .menu-row {
        width: 100%;
    }

    header .navbar-collapse {
        max-height: 100%;
    }

    header .nav-child {
        position: relative !important;
    }

    .navmenu ul ul li {
        width: 100%;
        text-align: center;
    }

    .navmenu ul li.parent:hover {
        background: hsla(0, 0%, 0%, 0.3);
    }


    .navmenu ul ul {
        background: none;
    }

    .navmenu ul ul li:hover {
        background: rgba(255, 255, 255, 0.6);
    }

    .navmenu ul ul a {
        color: white !important;
    }

    .grundsatz-row{
      display: block !important;
    }
}

@media only screen and (max-width: 576px) {
      
  h1{
    font-size: 1.2em !important;
  }

  .grundsatz-row{
    display: block !important;
  }
}

.navbar-inverse .navbar-toggle {
    border-color: white;
}

.icon-bar {
    background-color: white !important;
}