.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.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 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;}
}