html,body{height:100%}body{padding-top:50px;background:#e0e6f8;background-repeat:no-repeat}.img-home-portfolio,.img-customer,.portfolio-item{margin-bottom:30px}.tab-pane{margin-top:15px}.section,.section-colored{padding:20px}.section-colored{background-color:#e1e1e1}.sidebar{margin-top:40px}.sidebar ul{border-radius:5px;padding:5px;border:1px solid #ccc}.carousel{height:250px;max-height:250px;border-bottom:3px solid #3b5998}.carousel-caption .carousel-overlay{background:rgba(59,106,214,0.7);padding:4px;border-radius:10px;margin-bottom:35px}.carousel-caption .carousel-overlay .carousel-text{opacity:1;filter:alpha(opacity=100)}.carousel-caption .carousel-overlay h1,.carousel-caption .carousel-overlay h2,.carousel-caption .carousel-overlay h3,.carousel-caption .carousel-overlay h4,.carousel-caption .carousel-overlay h5{margin:0}.item,.active,.carousel-inner{height:100%}.fill{width:100%;height:100%;background-position:center;background-size:cover}.list-social-icons{margin-bottom:45px}.tooltip-social a{text-decoration:none;color:inherit}.facebook-link a:hover{color:#3b5998}.linkedin-link a:hover{color:#007fb1}.twitter-link a:hover{color:#39a9e0}.google-plus-link a:hover{color:#d14836}.service-icon{font-size:50px}.error-404{font-size:8em}.price{font-size:4em}.price-cents{vertical-align:super;font-size:50%}.price-month{font-size:35%;font-style:italic}footer{margin:50px 0}@media(max-width:767px){.carousel{height:70%}}div.navbarsub a{padding:2px 5px;border:1px solid #c0c0c0;background:#3b6ad6;background:-moz-linear-gradient(top,#3b6ad6 0,#2c539e 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3b6ad6),color-stop(100%,#2c539e));background:-webkit-linear-gradient(top,#3b6ad6 0,#2c539e 100%);background:-o-linear-gradient(top,#3b6ad6 0,#2c539e 100%);background:-ms-linear-gradient(top,#3b6ad6 0,#2c539e 100%);background:linear-gradient(to bottom,#3b6ad6 0,#2c539e 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b6ad6',endColorstr='#2c539e',GradientType=0);color:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);box-shadow:0 0 5px 0 rgba(0,0,0,0.75);display:block;float:left;margin-right:3px}input,textarea,select{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}input[disabled],input[readonly]{cursor:not-allowed;background-color:#eee}textarea{height:auto}

/* n.Olivier 02.12.2017 - responsive Darstellung */

/*  in der ersten Zeile folgendes  ndern
    .carousel{height:250px;border-bottom:3px solid #3b5998} um max-height:250px; erweitern
    = .carousel{height:250px;max-height:250px;border-bottom:3px solid #3b5998}
*/

/* rahmen verkleinern, da seite sehr klein */
@media all and (max-width: 480px){
  .section,.section-colored{padding:0px 0px;margin-left:0}
  .panel-body{padding:0px;margin-left:3px}
  .col-lg-12, .col-md-12{padding:0px}
}
@media all and (max-width: 650px){
  #captcha{max-width:100%}
}

/* Kopf karussell anpassen */
@media all and (max-width: 1500px){
 .carousel{max-height: calc(100vw / 6);min-height:60px}
}
@media all and (max-width: 750px){
  /* karussell indikator */
 .carousel-indicators{width:340px;margin:auto;left:calc(50% - 170px);bottom:0px}
}
@media all and (max-width: 550px){
  /* karussell indikator */
 .carousel-indicators{display:none}
}
@media all and (max-width: 700px){
  /* karussell indikator */
 /*.carousel-indicators{bottom:5px}*/
}