/* DEFAULT 2.0 - 2014-2016 copyright (c) templatesuper.com | @templatesuper */
html {
  overflow-x: hidden;
}

body {
  font-family: 'Questrial', sans-serif;
  font-size: 100%;
  line-height: 1.5555556; /*28px*/
  position: relative;
  color: #282828;
}

a {
  cursor: pointer;
  transition: all .3s;
  text-decoration: none;
  color: #282828;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 1.5555556;

}
.banner {color:#2C2E83;}

.full-screen {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

h3 span {
  font-size: 1em;
  padding: 0;
  color: #fc490c;
}

b, strong { font-weight: bold;}
h4 {margin-bottom: 2rem;}
h5 {margin-bottom: 1.2rem;}


#start02,
#leistungen,
#ihre-vorteile,
#ueber-mich,
#kontakt,
#datenschutz,
#impressum {
  padding: 120px 0 150px;
}

#start h3,
#start02 h3,
#leistungen h3,
#ihre-vorteile h3,
#ueber-mich h3,
#kontakt h3,
#datenschutz h3,
#impressum h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 60px;
  text-transform: uppercase;
}

/*
  ############################################################
  NAVIGATION
  ############################################################
*/
.site-navbar {
  min-height: 50px;
  padding: 45px 0 20px;
  transition: all .3s;
  border: 0;
}

.site-navbar button:focus {
  outline: 0;
}

.site-navbar .navbar-nav {
  padding: 0 15px;
}

.site-navbar .container {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.8);
}

.site-navbar a {
  font-family: 'Montserrat', sans-serif;
  font-size: .9rem;
  text-transform: capitalize;
  color: #000;
}

.site-navbar a.navbar-brand {
	color: #2C2E83;
}

.site-navbar .active,
.site-navbar .active a {
  color: #fc490c;
  background: transparent;
}

.site-navbar li a.current:hover {
  color: #fc490c;
  background: transparent;
}

.site-navbar li a:hover {
  color: #fc490c;
  background: transparent;
}

.site-navbar li a:focus {
  background: transparent;
}

.site-navbar .navbar-brand {
  padding-top: 0;
}

.site-navbar .navbar-toggle .icon-bar {
  background: #fff;
}

.site-navbar .navbar-toggle {
  border: 1px solid #fff;
  border-radius: 0;
}

.site-navbar a.navbar-brand {
  font-size:1.2rem;
  font-weight: bold;
  line-height: 51px;
  padding: 0 0 0 15px;
  text-transform: uppercase;
}
/*
.site-navbar a.navbar-brand span {
  color: #fc490c;
}
*/
.site-navbar a.navbar-brand img {
  margin-right:25px;
  max-width:50px;
}
.navbar-toggler {cursor:pointer;}

.navbar-toggler-icon i {
  font-size: 1.5rem;
  font-weight: 100;
  padding-top: 1px;
}

.navbar-toggler {
  padding: .25rem .5rem;
}

.sticky {
  z-index: 100000;
  padding: 12px 0;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

/*
  ############################################################
  HOME/START
  ############################################################
*/
.carousel .full-width {
  width: 100%;
}

.carousel .carousel-caption {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  color: #282828;
  text-shadow: none;
  -moz-box-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  
  padding-top:90px;
}

.carousel .carousel-caption h3 {
  /*font-size: 4rem;*/
  font-size: 2rem;
  display: block;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.carousel .carousel-caption span {
  display: inline-block;
  padding: 5px 10px;
  text-transform: uppercase;
  background: rgba(27, 147, 199, 0.8);
}

.carousel .carousel-indicators .active {
  background-color: #282828;
}

.carousel .carousel-indicators li {
  background-color: #666;
}

.carousel .carousel-indicators li:hover {
  cursor: pointer;
}

.carousel .subtitle {
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.carousel .carousel-control-prev,
.carousel .carousel-control-next {
  font-size: 2rem;
  color: #666;
}

.btn-action {
  font-family: 'Montserrat', sans-serif;
  line-height: 47px;
  height: 50px;
  padding: 0 35px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  border-radius: 40px;
  
  /*orange*/
  /*background: #fc490c;
  background-image: -moz-linear-gradient(90deg, #f54912 0%, rgba(255, 73, 10, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, #f54912 0%, rgba(255, 73, 10, 0) 100%);
  background-image: -ms-linear-gradient(90deg, #f54912 0%, rgba(255, 73, 10, 0) 100%);
  box-shadow: 0 18px 31px 0 rgba(255, 73, 10, 0.3);*/
 
  /*hellblau*/
  background: #2AAAE2; 
  background-image: -moz-linear-gradient(90deg, #2B82A8 0%, rgba(42, 170, 226, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, #2B82A8 0%, rgba(42, 170, 226, 0) 100%);
  background-image: -ms-linear-gradient(90deg, #2B82A8 0%, rgba(42, 170, 226, 0) 100%);

  box-shadow: 0 18px 31px 0 rgba(42,170,226, 0.3);
}

.btn-action:hover {
  color: #fff;
  background: #282828;
  box-shadow: 0 18px 31px 0 rgba(0, 0, 0, 0.3);
}

ul {list-style-type:square;}
p, li {
  font-size:18px;
  font-size: 1.125rem; 
  /*line-height:28px;*/
  font-weight: 300;
}

	#datenschutz p, li {
	  font-size:16px;
	  font-size: 1.0rem; 
	  /*line-height:28px;*/
	  font-weight: 300;
	}

#start02, #ihre-vorteile {
   background:#2AAAE2;
   color:#ffffff;
}


#leistungen, 
#ueber-mich,
#datenschutz {
  background: #f8f8f8;
}

/*
  ############################################################
  LEISTUNGEN
  ############################################################
*/


/*
  ############################################################
  IHRE VORTEILE
  #############################################################
*/


/*
  ############################################################
  UEBER MICH
  #############################################################
*/

#ueber-mich .box {
  float: left;
  width: 20%;
}

#ueber-mich img {
  width: 100%;
  height: auto;
}


