.btn.btn-ci{
  padding: 17px 24px;
  padding-right: 8px;
  line-height: 20px;
  font-size: 20px;
  font-weight: 500;
  border-radius: 30px;
  border-style: solid;
  border-width: 2px;
  margin: 0 10px 17px 10px;
  white-space: nowrap;
}
a.badge.btn-ci, .navbar-nav li.badge.btn-ci a.nav-link{
  padding: 8px 24px;
  padding-left: 24px;
  padding-right: 24px;
  line-height: 20px;
  font-size: 20px;
  font-weight: 400;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  margin: 0 10px 17px 10px;
  white-space: nowrap;
}

.btn-ci-opener:after{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.btn-ci-opener:after:hover, .btn-ci-closer:after{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z'/%3e%3c/svg%3e");
}
.btn.btn-ci.btn-ci-small{
  padding: 4px 12px;
  padding-right: 0px;
  line-height: 17px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 30px;
  border-style: solid;
  border-width: 2px;
  margin: 0 10px 12px 10px;
}
.btn.btn-ci.btn-ci-md{
  padding: 8px 16px;
  padding-right: 0px;
  line-height: 17px;
  font-size: 20px;
  font-weight: 500;
  border-radius: 20px;
  border-style: solid;
  border-width: 2px;
  margin: 0 10px 12px 10px;
}
.btn.btn-ci em{ content: ""; }

.carousel .carousel-inner .carousel-item a.btn.btn-ci.btn-ci-orange, .btn.btn-ci.btn-ci-orange{
  background: rgb(100%,40%,0%,1);
  color: #fff;
  border-color: #f60;
}
a.badge > i, li.badge.btn-ci a > i{ display: none}

a.badge.btn-ci.btn-ci-orange, li.badge.btn-ci.btn-ci-orange a{
  background: rgb(100%,40%,0%,1);
  color: #fff;
  border-color: #f60;
}
.carousel .carousel-inner .carousel-item a.btn.btn-ci.btn-ci-orange:hover, .btn.btn-ci.btn-ci-orange:hover{ background: rgb(100%,50%,10%,1); }

.btn.btn-ci.btn-ci-white{
  background: #fff;
  color: #f60;
  border-color: #f60;
}
.btn.btn-ci.btn-ci-white:hover{ background: rgb(95%,95%,95%,1); }

.btn.btn-ci.btn-ci-blank, .badge.btn-ci.btn-ci-blank{
  background: rgba(0, 0, 0, 0);
  color: #f60;
  border-color: #f60;
}
.btn.btn-ci.btn-ci-blank-noborder, .badge.btn-ci.btn-ci-blank-noborder{
  background: rgba(0, 0, 0, 0);
  color: #f60;
  border-color: rgba(0, 0, 0, 0);
  padding-left: 0;
  margin-left: 0;
}
.btn.btn-ci.btn-ci-blank:hover{ background: rgba(0,0,0,0.1); }

.hintergrund-fond-beige .btn.btn-ci.btn-ci-blank{ color: #000; }
.hintergrund-fond-beige .btn.btn-ci.btn-ci-blank:hover{ background: rgba(214, 205, 187, 0.3); }
.hintergrund-fond-beige .btn.btn-ci.btn-ci-blank > i{ color: #f60; }

.hintergrund-fond-blauschwarz .btn.btn-ci.btn-ci-blank{ color: #fff; }

.btn.btn-ci.btn-ci-hover-bg-orange:hover{ background: rgb(100%,40%,0%,0.1); }

.btn.btn-ci:hover { text-decoration: none; }

.btn.btn-ci > i.fas {
  padding-left: 14px;
  padding-right:16px;
}
.btn.btn-ci:hover > i.fas {
  padding-left: 24px;
  padding-right:6px;
}

.btn.btn-ci.btn-ci-small > i.fas {
  padding-left: 4px;
  padding-right:10px;
}
.btn.btn-ci.btn-ci-small:hover > i.fas {
  padding-left: 8px;
  padding-right:6px;
}
.btn.btn-ci > em.fas {
  padding-left: 14px;
  padding-right:10px;
}
.btn.btn-ci:hover em.fas {
  padding-left: 24px;
  padding-right:0px;
}

div.col-first .btn.btn-ci, div.col-between .btn.btn-ci { margin-bottom: 17px; }

@media (max-width: 991px) {
  .col-first .btn-ci, .col-between .btn-ci { margin-bottom: 17px }
}
@media (max-width: 767px) {
  .btn.btn-ci.btn-ci-sm-hide-icon i.fas{ display:none !important }
  .btn.btn-ci.btn-ci-small{padding-right: 4px; margin: 0 2px 12px 2px; padding: 4px 4px;}
}
@media (max-width: 564px) {
  .btn.btn-ci{white-space: normal;}
}

.btn.btn-ci.btn-ci-gruen, .badge.btn-ci.btn-ci-gruen{
  background: #9CB6A5;
  color: #fff;
  border-color: #9CB6A5;
}

.btn.btn-ci.btn-ci-gruen:hover{ background: #BFCDC3; }

.btn.btn-ci.btn-ci-campus, .badge.btn-ci.btn-ci-campus{
  background: #889e90;
  color: #fff;
  border-color: #889e90;
}

.btn.btn-ci.btn-ci-campus:hover{ background: #8BAA97; }

.btn.btn-ci.btn-ci-smart, .badge.btn-ci.btn-ci-smart{
  background: #009ee3;
  color: #fff;
  border-color: #009ee3;
}

.btn.btn-ci.btn-ci-smart:hover{ background: #33b6eb; }


.btn.btn-ci.btn-ci-smart-weiss, .badge.btn-ci.btn-ci-smart{
  background: #fff;
  color: #009ee3;
  border-color: #fff;
}

.btn.btn-ci.btn-ci-smart:hover{ background: #33b6eb; }