/* ©2020 business service camen CH-9056 Gais AR - https://www.bscit.ch */

.text-gold {
  color:#d8c850;
}

.text-Dancing36 {
  font-family: 'Dancing Script', cursive;
  font-size: 36px;
}

.sendmail a {
	color:#354773;
}

.sendmail a:hover {
  color: #0056b3;
  text-decoration: none;
}

.mt-64 {
    margin-top: 4rem !important;
}

.he-6 {
	height: 60px;
}

/* link */
.linkx a {
	color:#354773;
}

.linkx a:hover {
  color: #0056b3;
  text-decoration: none;
}

@media (max-width: 576px) {
.display-4 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}
}

@media (min-width: 577px) and (max-width: 768px) {
.display-4 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}
}

.navbar-bg {
  background-color: #03519c;
  }

.btn-dark, .btn-dark:hover, .btn-dark:focus, .btn-dark.focus {
	background-color:rgba(161,219,255,.8);
	border:thin solid #a1dbff;
	border-radius: 2rem;
	text-transform:uppercase;
	box-shadow: 0 0 0 0.2rem rgba(25, 88, 93, 0);
}

/* display equal row hight */
.row.align-items-stretch .equ { height: 100%; } 

.carousel-item a {
	color:#354773;
}

.carousel-item a:hover {
  color: #0056b3;
  text-decoration: none;
}

/* Carousel Vertical */
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
  -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
  -webkit-transform: translate3d(0,-100%, 0);
		  transform: translate3d(0,-100%, 0);
}


/* app */
.pc-m { 
  border:#0b0b0b;
  border-style:solid;
  border-width:7px;
}

@media (max-width: 991px) {
.pc-f {
  height:90px;
}
}

/* app smartphone */
@media (max-width: 767px) {
.sphone {
margin-bottom:10px;
}
}

@media (max-width: 991px) {
.sphone {
background-image:url(../img/sphone.png);
background-size: 101px 220px;
background-position:top;
width:101px;
height:220px;
}

.sphone-c {
padding-top:12px;
padding-bottom:11px;
padding-left:3px;
padding-right:3px;
}
}

@media (min-width: 992px) {
.sphone {
background-image:url(../img/sphone.png);
background-size: 135px 293px;
background-position:top;
width:135px;
height:294px;
}

.sphone-c {
padding-top:15px;
padding-bottom:14px;
padding-left:3px;
padding-right:3px;
}
}


.liquid {
	background-color:rgba(0,2,102,1);
	border-radius: 1rem;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:1rem;
	padding-left:1rem;
	text-transform:uppercase;
	font-stretch:ultra-expanded;
	font-weight:700;
	color:#FFF;
}

@media (max-width: 767px) {
.app-tools {
  display:none;
}
}

.infotron {
	border:medium;
	border-style:solid;
	border-color:rgba(161,219,255,.8);
	border-radius:1.5rem;
	padding:0.5rem;
	margin-left:0.5rem;
	margin-right:0.5rem;
}

.bg-zitat {
	display:block;
	position:relative;
	background:url('../img/db1.jpg') center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	padding-top:3rem;
	padding-bottom:6rem;
	margin-bottom:30px;
}

.bg-zitat .overlay{
	position:absolute;
	background-color:#000030;
	height:100%;
	width:100%;
	top:0;
	left:0;
	opacity:.4;
}

/*///////////////////////////////////////////////////////*/


.bg-products {
	display:block;
	position:relative;
	background:url(../img/db.jpg) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	padding-top:3rem;
	padding-bottom:13rem;
	margin-bottom:30px;
