header {
	background:#ffffcc;

}
body {
	font-size:16px;
	color:#663333;
}	

img.logo {
	margin-top:20px;
	margin-bottom:20px;
	height:50px;
	margin-left:10%;
}


/** NAV STYLES **/
nav {
	background-color:#ffffcc!important;
	padding:0px!important;
	float:right;
		
}
.navbar {
	margin-bottom:0px;
}

ul li.nav-item a {
	padding-top:34px;
	padding-bottom:34px;
	padding-left:40px!important;
	padding-right:40px!important; 
	color:#663333;
	text-transform:uppercase;
	font-size:20px;
}
ul li.nav-item a:hover {

	background:#ccff66;
}
ul li.active a {

	background:#ccff66;
}
.beratungsnav:hover {
	text-decoration:underline;
}



/** Slider1 **/
.img-fluid {
	width:100%;	
}

.float-left {
	overflow:hidden;
}	
.w-90 {
	padding-left:5%;
	padding-right:5%;
	padding-top:10px;
	padding-bottom:10px;
}

.background1 {
	background-color:#663333;

}
.mobile_vertical_slider {
	display:none;
}
.slick-carousel img {
width: 100%;
}

.slick-arrow {
	border:none;
	background:none;
	text-align:center;
	width:100%;
	font-size:35px;
}
.vertical_slider_content {
	padding:10px;
	background:#663333;
	color:#fff;

}
.heading_vertical_content {
	font-size:22px;

}
.green {
	color:#ccff66;
}

/** SECTIONS **/
.background2 {
	background:#f9fdd6;

}
.negativ {
    border-left: 3px solid #e00000;
}
.positiv {
    border-left: 3px solid #ccff66;
}
.feedback {
    font-weight: 700;
    color: #000;
    font-style: italic;
    font-size: 16px;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
}
.background3 {
	background:url(../images/background2.jpg);
	background-size:cover;
}
.background4 {
	background:url(../images/background3.jpg);
	background-size:cover;

}
.abstand {
	padding:20px;
}	
.abstand_content {
	margin-top:52px;
}

/** Text **/
.img-responsive  {
	max-width:100%; 
}
.no_abstand {
	padding-left:0px;
	padding-right:0px;
}
.patrick_img {
	width:50%;
	margin:auto;
	margin-top:20px; 
}

.div_patrick {
	display: flex; 
    justify-content: center; 
    align-items: center;
}
.heading1 {
	padding:10px 20px;
	background:#663333;
	color:#f9fdd6;
}

.content_kasten1 {
	background:#feffed;
	padding:10px 20px;
	color:#663333;
}
.abstand_heading {
	margin-top:20px;
}	
.ablauf {
	padding:0px;
	border:1px solid #000;
	height:550px;
}
.ablauf_content {
	padding:20px;
	
	margin-top:30px;
	margin-bottom:30px;
}
.ablauf_content_inner {
	background:rgba(247,253,255,0.8);
	padding:20px;
}
.heading_ablauf {
	margin-top:40px;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	color:#663333;
}
.heading2_ablauf {
	color:#663333;
	font-weight:bold;
	font-size:20px;
}
.ablauf_end {
	padding:40px 20px;
	background:#f7fdff;
	position:absolute;
	bottom:0px;
	width:100%;
}
.button_ende {
	text-align:center;
}
.button_ende a{
	font-size:18px;

}
.ablauf_end_kreis {
	width:100px;
	height:100px;
	margin:auto;
	background:#663333;
	border-radius:100%;
}

.background_brown {
	margin-top:60px;
	font-size:50px;
	font-weight:bold;
	color:#f9f7cc;
	background:#663333;
	padding:10px;
	text-align:center;
	margin-bottom:30px;
}

.heading_angebot {
	font-size:30px;
	font-weight:bold;
	text-align:center;
}

img.angebot_img {
	margin-bottom:30px;
}
img.angebot_img_big {
	width:100%;
}

.calltoaction1 {
	width:100%;
	margin-top:30px;
	padding:10px;
	background:#ccff66;
	border:1px solid #ccff66;
	font-size:24px;
	font-weight:bold;
	color:#663333;
	text-align:center;
}
.calltoaction1:hover {
	text-decoration:underline;
	background:#ccff66;
	border:1px solid #ccff66;
	color:#663333;
}
.angebot_content {
	padding:20px;
	
	margin-top:30px;
	margin-bottom:30px;
	background:#f7fdff;
}

