/*
 * Bodensee Prospekte Styles
 * --------------------------------------------------

 xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px


*/
html,
body {
	overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
	font-size: 14px;
	background-color: #f5f4f2;
	color: #54587D;
	font-family: 'Lato', sans-serif;
}
button, input, select{
	font-family: 'Lato', sans-serif;
}
a{
	color: #2772DB;
}
.btn,
.form-control{
	font-size: 14px;
}
.btn-primary {
	background-color: #2772DB;
	border-color: #2772DB;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-weight: 700;
	line-height: 1.25;
}
/* Minor Third */
h1, .h1 {
	font-size: 2.074rem;
}

h2, .h2 {
	font-size: 1.728rem;
}

h3, .h3 {
	font-size: 1.44rem;
}

h4, .h4 {
	font-size: 1.2rem;
}

h5, .h5 {
	font-size: 1rem;
}

h6, .h6 {
	font-size: 0.833rem;
}
.text-muted{
	color: #c6c6d0!important;
}
.card-orderform{

}
.card-header{
	text-transform: uppercase;
	background-color: #fff;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.card-orderform .card-header span.amount{
	color: #04BE5B;
}
.card-orderform .btn-primary{
	background-color: #04BE5B;
	border-color: #04BE5B;
	text-transform: uppercase;
}
select.custom-select{
	height: calc(2.75rem + 2px);
	padding: .5rem 1.75rem .5rem .75rem;
	color: #54587D;
	border-color: #b1b2bd;
}
.form-control{
	padding: .75rem;
	color: #54587D;
	border-color: #b1b2bd;
}
.form-control::-webkit-input-placeholder { color: #b1b2bd; }
.form-control:-moz-placeholder { color: #b1b2bd; }
.form-control::-moz-placeholder { color: #b1b2bd; }
.form-control:-ms-input-placeholder { color: #b1b2bd; }
.form-control:focus{
	border-color: #2772DB;
}
footer {
	padding: 30px 0;
	background-color: #fff;
	padding-top: 4rem;
	font-size: 13px;
	line-height: 1.5;
	color: #8F91A3;
}
footer h4{
	color: #54587D;
	margin-bottom: 2.5rem;
	text-transform: uppercase;
	font-weight: 300;
}
footer hr.footer-divider{
	margin: 4rem 0 2rem 0;
}
#navbar-top{
	color: #fff;
	background-color: #0067b1;
	padding: .1rem 1rem;
}
#navbar-top a{
	color: #fff;
}
#logo{
	height: 45px;
	margin-right: .5rem;
}
.navbar-brand{
	font-size: 1rem;
}
.hero{
	color: #1B1E31;
	padding: 3rem 1rem 0;
	margin-bottom: 0;
	background-color: #eee;
	background: url('../images/bodensee-prospekte-hero-back-3.jpg') 50% 60% no-repeat;
	background-size: cover;
	height: 45vh;
	display: flex;
	align-items: flex-start;
}
.hero-content{
	text-align: center;
}
.hero-content p{
	font-size: 1.2rem;
}

@media (min-width: 576px) {
	.hero {
		padding: 5rem 1rem 0;
	}
	.hero-content{
		width: 66.666vw;
		text-align: left;
	}
}
#section-navbar-regions{
	background-color: #fff;
	margin-bottom: 4rem;
}
#navbar-regions{
	padding: 0;
}
#navbar-regions .nav{
	flex-direction: column;
}

#navbar-regions .navbar-collapse{
  margin: 0;
  padding: 0;
}

#navbar-regions .nav-link{
	text-transform: uppercase;
	color: #54587D;
	padding: 1.25rem 0.5rem;
	text-align: left;
}
#navbar-regions .nav-link.active{
	border-left: 2px solid #2772DB;
}
#navbar-regions .navbar-toggler{
	margin: 1rem 0;
	text-transform: uppercase;
	border: none;
	color: #2772DB;
	font-size: 16px;
}
@media (min-width: 768px) {
	#navbar-regions .nav{
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}
	#navbar-regions .nav-link{
		text-align: center;
	}
	#navbar-regions .nav-link.active{
		border-bottom: 2px solid #2772DB;
		border-left: none;
	}
	#nav-regions {
		margin-top: 0;
	}
}

.sticky.is-sticky{
	position: fixed;
	z-index: 1000;

}

