/*   
Theme Name: BS 5 Theme
Theme URI: Bootstrap
Description: A Theme for WordPress with Bootstrap for styling.
Author: Inno-Cube
Author URI: Bootstrap
Version: 1.0
*/

@import url(https://fonts.googleapis.com/css?family=Montserrat:700);

/* body */


body {
  padding-top: 4.5rem;
  color: #000 !important;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 18px;
  opacity: 1;
  text-align: left;
}


body::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  scrollbar-width: none !important;  /* Firefox */
  -ms-overflow-style: none !important;  /* IE and Edge */
}

html::-webkit-scrollbar{
  display: none;
}

html {
  scrollbar-width: none !important;  /* Firefox */
  -ms-overflow-style: none !important;  /* IE and Edge */
}
/* body */

/* headlines */

h1,h2,h3,h4,h5 {
  color: #000 !important;
  font-family: Montserrat;
  font-weight: Bold;
  opacity: 1;
}



h3{
  font-size:calc(1em + 0.5vw);
}

ul{
  font-family: Montserrat;
  font-weight: 400;
  padding-inline-start: 20px;
  opacity: 1;
  font-size:calc(0.8em + 0.4vw);
}

p{
  
  font-family: Montserrat;
  font-weight: 400;
  opacity: 1;
  font-size:calc(0.6em + 0.6vw);
}

/* headlines */


a {
	color: #000;
	font-family: Montserrat;
	font-weight: Bold;
	opacity: 1;
  font-size:0.8rem;
}

a:hover{
  color: #00B4F4 !important;
}

.ui-loader{
  max-height: 0 !important;
}



