.ci-button {
  border-style: solid;
  border-radius: 4px;
  border-width: 2px;
  padding: 9px 15px;
  display: inline-block;
}
.ci-button-orange-invert{
  border-color: #F60 !important;
  background: #F60 !important;
  color: #FFF;
}
.ci-button-orange-invert:hover{
  background: #FFF !important;
  color: #F60
}

.button-center li {width: 100%!important;}

/* Design 2022/2023 */
.sxOpenMenu > ul > li > div > a.defaultButtonColor > div > i.fa{
   font-family: FontAwesome;
   display: inline;
}
/* orange */
.btn-ci-orange {

}
.sxOpenMenu > ul > li div.btn-ci-orange > a.defaultButtonColor{
   background: #F60 !important;
   color: white;
   padding: 17px 15px;
   line-height: 20px;
   border-radius: 30px;
   border: solid 2px #f60;
}
.sxOpenMenu > ul > li div.btn-ci-orange > a.defaultButtonColor > div{
   font-size: 20px;
   font-weight: 600;
}
/* transparent mit orangenen Rahmen */
.btn-ci-transparent {

}
.sxOpenMenu > ul > li div.btn-ci-transparent-bgdark > a.defaultButtonColor{
   background: rgb(0,0,0,0) !important;
   color: white;
   padding: 17px 15px;
   line-height: 20px;
   border-radius: 30px;
   border: solid 2px #f60;
}
.sxOpenMenu > ul > li div.btn-ci-transparent-bgdark:hover > a.defaultButtonColor{
   background: rgb(0,0,0,0.2) !important;
}
.sxOpenMenu > ul > li div.btn-ci-transparent-bgdark > a.defaultButtonColor > div{
   font-size: 20px;
   font-weight: 600;
}
.sxOpenMenu > ul > li div.btn-ci-transparent-bglight > a.defaultButtonColor{
   background: rgb(0,0,0,0) !important;
   color: #1B2327;
   padding: 17px 15px;
   line-height: 20px;
   border-radius: 30px;
   border: solid 2px #f60;
}
.sxOpenMenu > ul > li div.btn-ci-transparent-bglight > a.defaultButtonColor > div{
   font-size: 20px;
   font-weight: 600;
}
.sxOpenMenu > ul > li div.btn-ci-gruen > a.defaultButtonColor{
   background: #9CB6A5 !important;
   color: white;
   padding: 17px 15px;
   line-height: 20px;
   border-radius: 30px;
   border: solid 2px #3A525E;
}
.sxOpenMenu > ul > li div.btn-ci-gruen > a.defaultButtonColor > div{
   font-size: 20px;
   font-weight: 600;
}

.sxOpenMenu > ul > li div.btn-ci-campus > a.defaultButtonColor {
   background: #689879 !important;
   color: white;
   padding: 17px 15px;
   line-height: 20px;
   border-radius: 30px;
   border: solid 2px #46735F; /* leicht dunklerer Grünton für den Rahmen */
}
.sxOpenMenu > ul > li div.btn-ci-campus> a.defaultButtonColor > div {
   font-size: 20px;
   font-weight: 600;
}

/* petrol*/
.btn-ci-petrol {

}
.sxOpenMenu > ul > li div.btn-ci-petrol > a.defaultButtonColor{
   background: #3A525E !important;
   color: white;
   padding: 17px 15px;
   line-height: 20px;
   border-radius: 30px;
   border: solid 2px #3A525E;
}
.sxOpenMenu > ul > li div.btn-ci-petrol > a.defaultButtonColor > div{
   font-size: 20px;
   font-weight: 600;
}

.sxOpenMenu > ul > li div.btn-ci-smart > a.defaultButtonColor{
   background: #009ee3 !important;
   color: white;
   padding: 17px 15px;
   line-height: 20px;
   border-radius: 30px;
   border: solid 2px #009ee3;
}
.sxOpenMenu > ul > li div.btn-ci-smart > a.defaultButtonColor > div{
   font-size: 20px;
   font-weight: 600;
}