/*

hellhellblau: #ddd9ee
blau: #2f2483
braunhell: #c99d66
braunmittel: #b17e4a
braundunkel: #935e36

font-family:'Avenir Next W01 Thin';
font-family:'AvenirNextLTW01-Regular';
font-family:'Avenir Next LT W01 Bold';	
	
*/
body {
	font-family:'AvenirNextLTW01-Regular', Helvetica, Arial, sans-serif;
	color: #2f2483;
	background: #fff;
	font-weight: 300;
	height: 100%;
	font-size: 1.1rem;	
}

a {
	color: #2f2483;
}

a:hover {
	color: #b17e4a;
	text-decoration: none;
}

h1 {
	font-size: 1.45rem;
	line-height: 2rem;
	
	margin-bottom: 1rem;
}

h4 {
	font-family:'AvenirNextLTW01-Regular';
	font-size: 1.5rem;
	line-height: 2.1rem;
	
	margin-bottom: 1rem;
}


h6 {
	font-size: 0.8rem;
	line-height: 1rem;
	font-weight: normal;
	margin-bottom: 0.3rem;
	margin-top: 2rem;
}

.braunfont {
	color: #c99d66; 
}

strong {
	font-weight: bold;
}

.img-caption {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 30px;
}

.img-border {
	border: 14px solid #2f2483;
	margin-bottom: 30px;
}

.bluete {
	width: 70px;
	margin-top: 20px;
}

.navbar-expand-lg .navbar-toggler {
	display: block;
}

.slidecon {
	position: relative;
	
}

.carousel-inner {
	
}

.logo {
	width: 150px;
	position: absolute;
	top: 80px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 1001;
}

.navbar-light .navbar-toggler {
	width: 120px;
	position: fixed;
	top: 0px;
	left: 15px;
	border: 0;
	padding: 0;
	z-index: 1001;
}

.navbar-toggler {border-radius: 0;}

.navbar {
	padding: 0;
}

.bg-hellblau {
	background: #ddd9ee;
	padding: 40px 15px;
}

.bg-braun {
	background-color: #c99d66;
}

.sprechzeiten-show {
	padding-top: 25px;
	padding-bottom: 25px;
}




.carousel-caption {
	background: 0;
	color: #2f2483;
	right: inherit;
	bottom: inherit;
	top:45%;
	left: 0px;
	text-align: left;

}

.carousel-caption h4 {
	background: #ddd9ee;	
	display: inline-table;
	padding: 10px 35px;
	margin-bottom: 0;
	
}

.link-box {
	padding: 5px 15px;
	border-left: 1px solid #b17e4a;
	border-right: 1px solid #b17e4a;
	border-top: 1px solid #b17e4a;
	border-bottom: 3px solid #2f2483;
	margin-bottom: 30px;
}

.link-box-tel {
	padding: 5px 15px;
	background: #b17e4a;
	border-bottom: 3px solid #2f2483;
	margin-bottom: 30px;
	margin-top: 15px;
	color: #fff;
}

.link-box-detail {
	border: 1px solid #2f2483;
	border-radius: 5px;
	padding: 5px 15px;
	display: inline-block;
}

.link-box-detail:hover {
	border: 1px solid #2f2483;
	border-radius: 5px;
	padding: 5px 15px;
	display: inline-block;
	background: #2f2483;
	color: #fff;
}

.row-margin-top {
	margin-top: 60px;
}

.row-margin-top-bottom {
	margin-top: 60px;
	margin-bottom: 30px;
}

.box-leistungen {
	width: 100%;
	height: 193px;
	margin-bottom: 30px;	
	cursor: pointer;	
}



.hausarzt {
	background: #c99d66 url(../img/boxen/hausarzt.png) no-repeat;
	background-size: 99px 159px;
	padding: 20px;
	background-position: right 20px top 20px; 
}

.checkup {
	background: #c99d66 url(../img/boxen/checkup.png) no-repeat;
	background-size: 128px 193px;
	padding: 20px;
	background-position: right top; 
}

.diagnostik {
	background: #c99d66 url(../img/boxen/diagnostik.png) no-repeat;
	background-size: 107px 75px;
	padding: 20px;
	background-position: right 20px top 20px; 
}

.impfen {
	background: #c99d66 url(../img/boxen/impfen.png) no-repeat;
	background-size: 108px 117px;
	padding: 20px;
	background-position: right 20px top 20px; 
}

.individuell {
	background: #c99d66 url(../img/boxen/individuell.png) no-repeat;
	background-size: 107px 142px;
	padding: 20px;
	background-position: right 20px top 20px; 
}

.chiro {
	background: #c99d66 url(../img/boxen/chirotherapie.png) no-repeat;
	background-size: 128px 193px;
	padding: 20px;
	background-position: right top; 
}


.btn-secondary {
	background: #c99d66;
	border: 0;
}

.btn-secondary:hover {
	background: #2f2483;
	
}

footer {
	padding-bottom: 40px;
}

@media (min-width:992px) { 
	.logo {
		width: 300px;
		position: absolute;
		top: 150px;
	}
	.navbar-light .navbar-toggler {
		width: 150px;
		position: absolute;
		top: 0px;
		left: 60px;
	}
	.container-fluid {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (min-width:1200px) {
	.logo {
		width: 400px;
		position: absolute;
		top: 150px;
	}
	.container-fluid {
		padding-left: 60px;
		padding-right: 60px;
	}
}


@media (max-width: 450px) {
}

@media (max-width: 600px) {
	.carousel-caption {
		display: none;
	}
}