/*sm ansicht*/
@media (max-width: 767px){
  .dropdown-item{
    text-align:inherit;
    background-color: #F2F2F2;
  }
  .headerDropDown{
    position: absolute;
    top: 100%;
    left: 0;
      
  }
  .presentationLink{
    position:absolute;
    top: 0.5em;
    left:2em;
    font-size:0.8rem !important;
    color:#999;text-align:left;
  }


}
/*md ansicht*/
@media (min-width: 768px){
  .dropdown-item{
    text-align:left;
    background-color: #fff;
    margin-top:1em;
    margin-bottom:1em;
  }
  .headerDropDown{
    margin-top:2.5vh;
    margin-left:-100vw;
    padding-left:100vw;
    padding-right:100vw;
    background-image: linear-gradient(to bottom, #999 1px, #fff 1px);
  }
  .presentationLink{
    position:absolute;
    top: 4em;
    right:2em;
    font-size:0.8rem !important;
    color:#999;text-align:right;
  }

}

.collapsed{
  background: url("/wp-content/themes/bs-theme/img/menubar.svg") no-repeat center center !important;
}


.menu-item{
  cursor:pointer;
}

.footerLink{
  color: #fff !important;
  cursor: pointer;
}

.footerLink:hover{
  color: #fff !important;
}


hr{
  border: 0;
  border-top: 1px solid #041B27;
  flex:1;
  margin: 0;
}

.bg-ICblue{
  background-color:#00B4F4;
}
.bg-ICdark{
  background-color: #041B27;
}

.hr-container{
  width:100%;
  display:flex;
  flex-flow:row;
  justify-content:center;
  align-items:center;
}

.menubutton{
  text-align:center;
}

/* Buttons */
.btnRotate{
  transform: rotate(-45deg);
  transition: transform .2s ease-in-out, background-color .2s ease-in-out !important;
}

.btnRound {
  height: 5.5vw;
  width: 5.5vw;
  min-height: 3.5em;
  min-width: 3.5em;
  border-radius: 50%;
  display: inline-block;
  cursor:pointer;
  transition: background-color .2s ease-in-out;
  background: url("/wp-content/themes/bs-theme/img/arrow.svg") no-repeat center center;
  background-color: #00B4F4;
  background-size: 50% 50%;
}

.mainPictureContainer:hover .btnRotate{
  transform: rotate(0deg);
  background-color: #041B27;
}
.mainPictureContainer:hover{
  cursor: pointer;
}

.btnRotate:hover {
  transform: rotate(0deg);
  background-color: #041B27;
  cursor: pointer;
}
.btnRotate:active {
  background-color: #041B27;
}

.btnRound:hover{
  background-color: #041B27;
}
.btnDeactive{
  background-color: #041B27 !important;
  cursor: default;
}

.languageNavButton{
  font-size: 0.8rem;
  cursor:pointer;
}

.previewTileButtonContainer{
  left: 30px;
  position: absolute;
  width: 80%;
  bottom: 0;
  /*margin-top: 2em;*/
}

.previewFieldText{
  padding: 15px;
  color: rgb(0, 0, 0) !important;
  /*top: 0px;
  opacity: 1;
  left: 0px;
  background-position: 0% 0%;*/
}
/* Home Icon*/

.HomeLink{
  font-family: 'Roboto Mono', monospace;
  line-height:0.8;
  padding-top:0.5rem;
  margin: 0.5rem 1rem;
}

.IC-Logo{
  width:3rem;
  float:left;
  margin-top:-0.5rem;
  margin-right:1.5rem;
}

.IC-Name{
  font-size:2rem;
  font-weight:500;
  padding:0;
  /*text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);*/
}

.IC-Description {
  font-size:0.65rem;
  font-weight:400;
}



.AnimateText{

  transition: opacity .3s ease-in-out, top .3s ease-in-out, left .3s ease-in-out, background-position 1.5s cubic-bezier(.65,0,.35,1); 
  position:relative;
}

.AnimateImageHorizontal{
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 33.3%, #999 33.3%, #999 66.6%, #fff 66.6%);
  background-size: 301% 100%;
  background-position: 100% 0%;
  width:100%;
  height:100%;
}

.AnimateImageVertical{
  background-image: linear-gradient(to top, #fff 33.3%, #00B4F4 33.3%, #00B4F4 66.6%, rgba(0, 0, 0, 0) 66.6% );
  background-size: 100% 301%;
  background-position: 0% 100%;
  width:100%;
  height:100%;
}



.grid {
  max-width: 100%;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item{
  float:left;
  width:50%;
  margin-bottom:80px;
}
@media (min-width: 768px){
  .grid-item { width: 50%; }
  .grid-sizer { width:50%; }
}
@media (max-width: 767px){
  .grid-item { width: 100%; }
  .grid-sizer { width: 100%; }
}

.accordeonHeaderRow{
  text-align: center;
  margin-top:20px;
  height:6em;
  cursor: pointer;
  transition: background-color .2s ease-in-out;
  background-color: #FFF;
  margin: 0;
  width: 100%;
}

.accordeonHeaderRow:hover{
  background-color: #F2F2F2 !important;
}

.accordeonIndex{
  color: #00b4f4;
  font-family: Montserrat;
  font-weight: Bold;
  opacity: 1;
  font-size:3em;
  text-align: left;
  padding-left: 30px !important;
}

.btnRoundToggle {
  height: 3em;
  width: 3em;
  min-height: 2em;
  min-width: 2em;
  border-radius: 50%;
  cursor:pointer;
  transition: background-color .2s ease-in-out;
  text-align: center;
  position:relative;
  margin-right: 30px;
  margin-left: auto;
  
}
.accordeonHeaderRow:hover .btnRoundPlus{
  background-color: #00B4F4;
}
.accordeonHeaderRow:hover .btnRoundMinus{
  background-color: #00B4F4;
}
.accordeonContent{
  transition: max-height .5s ease-in-out;
  overflow: hidden;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 15px;
  margin-right: 15px;
}

.btnRoundMinus{
  background: url('/wp-content/themes/bs-theme/img/Minus.png') no-repeat center center; 
  background-size: 40%;
  background-color: #041B27;
}

.btnRoundPlus{
  background: url('/wp-content/themes/bs-theme/img/Plus.png') no-repeat center center; 
  background-size: 40%;
  background-color: #041B27;
}

.centerVertical{
  margin-top: auto !important;
  margin-bottom: auto !important;
  padding: 0;
}

.projectPreviewContainer{
  margin-left:auto;
  margin-right:0;
  width:100%;
  max-width:1000px;
}

.alternativeLink{
  color:#00b4f4 !important;
  font-weight:500;
  font-size:calc(0.6em + 0.6vw);
  cursor:pointer;
}

.innoDropDown{
  background-image: linear-gradient(to bottom, #999 1px, #fff 1px);
}

.clickableHeader:hover{
  cursor: pointer;
  color: #00b4f4 !important;
}

.standardContentContainer{
  width:100%;
  max-width:1400px;
  margin-left:auto;
  margin-right:auto;
  padding: 30px;
}

.innoHeader{
  font-size:2em;font-weight:bold;
}

.txtChangeArea{
  min-Height:85px!important;
}