/* Überschrift-Zeile */
div.heading-text{
  width: 100%;
  margin-top:80px;
  /*margin-top: 135px; */
  /*margin-top: 80px;*/
  margin-bottom: 115px;
  text-align: center;
  background-color: rgba(24, 98, 225, 0.9);

  /* 
  background-color: rgba(24, 98, 225, 0.7);
  */
}
div.heading-text > h1{
  color:white;
  font-size: 3.2rem;
  font-weight: 700;
}

div.head-content{
  /*
  background-color: rgba(55, 105, 191,0.9);
  */
  background-color: rgba(24, 98, 225, 0.9);
  text-align: center;
  /*margin-top: 270px;*/
  margin-top: 30px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.head-content h3 > a{
  color:#fff !important;
  padding-left: 0px;
  padding-right: 0px;
}

div.head-content h3 > a:hover{
  text-decoration:none;
  background-color: #0061CE !important;
  font-weight: 700;
}

/*
section#nav-bar{
  position: sticky;
  position: -webkit-sticky;
  top:0;
  z-index: 2;
}
*/

div#nav-bar{
  position: sticky;
  position: -webkit-sticky;
  top:0;
  z-index: 2;
}

div.head-content > h3{
  color: white;
  text-transform: uppercase;
  font-weight: 600;
}

.navbar-dark{
  background-color: rgb(55, 105, 191) !important;
  color:black;
}

/*.navbar-dark .navbar-nav .active>.nav-link{
  color:#000;
  font-weight: 700;
}*/

.navbar-dark .navbar-nav .nav-link{
  color:#000;
  font-weight: 700;
}

ul.navbar-nav {
   margin:0 auto;
   width: 100% !important;
   font-size: 1.7rem !important; 
}

ul.navbar-nav > li{
  margin-left: auto;
  margin-right: auto;
}

div.nav-row{
  padding: 0 !important;
}

div.item-icon{
  padding:50px;
  text-align: center;
  border-radius: 100%;
  /*width: 40%;*/
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

div.icon-box{
  text-align: center;
}
div.item-icon > img{
  width: 60%;
}
div.icon-box > div.card{
  border:none;
}

div.content-box{
  margin-top: 50px;
    background-color: white;
    padding: 24px;
}

div.content-box > p{
  font-size: 14px !important;
}

div.content-box{
  text-transform: uppercase;
}

div.content-box p > small{
/* text-transform: lowercase; */
  /* 11.10.2020: Bei "lowercase" werden sämtliche Wörter 
  klein geschrieben, hier durch "none" wird die
  ggf. zuvor durch "uppercase" gesetzte Großschrift
  für p.small deaktiviert. (Johnny Königsmann)
  */
  text-transform: none;
}

div.content-box div > i{
  font-weight: 700;
  font-size: 24px;
}

div.content-head{
  background-color: rgb(55, 105, 191) !important;
  width: 100%;
  padding: 0px;
  text-align: center;
  padding:14px;
}

div.content-head > span{
  font-size: 24px;
    font-weight: 700;
}

div.img-head{
  width: 100%;
  padding: 0px;
  text-align: center;
  padding:14px;
}

div.img-head > span{
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

div.center-content{
  background-color: white;
  width: 88%;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  margin-top: 25px;
  margin-bottom: 20px;
  padding-bottom: 0px;
}

div.center-content div > p{
  font-weight: 700;
  font-size: 20px;
}

i.subitem{
  font-size: 50px;
  color:rgb(55, 105, 191) !important;
}

div.top-head{
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  width: 100%;
  padding: 25px;
  color: #5a5a5a;
}

ul.item-list{
  list-style-type: none;
  color:#5a5a5a !important;
}

ul.item-list li > i{
  color:rgb(55, 105, 191) !important;
}

small.block-text{
  font-size: 16px;
  font-weight: 600;
}

m-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}

.line{
  display:block; 
  margin:20px !important;
}

.line h2{
  font-size:24px; 
  text-align:center; 
  border-bottom:1px solid #f7f7f7; 
  position:relative; 
}

.line h2 span {
   background-color: white; 
   position: relative; 
   top: 15px; 
   text-transform: uppercase;
   padding: 0 10px;
   font-weight: 700;
   color: #484848;
}

div.content-item{
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}

div.box-cont-head{
  background-color:rgb(18, 98, 236);
  padding: 4px;
  color: #FFFDFD;
  width: 40%;
  margin-bottom: 10px !important;
}

div.cont-tex{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

div.box-content{
  width: 90%;
}

div.toast-footer{
  padding: 12px;
  background-color: #f7f7f7;
}

div.toast-header{
  padding-top:10px;
  padding-bottom:10px;
}

div.toast-body{
  height: 100px !important;
}

div.toast-body > i{
  color:#F6AD32 !important;
}

.p-0{
  padding:0px !important;
}

.sticky-container{
  padding:0px;
  margin:0px;
  position:fixed;
  right:-130px;
  top:10px;
  width:220px;
  z-index: 1100;
}

.sticky li{
  list-style-type:none;
  background-color:#fff;
  color:#efefef;
  height:43px;
  padding:0px;
  margin:0px 0px 1px 0px;
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
  cursor:pointer;
}

.sticky li:hover{
  margin-left:-115px;
}

.sticky li img{
  float:left;
  margin:5px 4px;
  margin-right:5px;
  margin-top: -2px;
  margin-left: -4px;
}

.sticky li p{
  padding-top:5px;
  margin:0px;
  line-height:16px;
  font-size:11px;
}

.sticky li p a{
  text-decoration:none;
  color:#2C3539;
  font-size: 14px;
}

/*
.sticky li p a:hover{
  text-decoration:underline;
}
*/

ul.sticky > li{
  border-radius: 40px 0 0 40px;
}

/*
div.img-box > img{
  width: 30%;
  padding-left: 25px;
  padding-right: 25px;
}
*/

div.box-cont-head > a.tel_link{
  color: #fff !important;
  /* 12.10.2020: Padding sieht auf dem Handy nicht gut aus. (JK)
  padding-left: 50px;
  padding-right: 50px;
  */
  padding-left: 0px;
  padding-right: 0px;

  width: 100%;
}

div.box-cont-head > a.tel_link:hover {
  text-decoration: none;
  background-color: #0061CE !important;
}

img.center-img{
  padding-right: 35px;
  padding-left: 35px;
}

p.con-text{
  margin-bottom: 0px !important;
}

small#content-text{
  font-weight: 700;
  color: #484848;
}

div.content-box div.row > div.col-md-2{
  padding-left: 0;
}

div.content-box div.row > div.col-md-10{
  padding-left: 0;
}

/* Services page CSS  */
section#service_head{
  background-image: url('/img/U1-min.jpg');
  padding:250px !important;
}

img.service_img{
  height: auto;
  width: 100%;
}

h1.server_head_con{
  text-align: center;
  /*background-color: #0932C2;*/
  color:#0932C2 !important;
  padding:10px !important;
  font-weight: 600;
}