body, html{
	font-family: 'Open Sans', sans-serif;
	/*color: #95989A;*/
	color: #575757;
	font-size: 16px;
	line-height: 1.4em;
	letter-spacing: 0.01em;
}

.jumbotron {
	background: url("../img/jumbo.jpg") no-repeat center center fixed;
	width:100%;
	min-height: 100%;
	min-height:100vh;
	height: auto;
	background-size: cover;
	/*margin-bottom: 70px;*/
	/*margin-bottom: 20px;*/
}

.jumbotron h1{
	font-family: 'Fira Sans', sans-serif;
	color: #046380;
	/*color: #002F2F;*/
	margin-top: 10vh;
	margin-bottom: 12px;
	font-size: 80px;
}

@media screen and (max-width: 420px){

	.jumbotron{
		/*margin-bottom: 250px;*/
		background-attachment: scroll;
	}

	.jumbotron-small{
		margin-bottom: 0px;
		margin-top: 50px;
	}

	.jumbotron h1{
		font-size: 28px;
	}
}

.jumbotron-small{
	min-height: 30%;
	height: 30vh;
}

.jumbotron-small h1{
	margin-top: 5vh;
	font-size: 60px;
}

@media screen and (max-width: 420px){
	.jumbotron-small h1{
		margin-top: 8vh;
		font-size: 28px;
	}
}


.navbar-default{
	border-color: #046380;
	background-color: #046380;
	color: white;
}

.navbar-default, .navbar-brand, .navbar-nav>li>a{
	color: white!important;
}

.btn-nav, .btn-nav:active, .btn-nav:hover, .btn-nav:focus{
	background-color: #046380;
	border: 1px solid white;
	color: white;
	text-transform: uppercase;
	font-weight: 700;
	padding-top: 8px!important;
	padding-bottom: 8px!important;
	border-radius: 0px;
}


h2{
	color: #046380;
	
}

@media screen and (max-width: 420px){
	h2{
		font-size: 18px;
	}
}

h3{
	background-color: #E6E2AF;
	color: #002F2F;
	font-size: 18px;
	padding: 12px;
	margin-bottom: 40px;
}

h4{
	color: #046380;
}

h5{
	color: white;
	font-weight: 700;
}

.umzugPreis{
	font-weight: bold;
	font-size: 24px;
}

.content{
	margin-bottom: 50px;
}

.btn-vergleich, .btn-default:hover, .btn-default:active:focus, .btn-default:active:hover{
	/*background-color: #002F2F;*/
	background-color: #046380;
	border-radius: 0px;
	border: 1px solid transparent;
	color: white;
	text-transform: uppercase;
	padding: 12px;
}

.btn-dsgvo:hover{
padding: 6px;

}

.btn-green, .btn-green:hover, .btn-green:active:focus, .btn-green:active:hover{
	background-color: #44aa23;
}

footer{
	background-color: #046380;
	color: white;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 30px;
}

#abschluss{
	background-color: #002F2F;
	color: white;
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 12px;
}

footer ul{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

footer ul li{
	margin-bottom: 8px;
}

footer a, footer a:hover{
	color: white;
	text-decoration: none;
	font-size: 14px;
}


.box{
	border: 1px solid rgba(212,212,212,1);
	-webkit-box-shadow: 0px 0px 45px 3px rgba(212,212,212,1);
	-moz-box-shadow: 0px 0px 45px 3px rgba(212,212,212,1);
	box-shadow: 0px 0px 45px 3px rgba(212,212,212,1);
	margin-bottom: 40px;
}

.box p{
	padding-right: 20px;
}

.box h4{
	margin-bottom: 20px;
	margin-top: 30px;
	color: #046380;
	padding-right: 20px;
}

@media screen and (max-width: 991px){
	.box h4, .box p{
		padding-left: 20px;
	}
}

#bg-bild1, #bg-bild2, #bg-bild3, #bg-bild4, #bg-bild5, #bg-bild6{
	background: url("../img/Tipps-Umzug_thumb.jpg") no-repeat center center;
	width:100%;
	height: auto;
	min-height: 200px;
	background-size: cover;
}

#bg-bild2{
	background: url("../img/Umzug-A-Z_thumb.jpg") no-repeat center center;
}