#section-navbar-regions.is-sticky {
	left: 0;
	right: 0;
	top: 0;
}

#orderform-sidebar.is-sticky {
	top: 100px;
}

main{
	margin-top: 63px;
	margin-bottom: 4rem;
}

.prospekt-entry{
	margin-bottom: 2rem;
	overflow: hidden;
}
.prospekt-entry:last-of-type{
	margin-bottom: 4rem;
}
.prospekt-entry > .container{
	padding: 0;
}
.prospekt-entry .prospekt-image > img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.prospekt-entry .prospekt-image.noupscaling > img{
	object-fit: scale-down;
}
.prospekt-entry .prospekt-content{
	padding-top: 2rem;
	padding-bottom: 0;
}
.prospekt-entry .card-text{
	color: #54587D;
	font-size: 13px;
}
.prospekt-entry .price{
	display: inline-block;
	padding-top: .5rem;
	color: #c6c6d0;
}
.prospekt-entry .prospekt-footer{
	padding: .75rem 1.25rem;
	border-top: 1px solid rgba(0,0,0,.125);
	/*position: absolute;
	width: calc(100% - 2rem);
	bottom: 0;*/
}
.prospekt-ribbon{
	width: 165px;
	background: #e43;
	position: absolute;
	text-align: center;
	line-height: 35px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	top: 15px;
	right: -50px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background-color: #FF9947;
}
label.prospekt-check {
	display: flex;
	border: 1px solid #E6EAEF;
	padding: .5rem;
	border-radius: 5px;
	cursor: pointer;
}
label.prospekt-check:hover {
	border-color: #c8d4e2;
}
label.prospekt-check > input {
	display: none;
}
label.prospekt-check > input + span {
	display: block;
	width: 25px;
	height: 25px;
	background-color: #fff;
	border: 1px solid #E6EAEF;
	background-size: 0%;
	background-position: center;
	border-radius: 5px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 300ms cubic-bezier(0.07, 0.98, 0.3, 1.88);
	transition: all 300ms cubic-bezier(0.07, 0.98, 0.3, 1.88);
}
label.prospekt-check > input + span:hover {
	cursor: pointer;
}
label.prospekt-check > input:checked + span {
	background-color: #03BD5B;
	background-image: url('../images/check-white.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
label.prospekt-check > input:disabled + span {
	background-color: #333333;
}
label.prospekt-check .label-text {
	margin-left: .5rem;
	padding-top: 1px;
	font-weight: bold;
}
.prospekt-check.checked{
	background-color: #F4F8F6;
}
.prospekt-check.checked .label-text{
	color: #00A14C;
	font-weight: normal;
}


/*
 * Off Canvas
 * --------------------------------------------------
 */

 .sidebar-offcanvas{

 }

 .sidebar-offcanvas .list-group-item{

 	border: none;
 	padding-left: 1rem;
 	border-radius: 0;
 	color: #54587D;
 }

 .list-group-item.active{
 	background-color: transparent;
 	color: #54587D;
 	border-left: 2px solid #2772DB;
 	background-color: rgba(58,125,218,.05);
 }
 @media screen and (max-width: 767px) {
 	.row-offcanvas {
 		position: relative;
 		-webkit-transition: all .25s ease-out;
 		-o-transition: all .25s ease-out;
 		transition: all .25s ease-out;
 	}

 	.row-offcanvas-right {
 		right: 0;
 	}

 	.row-offcanvas-left {
 		left: 0;
 	}

 	.row-offcanvas-right
 	.sidebar-offcanvas {
 		right: -100%; /* 12 columns */
 	}

 	.row-offcanvas-right.active
 	.sidebar-offcanvas {
 		right: -50%; /* 6 columns */
 	}

 	.row-offcanvas-left
 	.sidebar-offcanvas {
 		left: -100%; /* 12 columns */
 	}

 	.row-offcanvas-left.active
 	.sidebar-offcanvas {
 		left: -50%; /* 6 columns */
 	}

 	.row-offcanvas-right.active {
 		right: 50%; /* 6 columns */
 	}

 	.row-offcanvas-left.active {
 		left: 50%; /* 6 columns */
 	}

 	.sidebar-offcanvas {
 		position: absolute;
 		top: 0;
 		width: 50%; /* 6 columns */
 	}
 }