/*
  ############################################################
  KONTAKT
  #############################################################
*/

#kontakt .fa {
  font-size: 1.2em;
  color: #8f8f8f;
}

.mail {
  font-size: 1rem;
}

.logo-kontakt {margin-top:-60px;}

/*
  ############################################################
  FOOTER
  #############################################################
*/
footer {
  font-weight: 300;
  padding-top: 30px;
  padding-bottom: 100px;
  text-align: center;
  color: #fff;
  background: #282828;
  
  font-size:18px;
  font-size: 1.125rem; 

}

footer a {
  font-weight: 400;
  text-decoration: underline;
  color: #fff;
  text-shadow: 0;
}

footer a:hover {
  opacity: .8;
  color: #fff;
}

.scroll-to-top a {
  font-size: 20px;
  line-height: 40px;
  display: block;
  width: 40px;
  height: 40px;
  color: #fff;
}

.scroll-to-top {
  position: fixed;
  z-index: 9999;
  right: 20px;
  bottom: 20px;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  text-align: center;
  opacity: 0;
  border-radius: 4px;
  background: #333;
  filter: alpha(opacity=0);
}

.scroll-to-top.affix {
  opacity: .5;
  filter: alpha(opacity=50);
}

.affix {
  position: fixed;
}


@media only screen and (max-width: 1200px) {
	.logo-kontakt {margin-top:0;}
}

@media only screen and (min-width: 1200px) {
	.logo-kontakt {
		max-width:210px;
		margin-top: -35px;
	}
}


/*
  -------------------------------------------------
  Tablets
  ---------------------------------------------------
*/
@media only screen and (max-width: 768px) {
  
#start02,
#leistungen,
#ihre-vorteile,
#ueber-mich,
#kontakt,
#datenschutz,
#impressum {
    padding: 50px 0 60px;
  }
  .site-navbar {
    margin-bottom: 0;
    padding: 0;
    background: #fff;
  }
  .site-navbar a.navbar-brand {
    /*font-size: 2.3em;*/
  }
  .site-navbar .container {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 0;
    background: white;
  }
  .site-navbar .navbar-toggle .icon-bar {
    background: #000;
  }
  
#start h3 { 
	font-size:1.7rem;
	line-height: 1.2;
	margin-top:15px;
	margin-bottom:15px;
	}

.carousel .subtitle {
	font-size:18px;
	line-height:1.4;
	}
	

}

/*
  ------------------------------------------------
  Mobile
  -------------------------------------------------
*/
@media only screen and (max-width: 480px) {
  .container {
    padding-right: 30px;
    padding-left: 30px;
  }
  .site-navbar {
    margin-bottom: 0;
    padding: 0;
  }
  .site-navbar a.navbar-brand {
    font-size: 0.7em; /*0.9em*/
  }
  .site-navbar a.navbar-brand span {
  display:;
  }
  
  .site-navbar a.navbar-brand img {
  margin-right:5px;
  margin-left:-20px;
  max-width:25px;
 }
	
  
  .site-navbar .container {
    padding-right: 10px; /*15px*/
    padding-left: 10px; /*15px*/
    border-radius: 0;
    background: white;
  }
  .site-navbar .navbar-toggle .icon-bar {
    background: #000;
  }
  
  .carousel-inner {min-height: 450px;padding-top: 60px;}
  .carousel-caption {right:10%;left:10%;}
  
  .carousel .carousel-caption h3 {
    font-size: 2rem;
  }
  .carousel .subtitle {
    font-size: 1.1rem; /*1.3*/
  }
  
  #start02,
  #leistungen,
  #ihre-vorteile,
  #ueber-mich,
  #kontakt,
  #datenschutz,
  #impressum {
    padding: 35px 0 60px;
  }
  
  #start h3,
  #start02 h3,
  #leistungen  h3,
  #ihre-vorteile h3,
  #ueber-mich h3,
  #kontakt h3,
  #datenschutz h3,
  #impressum h3 {
    font-size: 1.3rem; /*1.5rem*/
    margin-top: 30px; /*30px*/
	margin-bottom:20px;
  }
  
  #start h3 {margin-top:15px;margin-bottom:15px;}
  
  #ueber-mich .box {
    width: 50%;
  }
  
 .full-screen {
  margin-bottom:-150px; /*-200px*/
  margin-top:-150px;
  }


#start .btn {
	margin: 0 auto;
    /*display: block;*/
	padding:0 10px;
    font-weight: 400;
    font-size: .9rem;
	}
}