#bg-bild3{
	background: url("../img/Umzug-mit-Haustier_thumb.jpg") no-repeat center center;
}

#bg-bild4{
	background: url("../img/Umzug-mit-Kind_thumb.jpg") no-repeat center center;
}

#bg-bild5{
	background: url("../img/Umzugskosten_thumb.jpg") no-repeat center center;
}

#bg-bild6{
	background: url("../img/elfDinge_thumb.jpg") no-repeat center center;
}

.btn-box{
	position: absolute; bottom: 20px; right: 40px;
}

.bg-box{
	background: rgba(255, 255, 255, 1);
	padding: 20px;
}

.bg-box h2{
	margin-bottom: 0px;
	margin-top: 16px;
}

#addressForm{
	margin-top: 20px;
}

.form-control{
	border-radius: 0px;
	box-shadow: none;
	margin-top: 20px;
	border-left: none;
	border-top: none;
	border-right: none;
	transition: none;
	transition: border-color ease-in-out .15s;
	padding: 0px;
}

.form-control:focus{
	box-shadow: none;
}

.margin-top-10{
	margin-top: 10px;
}

.margin-top-20{
	margin-top: 20px;
}

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

.margin-bottom-20{
	margin-bottom: 20px;
}

.margin-bottom-30{
	margin-bottom: 30px;
}

#step2prev{
	color: #046380;
	cursor: pointer;
}


/*
Content-Seiten
*/

.content ul{ margin-top: 12px; padding-left: 20px;}
.content ul li{ margin-bottom: 8px;}

.image-content{
	margin-top: 100px;
	margin-bottom: 50px;
}

@media screen and (max-width: 420px){
	.image-content{
		margin-top: 80px;
		margin-bottom: 20px;
	}
}

.image-content img{
	-webkit-box-shadow: 0px 0px 45px 3px rgba(212,212,212,1);
	-moz-box-shadow: 0px 0px 45px 3px rgba(212,212,212,1);
	box-shadow: 0px 0px 45px 3px rgba(212,212,212,1);
}

#vergleich-content{
	position: fixed;
	bottom: 50px;
	right: 50px;
}

#button-vergleich-content{
	padding: 20px;
}

@media screen and (max-width: 420px){

	#vergleich-content{
		bottom: 10px;
		right: 10px;
	}

	#button-vergleich-content{
		padding: 10px;
	}

}

.error{
	font-size: 10px;
	color: red;
	margin-top: -20px;
}

.has-error{
	border-bottom: 1px solid red;
}

.help-block{
	/*visibility: hidden;*/
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10px;
	color: red;
	text-align: left;
}

.text-danger{
	font-size: 12px;
}


/*
ERGEBNISLISTE
*/

#detailsAnzeigenUserInput{
	font-weight: 700;
	cursor: pointer;
}

.resultSummary{
	background-color: #EFECCA;
	padding: 12px;
	color: #95989A;
}

#resultHeading{
	background-color: #858792;
	color: white;
	text-transform: uppercase;
	padding: 12px;
	margin-bottom: 20px;
}

.resultEntry{
	border-bottom: 1px solid #858792;
	padding-top: 12px;
	padding-bottom: 12px;
}

.resultImg{
	max-height: 60px;
}
.infoAGB{
	font-size: 12px;
	color: #95989A;
}

.bewertungsSpan{
	font-size: 14px;
}

.bewertungsSpanInfo{
	font-size: 14px;
	line-height: 0em;
	letter-spacing: 0px;
}

#detailsAnzeigenUserInput{
	
}



.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}



.corner-ribbon{
  width: 400px;
  background: #e43;
  position: absolute;
  top: 35px;
  left: -20px;
  text-align: center;
  line-height: 25px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index: 9999;
}

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.corner-ribbon.top-right{
  top: 100px;
  right: -85px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


.corner-ribbon.blue{background: #39d;}


input[type='text'],
input[type='number'],
select, select:focus,
textarea {
  font-size: 16px!important;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: white;
}

.anfrageForm{
	margin-top:20px;
	margin-bottom: 20px;
	padding: 35px; 
	border: 1px solid lightgrey;
	-webkit-box-shadow: 0px 0px 91px -11px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 91px -11px rgba(204,204,204,1);
	box-shadow: 0px 0px 91px -11px rgba(204,204,204,1);
}