#gr2019-schnittstellen{font-size:14px !important;}

#c29274 {
  /*
	#kundenstammdaten {
		color: #000000;
		position: relative;
		&::before {
			content: "";
			position: absolute;
			top: 0; left: 0;
		  width: 100%; height: 100%;
			background-image: url("../img/boxes/kundenstammdaten.jpg");
			background-size: cover;
			background-position: 50% 50%;
			filter: opacity(20%);
		}
		&>div {
			position: relative;
		}
	}
*/
  /*
	#kundenstammdaten {
		@include bgimage("kundenstammdaten");
	}
	#vertrieb {
		@include bgimage("vertrieb");
	}
	#customer_lifecycle_management {
		@include bgimage("customer_lifecycle_management");
	}
	#vertragsmanagement {
		@include bgimage("vertragsmanagement");
	}
	#zahlungsverkehr {
		@include bgimage("zahlungsverkehr");
	}
	#einlagengeschaeft {
		@include bgimage("einlagengeschaeft");
	}
	#kreditgeschaeft {
		@include bgimage("kreditgeschaeft");
	}
	#wertpapier {
		@include bgimage("wertpapier");
	}
	#auslandsgeschaeft {
		@include bgimage("auslandsgeschaeft");
	}
	#vermoegen {
		@include bgimage("vermoegen");
	}
	#drittprodukte {
		@include bgimage("drittprodukte");
	}
	*/
}

#c29274 .gr2019-title {
  text-align: left;
  font-weight: bold;
}

#c29274 #gr2019-si {
  background-color: #ebebeb;
  color: inherit;
  padding: 10px 15px;
  margin-bottom: 15px;
  position: relative;
}

#c29274 #gr2019-si #gr2019-si-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#c29274 #gr2019-si #gr2019-si-items .gr2019-si-item {
  text-align: center;
  -ms-flex-preferred-size: 1;
      flex-basis: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 5px;
  padding: 10px;
}

#c29274 #gr2019-si #gr2019-si-items .gr2019-si-item .fa {
  margin: 5px;
}

#c29274 #gr2019-si:after {
  content: '';
  width: 0px;
  height: 0px;
  display: block;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-top: 15px solid #ebebeb;
  position: absolute;
  bottom: -30px;
  left: 50%;
  
}

#c29274 #gr2019-cats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#c29274 #gr2019-cats .gr2019-cat {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 5px 0;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  background-color: #c0c0c0;
  color: inherit;
  padding: 5px 15px 5px 15px;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_puzzle {
  background-image: url("../img/sw_icon_puzzle_b.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-origin: content-box;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_puzzle span {
  padding-left: 40px;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_customer {
  background-image: url("../img/sw_icon_customer_b.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-origin: content-box;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_customer span {
  padding-left: 40px;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_product {
  background-image: url("../img/sw_icon_product_b.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-origin: content-box;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_product span {
  padding-left: 40px;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_contract {
  background-image: url("../img/sw_icon_contract_b.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-origin: content-box;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_contract span {
  padding-left: 40px;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_billing {
  background-image: url("../img/sw_icon_billing_b.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-origin: content-box;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_billing span {
  padding-left: 40px;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_accounting {
  background-image: url("../img/sw_icon_accounting_b.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-origin: content-box;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_accounting span {
  padding-left: 40px;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_risk {
  background-image: url("../img/sw_icon_risk_b.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-origin: content-box;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_risk span {
  padding-left: 40px;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_process {
  background-image: url("../img/sw_icon_process_b.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-origin: content-box;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_process span {
  padding-left: 40px;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_file {
  background-image: url("../img/file-alt-solid.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-origin: content-box;
  background-size: contain;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_file span {
  padding-left: 40px;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_signin {
  background-image: url("../img/sign-in-alt-solid.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-origin: content-box;
  background-size: contain;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title.icon_signin span {
  padding-left: 40px;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title > .fa {
  line-height: inherit;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title > div > span {
  padding-left: 10px;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-title:hover {
  cursor: pointer;
  color: #ffffff;
  background-color: #009ee0;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-cat-content {
  margin-top: 5px;
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-cat-content .box {
  background-color: #d9f4ff;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 19.13%;
      flex-basis: 19.13%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 50px;
  padding: 5px 10px;
  margin: 5px;
  text-align: center;
}

@media (max-width: 450px) {
  #c29274 #gr2019-cats .gr2019-cat .gr2019-cat-content .box {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

#c29274 #gr2019-cats .gr2019-cat .gr2019-cat-content .box .list {
  display: none;
}

#c29274 #gr2019-cats .gr2019-cat.expanded .gr2019-title {
  background-color: #009ee0;
  color: #ffffff;
}

#c29274 #gr2019-cats .gr2019-cat.expanded .gr2019-title .expandcaret {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

#c29274 #gr2019-cats .gr2019-cat.expanded .gr2019-cat-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#c29274 #gr2019-schnittstellen {
  background-color: #ebebeb;
  color: inherit;
  padding: 10px 15px;
  margin-top: 15px;
  position: relative;
}

#c29274 #gr2019-schnittstellen .gr2019-ss-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media (max-width: 1024px) {
  #c29274 #gr2019-schnittstellen .gr2019-ss-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#c29274 #gr2019-schnittstellen .gr2019-ss-items .gr2019-ss-item {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 5px;
  padding: 10px;
  border: solid #ffffff 1px;
}

#c29274 #gr2019-schnittstellen .gr2019-ss-items .gr2019-ss-item .fa {
  margin: 5px;
}

#c29274 #gr2019-schnittstellen:after {
  content: '';
  width: 0px;
  height: 0px;
  display: block;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-bottom: 15px solid #ebebeb;
  position: absolute;
  top: -30px;
  left: 50%;
  display:none;
}


#c29274 #gr2019-schnittstellen{
	background-color:transparent;
}

.gr2019-ss-items{
	vertical-align:top;
}
.gr2019-ss-item div.item{
	width:100%;
	display:block;
	margin:5px 0px;
	border:1px solid #b8e4f6;
}

.gr2019-ss-item > div.item:first-child{
	background-color:#b8e4f6;
	border:1px solid #b8e4f6;
}

#c29274 #gr2019-schnittstellen .gr2019-ss-items .gr2019-ss-item{
	justify-content:start;	
	padding:0;
}

#c29274 #gr2019-schnittstellen .gr2019-ss-items .gr2019-ss-item:first-child{
	margin-left:0px;
	padding-left:0px;
}

#c29274 #gr2019-schnittstellen .gr2019-ss-items .gr2019-ss-item:last-child{
	margin-right:0px;
	padding-right:0px;
}

#c29274 #gr2019-schnittstellen{
	margin:0;
	padding:0;
}


.gr2019-childBox{
	display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.gr2019-childBox div:first-child{
	margin-right:2px;
}

.gr2019-childBox div:last-child{
	margin-left:2px;
}