.background_white {
	background:#f7fdff;
}
.no_abstand_outer {
	margin-top:0px;
	margin-bottom:0px;
}
.angebot_header {
	min-height:100px;
	padding:20px;
}
.angebot_footer {
	min-height:100px;
	padding:20px;
}
p.center {
	text-align:center;
}
.beratungsbutton {
	    text-align: center;
    margin-top: -145px;
    position: absolute;
    width: 100%;

}
.beratungsbutton a {
	font-size:30px;
	padding:20px 30px;
}

.button_anfrage {
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;

}
.button_anfrage a {
	font-size:30px;
}
.mobile_button {
	display:none
}
/** Kundenstimmen**/
/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

#quote-carousel .item {
	height:200px;

}
/* Footer  */
 
 footer {
 	background:#000;
 	padding:40px 20px;
 	color:#f7fdff;
 		
 }
 
 footer a {
 	color:white;
 
 }
  footer a:hover {
 	color:white;
 	text-decoration:underline;
 
 }


/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}

/* Modal button  */
.modal-header {
	padding: 0;
	border: none
}

.modal-body {
	padding: 0 30px 30px
}
.modal-header .close {
	
	font-size: 40px;
	color: #000;
	    position: absolute;
    left: 10px;
    top:10px;
}
.modal-backdrop.in {
	display:none!important;
}
.modal-title img {
	width:100%;
}
.form-group .form-control {
    padding: 7px 12px;
    box-shadow: none;
}
.form-control {
	font-size:16px;
}
#captcha {
	display:none;
}
#datenschutz {
    float: right;
}

.btn-primary {
	background:#ccff66;
	border-color:#663333;
	color:#663333;

}
.btn-primary:focus {
	background:#ccff66;
	border-color:#ccff66;
	color:#663333;

}
.btn-primary:active {
	background:#ccff66;
	border-color:#ccff66;
	color:#663333;

}
.button_angebot_unten {
	margin-top:30px;
}

.btn-primary:hover {
	text-decoration:underline;
	background:#ccff66;
	border:1px solid #663333;
	color:#663333;
}
.glyphicon-remove {
    color: #b61e2a;
}

.glyphicon-ok {
    color: #1caa00;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.carousel-indicators li.active {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

@media (min-width:992px) and (max-width:1199px) { 
	.button_ende a{
		font-size:13px;

	}


}

@media (min-width:768px) and (max-width:991px) { 
	.navbar {
		display:none;
	}
	.beratungsbutton {
		margin-top:-100px;
	}
	.beratungsbutton a {
		font-size: 24px;
    	padding: 10px 20px;
	}
	.mobile_button {
		display:block;
		text-align:right;
	}
	
	.mobile_button a {
		padding:25px 40px;
		font-size:25px;
		    border-color: #ccff66;
	}
	.heading_vertical_content {
		font-size:16px;
	}
	.mobile_hidden {
		display:none;
	}
	#quote-carousel .item {
		height:300px;
	}
	.calltoaction1 {
		    font-size: 16px;
	}
	.button_ende .btn-primary {
		    font-size: 20px;
	
	}
}

@media (max-width:767px) { 
	.navbar {
		display:none;
	}
	.beratungsbutton {
		margin-top:-100px;
	}
	.beratungsbutton a {
		font-size: 24px;
    	padding: 10px 20px;
	}
	.mobile_button {
		display:block;
		text-align:right;
	}
	
	.mobile_button a {
		padding:25px 40px;
		font-size:25px;
		    border-color: #ccff66;
	}
	#quote-carousel .item {
		height:300px;
	}
	#quote-carousel .carousel-indicators li {
		width:20px;
		height:20px;
		border:none;
	}
	.button_ende .btn-primary {
		    font-size: 16px;
	
	}
	.background_brown {
		font-size:30px;
	}
	.logo {
		height:auto!important;
	} 
	#datenschutz {

    	float: left;

	}
}

@media (max-width:480px) { 
	.navbar {
		display:none;
	}
	#datenschutz {

    	float: left;

	}
	.beratungsbutton {
		display:none;
	}
	.calltoaction1 {
		font-size:20px;	
	}
	.logo {
		height:auto!important;
	} 
	#quote-carousel .item {
		height:350px;
	}
	.button_anfrage a {
		font-size:16px;
	}
	.mobile_vertical_slider {
		display:block;
	}
	.slick-carousel {
		display:none;
	}
}