/* FARBEN
.hausfarbe 	{color: #00746b; color: rgba(0, 116, 106, .5)}
	.hausfarbe2	{color: #60b565; color: rgba(95, 181, 101, .5)}
	.hausfarbe3 {color: #309568; rgba(47, 148, 103, 0.5) }
	.gray		{color: #878787; color: rgba(135, 135, 135, 0.5)}	
*/
body {
	overflow-x: hidden;
	font-family: 'Baloo 2', sans-serif;
	font-family: 'Encode Sans';
	font-style: normal;
	line-height: 1.4em;
	font-weight: 300;
	color: #000;
	font-size: medium;
	background: #e8f1ef;
	letter-spacing: .02em
	}
@media (max-width: 1200px) {	
	body { font-size: 95% }	
}
@media (max-width: 992px) {	
	body { font-size: 90% }	
}
@media (max-width: 767px) {	
	body { font-size: 85% }	
}




/* --------- TOPHEAD
================================================== */
.tophead {
	display: none !important
	}

@media (min-width: 768px) {
	.tophead {
		display: inline-block !important;
		background: rgba(0, 116, 106, 0.07);
		padding: .4em 0 .5em 0 !important;
		float: left;
		top: 0;
		font-size: 9pt;
		line-height: .6em;
		letter-spacing: 0;
		background: #e8f1ef;
		text-transform: uppercase;
		}
	.tophead .container {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		}
	.tophead span {
		float: right;
		position: relative;
		white-space: nowrap;
		margin: 5px 0 0 25px;
		display: inline;
		}
	.tophead .circle {
		background: #60b565;
		border: 1px solid rgba(95, 181, 101, 0.7);
		width: 17px; 
		height: 17px;
		margin-right: 4px;
		float: left;
		margin-top: -5px;
		}
	.tophead .circle i {
		font-size: 10.5pt;
		color: #e8f1ef;
		top: -15px;
		}		
	.tophead span a {
		color: #00746b;
		color: #000;
		}
	.tophead span a:hover {
		color: #60b565
		}		
	.tophead span b {
		color: #60b565;
		font-weight: 500;
		text-transform: uppercase;
		display: inline;
		margin-right: 3px;
		}	
		
	nav.affix .tophead {
		transform: scaleY(0);
		transition: all .35s ease-in-out .1s;
		top: -40px !important;
		padding: 0 !important;
		height: 0 !important;
		}
	nav.affix .tophead .container {
		display: none
		}	
	}		
@media (min-width: 992px) {
	.tophead {
		font-size: 10pt;
		letter-spacing: .01em;
		}
}	
/* --------- end TOPHEAD -------- */	


			
		
/* --------- MENU
================================================== */
nav {
	padding-top: .5em;
	padding-bottom: .5em;
	background: #fff;
	font-family: 'Baloo 2';
	}	
nav .container {
	transition: padding .3s ease-in-out;
	z-index: 1000000;
	}
nav .navbar-collapse {
	transition: padding .3s ease-in-out;
	z-index: 1000000;
	}		
nav .navbar-nav {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	margin-top: 9px;
	padding-top: 0;
	margin-bottom: 0;
	text-align: center
	}
nav .navbar-nav li {
	position: relative;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	}
nav .navbar-nav li:last-child {
	border-bottom: none
	}	
nav .navbar-nav li a,
nav .navbar-nav li a:focus {
	font-size: 130%;
	font-weight: 400;
	color: #666;
	padding: 0;
	white-space: nowrap;
	transition: 0.3s;
	letter-spacing: .03em;
	position: relative;
	text-transform: uppercase;
	padding: 15px
	}
nav .navbar-nav li a:before {
	content: "";
	position: absolute;
	width: 98%;
	height: 2px;
	bottom: -6px;
	left: 1%;
	background-color: #60b565;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
	display: none
	}	
nav .navbar-nav li a:hover:before, 
nav .navbar-nav li:hover > a:before, 
nav .navbar-nav li a.active:before {
	visibility: visible;
	transform: scaleX(1);
	}	 
nav .navbar-nav li a.active, 
nav .navbar-nav li a:hover {
	color: #000;
	background: rgba(95, 181, 101, 0.25)
	}
nav .navbar-nav li a.active {
	font-weight: 600;
	color: #00746b;
	color: #60b565;
	background: rgba(95, 181, 101, 0.07)
	}	
	
	
	
nav.affix {
	box-shadow: 0 .2em 1em rgba(0, 0, 0, .15);
	}	


.navbar-toggle {
	display: inline-block;
	border: none;
	background: none !important;
	border-radius: 0;
	width: 45px;
	height: 40px;
	margin: 0;
	margin-top: 3px;
	margin-right: 10px;
	float: right;
	padding: 0;
	border-radius: 2px
	}
.navbar-toggle.collapsed {
	padding-left: 0;
	}
.navbar-toggle .icon-bar {
	width: 40px;
	height: 3px;
	transition: all 0.2s;
	background: #60b565;
	display: block;
	margin-bottom: 8px !important
	}
	.navbar-toggle .top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 90%;
	margin-left: -1px
	}
	.navbar-toggle .middle-bar {
	opacity: 0;
	}
	.navbar-toggle .bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
	}
.navbar-toggle.collapsed .top-bar,
.navbar-toggle.collapsed .middle-bar,
.navbar-toggle.collapsed .bottom-bar {
	background: #00746b;
	}
	.navbar-toggle.collapsed .top-bar {
	transform: rotate(0);
	margin-left: 0
	}
	.navbar-toggle.collapsed .middle-bar {
	opacity: 1;
	}
	.navbar-toggle.collapsed .bottom-bar {
	transform: rotate(0);
	}	
	



nav a.hotline {
	color: #666 !important;
	white-space: nowrap;
	line-height: 1em;
	font-size: 18px;
	margin-left: 15px;
	}	
nav a.hotline:before {
	font-family: "Material Icons Outlined", "Material Icons";
	font-weight: normal;
	content: '\e4ad';
	font-size: 16pt;
	width: 35px;
	height: 35px;
	position: absolute;
	text-align: center;
	padding-top: 16px;
	margin-top: -17px;
	margin-left: -30px;
	color: #60b565
	}
nav.affix a.hotline {
	}		
@media (min-width: 767px) {
	nav a.hotline {
	display: none
	}
	nav.affix a.hotline {
	display: none;
	margin-left: 50px;
	float: left;
	}
}	
@media (max-width: 480px) {
	nav a.hotline {
	font-size: 17px !important;
	letter-spacing: -0.01em
	}
}
@media (max-width: 400px) {
	nav a.hotline {
	font-size: 15px !important;
	}
}
@media (max-width: 360px) {
	nav a.hotline {
	display: none
	}
}	
	
		
	@media (min-width: 767px) {
	.navbar-toggle {
		display: none
		}
	
	nav {
		display: inline-block;
	 	padding: 0 !important;
		}
	nav .container {
		padding: 1em 0 !important;
		}		
	nav .navbar-nav {
		margin: 0;
		padding: 0;
		display: flex;
		list-style: none;
		align-items: center;
		border-top: 0
		}	
	nav .navbar-nav li {
		padding: 0 0 0 10px;
		border: none
		}
	nav .navbar-nav li a,
	nav .navbar-nav li a:focus {
		font-size: 105%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0;
		}
	nav .navbar-nav li a:hover {
		background: none
		}
	nav .navbar-nav li a.active {
		color: #000;
		background: none
		}	
	nav .navbar-nav li a:before {
		display: inline-block
		}
	
	nav.affix {
		position: fixed;
		width: 100%;
		background: rgba(255, 255, 255, 1) !important;
		transition: all .3s ease-in-out .3s;
		}
	nav.affix .container {
		padding: .5em 0 !important; 
	    }
}
@media (min-width: 992px) {
	nav .navbar-nav li {
		padding: 0 0 0 30px;
		}
	nav .navbar-nav li a,
	nav .navbar-nav li a:focus {
		font-size: 120%;
		}	
}	
/* --------- end MENU -------- */	





/* --------- LOGO
================================================== */
nav .navbar-brand {
	transition: all 0.3s;
	background: url(../images/Logo_HNO_rgb_Orte.svg) no-repeat center left;
	background-size: 100%;
	float: left;
	width: 150px;
	height: 70px;
	margin: 2px 0 0 5px
	}
nav .navbar-brand:hover {
	opacity: .7
	} 
nav.affix .navbar-brand {
	width: 130px;
	height: 50px;
	background-position-y: 3px;
	}
		
			
 @media (min-width: 767px) {	
	nav .navbar-brand {
		float: left;
		width: 200px;
		height: 90px;
		} 
	nav.affix .navbar-brand {
		width: 130px;
		height: 50px;
		background-position-y: 3px;
		margin-top: 0
		}
	}		 
/* --------- end LOGO -------- */	













/* --------- HEADER / CAROUSEL
================================================== */
header {
  /*padding-bottom: calc(10rem - 56px);*/
  background-image: url("../images/header.jpg");
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  margin-top: 100px;
  padding: 0;
  font-family: 'Baloo 2';
  margin-top: 0;
  }
@media (min-width: 992px) {
    header {
    height: 100vh;
    min-height: 650px;
    padding-top: 0;
    padding-bottom: 0;
    }
    header h1 {
    font-size: 3rem; }
 }
 @media (max-width: 767px) {
    header {
    margin-top: 0;
    }
 }


.carousel-inner {
	text-align: center;
	width: 100%;
	}
	@media (max-width: 767px) {
		.carousel-inner { top: -100px }
		}
	@media (max-width: 480px) {
		.carousel-inner { top: -50px }
		}		
		
.carousel-item {
	height: 100vh;
	min-height: 300px;
	background: no-repeat center top scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position-y: 30px !important 
	}
	
	
	@media (max-width: 420px) {
		.carousel-item.item1 { background-position-x: 40% }
		.carousel-item.item2 { background-position-x: 60% }
		}
	@media (max-width: 740px) and (max-height: 420px) {
		.carousel-item.item2 { background-position-x: center }
		.carousel-item.item3 { background-position-x: center }
		}	
	@media (max-width: 380px) {
		.carousel-item.item1 { background-position-x: 45% }
		}	
.caption-all {
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1;
	left: 0;
	right: 0;
	top: 35%;
	}
.caption-content {
	position: relative;
	font-size: 270%;
	padding: 1.25em .75em !important;
	margin: 0 auto !important;
	background: rgba(255, 255, 255, 0.6);
	padding: 1em .3em .8em .3em;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0 .4em .5em rgba(0, 0, 0, 0.07);
	line-height: 1em;
	display: inline-block
	}
.caption-all .title {
	color: #00746b;
	font-weight: 400;
	text-transform: uppercase;
	text-shadow:  .1em .1em 1em #fff;
	display: block;
	}
.caption-all .subtitle {
	display: block;
	color: #60b565;
	color: #00746b;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 55%;
	letter-spacing: -.01em;
	margin-top: .05em;
	text-shadow:  .1em .1em 1em #fff
	}
.caption-all .subtitle img {
	width: 5%;
	height: auto;
	margin: -4px 2px 0 2px
	}
.caption-all .text {
	display: block;
	font-weight: 400;
	font-size:55%;
	letter-spacing: .005em;
	margin-top: -5px;
	color: #666;
	text-shadow:  .1em .1em 1em #fff
	}
.caption-all .telefon {
	display: block;
	font-size:80%;
	letter-spacing: 0;
	margin: .55em .5em .9em 0;
	text-shadow:  .1em .1em .7em #fff;
	font-family: 'Encode Sans';
	font-weight: 400
	}
	.caption-all .telefon i {
	color: #60b565;
	font-size: 100%;
	vertical-align:middle;
	margin-right: 2px;
	margin-top: -2px
	}				
.caption-all .btn {
	background: #00746b; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #00746b 10%,#60b565 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #00746b 10%,#60b565 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #00746b 10%,#60b565 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00746b', endColorstr='#60b565',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff !important;
	padding: .7em 1.1em .6em 1.1em;
	font-size: 40%;
	line-height: 1em;
	opacity: .7;
	margin-bottom: 0 !important;
	
	background: #60b565;
	color: #fff !important;
	font-weight: 500;
	box-shadow:  .1em .1em 3em #fff
	}
	.caption-all .btn:hover {
	background: #00746b;
	transition: all .3s ease-in-out;
	}
	.caption-all .btn i {
	color: rgba(255, 255, 255, 0.5);
	margin: -4px 0 -5px 0;
	font-size: 150%
	}
	.caption-all .btn:hover i {
	color: #fff;
	}
			
			

.carousel-control-prev,
.carousel-control-next {
	width: 7%;
	opacity: .6;
	top: 115px
	}
.carousel-control-prev-icon:before,
.carousel-control-next-icon:before{
    font-family: "Material Icons Round", "Material Icons";
	font-weight: normal;
	content: '\e344';
	font-size: 40pt;
	}
.carousel-control-next-icon:before {
    content: '\e345';
	}	
.carousel-control-prev-icon,
.carousel-control-next-icon {
	background-image: none;
	left: 20px !important;
	width: auto;
	height: 30px;
	}
.carousel-control-prev:hover, 
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
	opacity: 1;
	}


.carousel-indicators {
	display: flex;
	justify-content: space-between;
	bottom: 70px;
	position: absolute;
	left: 25%;
	margin: 0 !important;
	width: 50%
	}
.carousel-indicators li {
	width: 100%;
	height: 2px;
	border-width: 2px
	}
.carousel-indicators li.active {
	background: #fff;
	height: 2px
	}	
	
@media (max-width: 1200px) {
	.caption-all {
		top: 33%;
		}
	.caption-content {
		font-size: 250%;
		padding: 1.1em .2em !important;
		}
	.carousel-indicators {
		bottom: 50px;
		left: 28%;
		width: 44%

		}
}
@media (max-width: 992px) {
	.caption-content {
		font-size: 245%;
		padding: 1.1em .2em !important;
		}
	.caption-content .btn {
		font-size: 45%	
		}
}	
@media (max-width: 767px) {
	header {
	  margin-top: 50px
	  }
	.caption-all {
		top: 28%;
		}
	.caption-content {
		font-size: 230%;
		}	
	.carousel-control-prev,
	.carousel-control-next {
		top: 0
		}	
	.carousel-control-prev-icon:before,
	.carousel-control-next-icon:before{
	    font-size: 25pt;
		}
	.carousel-indicators {
		bottom: 100px;
		}	
}
@media (max-width: 767px) and (max-height: 640px) and (min-width: 681px) {
	.caption-all {
		top: 28%;
		}
	.caption-content {
		font-size: 270%;
		padding: .9em 0 !important;
		line-height: .9em
		}		
}
@media (max-width: 767px) and (max-height: 540px) and (min-width: 681px) {
	.caption-all {
		top: 30%;
		}
	.caption-content {
		font-size: 200%;
		padding: .7em 0 !important;
		line-height: .9em
		}	
	.carousel-indicators {
		bottom: 70px;
		}	
}
/*@media (max-width: 580px) and (max-height: 330px) and (min-width: 481px) {
	.caption-all {
		top: 17%;
		background: aqua
		}
	.caption-content {
		font-size: 150% !important;
		padding: .5em 0 !important;
		line-height: .8em
		}	
	.carousel-indicators {
		bottom: 65px !important;
		}	
}*/
@media (max-width: 680px) and (min-width: 481px) {
	.caption-all {
		top: 130px;
		}
	.caption-content {
		font-size: 160%;
		padding: .9em 0 !important;
		line-height: .9em
		}
	.caption-content .telefon {
		margin-top: .2em;
		margin-bottom: .7em
		}	
	.carousel-control-prev,
	.carousel-control-next {
		margin-top: 0;
		display: none
		}	
	.carousel-indicators {
		bottom: 70px;
		left: 35%;
		width: 30%
		}
	.caption-content .btn {
		font-size: 50%	
		}	
}
@media (max-width: 480px) {
	header {
		margin-top: 0
		}
	.caption-all {
		top: 36%;
		}
	.caption-content {
		font-size: 210%;
		padding: 1em .2em !important;
		}
	.carousel-control-prev,
	.carousel-control-next {
		margin-top: 0;
		display: none
		}	
	.carousel-indicators {
		bottom: 100px;
		left: 30%;
		width: 40%
		}
	.caption-content .btn {
		font-size: 50%	
		}		
}	
@media (max-width: 380px) {
	.caption-content {
		font-size: 220%;
		padding: .9em .2em !important;
		width: 73%
		}
}
@media (max-width: 350px) {
	.caption-content {
		font-size: 200%;
		padding: 1.2em 0 !important;
		}
}
/* --------- end CAROUSEL -------- */	







/* --------- TOPNEWS
================================================== */
.topnews {
	top: 153px;
	color: #fff;
	position: relative;
	left: 0;
	right: 0;
	margin: 0 !important;
	font-size: 250%;
	padding: 17px 40px;
	text-align: center;
	z-index: 100;
	background: rgba(96, 181, 101, 0.8);
	}	
	.topnews.orange {
		background: rgba(255, 119, 0, .7);
		}
	nav.affix .topnews {
	display: none
	}
	.topnews hr {
	border-color: rgba(255, 255, 255, 0.5);
	margin-top: .45em;
	margin-bottom: .45em
	}
	.news-title {
		font-size: 70%;
		letter-spacing: .08em;
		text-transform: uppercase;
		font-weight: 600;
		line-height: 1.1em;
		margin-bottom: .15em;
		letter-spacing: .05em !important
		}
	.news-title span {
		font-weight: 300;
		letter-spacing: .02em;
		color: #00746b;
		color: #fff;
		opacity: .9
		}				
	.news-subtitle {
		font-size: 50%;
		font-weight: 300 !important;
		font-family: 'Encode Sans';
		color: rgba(255, 255, 255, 0.8);
		color: #fff;
		line-height: 1.2em
		}
	.news-subtitle b {
		}		
	.btn.news-btn {
		background: rgba(255, 255, 255, 0.4) !important;
		border: 2px solid rgba(255, 255, 255, 0.3) !important;
		margin: .7em 0 0 0;
		padding: .15em .6em .08em .7em !important;
		opacity: 1;
		font-weight: 500 !important;
		letter-spacing: .02em !important;
		color: rgba(0, 0, 0, 0.75) !important;
		font-size: 9.2pt;
		box-shadow: 0 .1em .2em rgba(0, 0, 0, 0.2)
		}
		.btn.news-btn:hover {
			background: #fff !important;
			color: #000 !important;
			box-shadow: 0 .1em .2em rgba(0, 0, 0, 0.3)
			}
		.btn.news-btn i {
			color: #00746b;
			margin-right: 0
			}	
		.btn.news-btn:hover i {
			color: #00746b;
			}
			
		.topnews.orange .btn.news-btn i {
			color: rgba(255, 119, 0, .8)
			}	
		.topnews.orange .btn.news-btn:hover i {
			color: rgba(255, 119, 0, 1)
			}
			
			
			
@media (max-width: 1200px) {
		.topnews {
		top: 151px;
		}
	}
	@media (max-width: 992px) {
		.topnews {
		top: 149px;
		font-size: 230%;
		padding-top: 15px;
		padding-bottom: 14px
		}
	}
	@media (max-width: 767px) {
		.topnews {
		top: 88px;
		font-size: 250%;
		padding: 12px 40px;
		}
	}
	@media (max-width: 575px) {
		.news-title {
		font-size: 70%;
		}
	}
	@media (max-width: 480px) {
		.news-title {
		font-size: 65%;
		}
	}
	@media (max-width: 380px) {
		.news-title {
		font-size: 55%;
		}
	}
			
/* --------- end TOPNEWS -------- */




			
			
			
			

/* --------- QUICKLINKS
================================================== */
.quicklinks {
	position: fixed;
	right: 0;
	top: 52%;
	z-index: 1000000;
	font-family: 'Baloo 2';
	}
.quicklinks a {
	width: 35px;
	height: 35px;
	float: right;
	clear: both;
	margin-bottom: 4px;
	background: #00746b;
	color: #fff !important;
	font-weight: 400;
	line-height: 1em;
	width: 185px;
	margin-right: -150px;
	padding-top: 9px;
	padding-left: 36px;
	opacity: .9;
	font-size: 115%;
	text-decoration: none;
	border-radius: 5px 0 0 5px;
	border: 1px solid rgba(0, 0, 0, 0.15)
	}
.quicklinks a:hover {
	margin-right: 0;
	transition: all .3s ease-in-out;
	}		
.quicklinks a:before {
	font-family: "Material Icons Outlined", "Material Icons";
	font-weight: normal;
	content: '\ebb6';
	font-size: 16pt;
	width: 35px;
	height: 35px;
	position: absolute;
	text-align: center;
	padding-top: 16px;
	margin-top: -17px;
	margin-left: -36px;
	}
	.quicklinks a.kontakt:before {
	content: '\e4ad';
	}	
	.quicklinks a.betty:before {
	content: '\e3ff';
	}
	.quicklinks a.zeiten:before {
	content: '\e009';
	}
			
@media (min-width: 768px) {
	.quicklinks {
		top: 30%;
		}
	.quicklinks a {
		width: 50px;
		height: 50px;
		width: 240px;
		margin-right: -190px;
		padding-top: 15px;
		padding-left: 50px;
		font-size: 130%;
		margin-bottom: 5px
		}
	.quicklinks a:before {
		font-size: 20pt;
		width: 50px;
		height: 50px;
		padding-top: 16px;
		margin-top: -17px;
		margin-left: -50px;
		}
}
/* --------- end QUICKLINKS -------- */	








/* --------- AUFBAU / GRID
================================================== */
.content {
	padding: 6em 0;
	margin: 0;
	text-align: center
	}
	
	.content .container {
	padding: 0;
	}
@media (max-width: 992px) {
	.content { padding: 4.4em 0 }
	}	
@media (max-width: 767px) {
	.content { padding: 3.5em 20px }
	}
@media (max-width: 480px) {
	.content { padding-top: 3em; padding-bottom: 3em; }
	}		
/* --------- end AUFBAU / GRID -------- */	
	




/* --------- PARALLAX
================================================== */
.bg-1, .bg-2, .bg-3, .bg-4, .bg-5 { 
	background-size:cover; 
	background-repeat: no-repeat;
	background-position: top center
	}
.bg-1 { background-image: url('../images/pics/132011559_s2_2.jpg') }


.overlay {
	background: rgba(0, 116, 106, .5);
	margin: -6em 0; padding: 6em 0;
	}
@media (max-width: 992px) {
	.overlay { margin: -4.5em 0; padding: 4.5em 0 }
	}	
@media (max-width: 767px) {
	.overlay { margin: -3em -20px; padding: 3em 20px; width: clac(100% + 40px) }
	}
/* ---- end BILDER / COVER ------------------------------------------ */


		
		
		

/* --------- WELL / ITEMS
================================================== */
.well {
	padding: 2em;
	margin-bottom: 1.5em;
	border-radius: 5px;
	background: #fff
	}
@media (max-width: 767px) {
	.well { padding: 1.5em; }
	}	


.container.items {
	color: #fff;
	}	
.container.items .row {
	margin-left: 0;
	margin-right: 0;
	padding-top: 25px;
	padding-bottom: 25px
	}		
.container.items .row [class*="col-"] {
	text-align: left;
	}
.container.items .row [class*="col-"]:first-child {
	border-radius: 4px 0 0 4px;
	}
.container.items .row [class*="col-"]:last-child {
	border-radius: 0 4px 4px 0
	}

.container.items i {
	font-size: 33pt;
	color: #fff !important;
	margin-left: 10px
	}
.container.items h3 {
	color: #fff !important;
	margin-top: .05em;
	margin-bottom: .8em;
	line-height: 1.1em !important;
	text-transform: uppercase
	}
	.container.items h3 small {
		font-weight: 500
	}
.container.items h4 {
	margin: .6em 0 .3em 0;
	display: block;
	color: #fff;
	}
.container.items  a {
	color: #fff !important
	}	
.container.items .row .row [class*="col-"]:last-child {
	text-align: right
	}		
.container.items .liste .row {
	border-bottom: 1px solid rgba(0, 116, 106, 0.5);
	border-color: rgba(255, 255, 255, 0.4);
	padding-top: .15em;
	padding-bottom: .15em
	}
	.container.items .bg-hausfarbe3 .liste .row,
	.container.items .bg-hausfarbe .liste .row {
		border-color: rgba(255, 255, 255, 0.3);	
		}	
	.container.items .liste .row [class*="col-"] {
		padding: .2em 0;
		} 
	.container.items .liste .row [class*="col-"]:first-child {
		font-weight: 500;
		color: #fff;
		}
		
@media (max-width: 992px) {
	.container.items i {
		font-size: 25pt;
		margin-left: -5px
		}
	.container.items .row [class*="col-"] {
		font-size: 95%;
		line-height: 1.25em
		}			
}
@media (max-width: 768px) {
	.container.items i {
		font-size: 20pt;
		}	
}
@media (max-width: 575px) {
	.container.items .row [class*="col-"]:first-child {
		border-radius: 4px 4px 0 0;
		}
	.container.items .row [class*="col-"]:last-child {
		border-radius: 0 0 4px 4px;	
		}
	.container.items i {
		font-size: 30pt;
		margin-left: 15px;
		}
	.container.items .row [class*="col-"] {
		font-size: 100%;
		}
	
	.container.items h3 small {
		font-size: 95%
	}							
}
@media (max-width: 480px) {
	.container.items i {
		font-size: 27pt;
		margin-left: 3px;
		margin-top: .35em
		}
	.container.items .row [class*="col-"] {
		font-size: 100%;
		}
	.container.items h3 {
		margin-top: .5em !important;
		}							
}		
		
		
		



.well.split .split-icon {
	border-right: 1px solid #ddd;
	text-align: center;
	padding-left: 0;
	display: table;
	}
.well.split .split-icon span {
	display: table-cell;
	vertical-align: middle;
	height: 19vh;
	}
	.well.split .split-icon span.wechsel { height: 21vh }
	.well.split .split-icon span.urlaub { height: 48vh; height: 21vh }
	.well.split .split-icon span.corona { height: 36vh }	
	@media (max-width: 1200px) {
		.well.split .split-icon span.wechsel { }
		.well.split .split-icon span.urlaub { height: 46vh; height: 21vh }
		.well.split .split-icon span.corona {  }
	}
	@media (max-width: 992px) {
		.well.split .split-icon span.wechsel { height: 24vh }
		.well.split .split-icon span.urlaub { height: 43vh; height: 24vh }
		.well.split .split-icon span.corona { height: 45vh }
	}
.well.split .split-icon i {
	font-size: 35pt;
	margin-bottom: .2em;
	display: block
	}
.well.split .split-icon h3 {
	margin: 0 0 .7em 0;
	text-align: center
	}
.well.split .row [class*="col-"]:last-child {
	text-align: left;
	padding: 20px 30px 10px 30px
	}	
.well.split h4 {
	text-transform: none;
	margin: 20px 0 .7em 0;
	}	
.well.split p {
	margin: 0 0 1em 0;
	}
.well.split ul li {
	padding-top: 0;
	margin-bottom: .5em
	}
.well.split .btn {
	float: right;
	padding: .38em 1em;
	font-size: 90%;
	line-height: 1em;
	margin-top: 1.4em;
	margin-bottom: 0;
	padding-right: 30px
	}
.well.split .btn:after {
	font-family: "Material Icons Round", "Material Icons";
	font-weight: normal;
	content: '\e063';
	font-size: 100%;
	position: absolute;
	margin-left: 5px
	}
.well.split .btn:hover {
	box-shadow: 0 0 .8em rgba(0, 0, 0, 0.2) inset !important;
	background: #00746b !important
	}
.well.split .row [class*="col-"]:last-child i {
	font-size: 100%
	}


@media (max-width: 992px) {
	.well.split .split-icon i {
		font-size: 30pt
		}
	.well.split .split-icon h2 {
		font-size: 140% !important
		}	
}
@media (max-width: 767px) {
	.well.split .split-icon {
		border-right:none;
		padding-left: 15px;
		padding-right: 15px;
		}
	.well.split .split-icon span {
		height: auto !important;
		padding: 1em 0 .5em 0
		}	
	.well.split .row [class*="col-"]:last-child {
		padding: 0 25px;
		text-align: left
		}	
}	
@media (max-width: 480px) {
	.well.split .split-icon i {
		font-size: 25pt;
		}	
}							
/* --------- end WELL / ITEMS -------- */	




/* --------- INFOS
================================================== */
#infos {
	padding-top: 40px;
	padding-bottom: 0;
	}	
@media (max-width: 767px) {
	#infos {
	padding-top: 30px;
	padding-bottom: 0;
	}
}
@media (max-width: 480px) {
	#infos {
	padding-top: 20px;
	padding-bottom: 0;
	}
}	
/* --------- end INFOS -------- */	






/* --------- AKTELLES
================================================== */
#aktuelles {
	}				
/* --------- end AKTELLES -------- */	




/* --------- PRAXIS
================================================== */
#praxis {
	padding-left: 50px;
	padding-right: 50px;
	}		
.team-pic {
	border-radius: 100%;
	border: 8px solid #fff;
	box-shadow: 0 0 .2em rgba(0, 0, 0, 0.2);
	width: 220px;
	height: 220px;
	margin-top: 2em;
	margin-bottom: 1em
	}	
.team-pic2 {
	width: 80%;
	margin: -40px 10% 0 10%
	}	
@media (max-width: 992px) {
	.team-pic2 {
	width: 100%;
	margin: -10px 0 -5px 0
	}	
}	
@media (max-width: 767px) {
	.team-pic2 {
	width: calc(100% + 80px);
	margin: -15px -40px 5px -40px
	}	
}									
/* --------- end PRAXIS -------- */	




/* --------- TERMINE
================================================== */
#termine {
	background-color: #00746b;
	text-align: center !important
	}
#termine .heading::after {
	background: #60b565;
	}	
#termine .well {
	opacity: .8;
	padding: 3.5em 2em;
	display: inline-block
	}

#termine .well i {
	font-size: 25pt !important;
	vertical-align: middle
	}	
	
#termine .well hr {
	margin-top: 2em;
	margin-bottom: 2em
	}

#termine .well h4 small {
	margin-top: 5px;
	line-height: 1.2em;
	letter-spacing: 0
	}
#termine .well h4 small.txt_l {
	margin-top: -4px;
	margin-bottom: -12px;
	}
	
			



@media (max-width: 992px) {
	#termine .well i {
		font-size: 20pt !important;
		}
}
@media (max-width: 575px) {
	#termine .well {
		padding: 2em 2em;
		}
	#termine .well i {
		font-size: 18pt !important;
		}
}						
/* --------- end TERMINE -------- */






/* --------- KONTAKT
================================================== */
#kontakt {
	padding-bottom: 0;
	}

#kontakt iframe {
	margin-top: 6em;
	margin-bottom: -6.6em
	}	
@media (max-width: 992px) {
	
}
@media (max-width: 767px) {
	#kontakt iframe { 
		margin: 5em -15px -5px -15px; 
		width: calc(100% + 30px)
		}
}
@media (max-width: 480px) {

}	



@media (max-width: 1200px) {
	iframe { margin-bottom: -7em !important }
	}
@media (max-width: 992px) {
	iframe { margin-bottom: -7.5em !important }
	}	
@media (max-width: 767px) {
	iframe { margin-bottom: -.5em !important }
	}
/* --------- end KONTAKT -------- */	





/* --------- IMPRESSUM / DATEMSCHUTZ
================================================== */
#extra {
	margin-top: 150px;
	margin-bottom: 50px;
	text-align: left !important
}
#extra h3 {
	margin-top: 3em;
	margin-bottom: .5em
}
#extra ul {
	margin-bottom: 1em
}
@media (max-width: 767px) {
	#extra {
	margin-top: 100px
	}
}

/* --------- end IMPRESSUM / DATEMSCHUTZ -------- */	





/* --------- FOOTER
================================================== */
html { /* wichtig für Sticky Footer */
    position: relative;
    min-height: 100%;
	}
body {
	margin: 0 0 200px 0; /* sticky footer height */
	}
	
footer {
	padding: 40px 0;
	text-align: center;
	background: #444;
	color: #888;
	font-size: 80%;
	bottom: 0;
	position: absolute;
	height: 100px;
	width: 100%
	}
footer a {
	color: rgba(255, 255, 255, 0.35) !important
	}
footer p {
	margin: 0
	}
footer a:hover {
	color: #fff !important;
	text-decoration: none
	}
footer span.copyright {
	font-size: 90%;
	line-height: 40px;
	text-transform: none;
	}

@media (max-width: 767px) {
	body {
		margin-bottom: 0
  		}
  	footer {
		height: auto;
		position: relative;
  		}
  	}
/* --------- end FOOTER -------- */	









/* --------- BUTTON
================================================== */
.btn {
	font-style: normal;
	font-weight: bold;
	border-radius: 30px;
	font-weight: 300;
	text-transform: uppercase;
	border: none;
	letter-spacing: .02em;
	background: #e8f1ef;
	border: none !important;
	margin-bottom: .5em
	}
.btn:hover {
	background: #d8e6e3;
	box-shadow: 0 0 .3em rgba(0, 0, 0, 0.2) inset;
	transition: all .2s ease-in-out;
	}
	.btn-md:hover {
	box-shadow: 0 0 .6em rgba(0, 0, 0, 0.2) inset;
	}
	.btn-lg:hover {
	box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.2) inset;
	}	
.btn:active, 
.btn:focus {
	box-shadow: 0 0 0 .2rem rgba(107, 174, 222, 0.5) !important;
	}		
.btn i {
	margin-right: 5px;
	vertical-align: top;
	font-size: 130%
	}

.btn.btn-md {
	padding: .7em 1.3em;
	border-radius: 60px;
	font-size: 105%
	}
.btn.btn-lg {
	padding: .9em 1.5em;
	border-radius: 60px;
	}
	
.btn-primary {
	background-color: #00746b;
	border-color: #00746b;
	color: #fff !important
	}
	.btn-primary:active, 
	.btn-primary:focus, 
	.btn-primary:hover {
	background-color: #00746b !important;
	border-color: #00746b !important;
	color: #fff !important;
	}
	
.btn-default {
	background-color: #60b565;
	border-color: #60b565;
	color: #fff !important
	}
	.btn-default:active, 
	.btn-default:focus, 
	.btn-default:hover {
	background-color: #60b565 !important;
	border-color: #60b565 !important;
	color: #fff !important
	}


.btn-verlauf {
	background: #00746b; /* Old browsers */
	background: -moz-linear-gradient(45deg,	#00746b 15%, #60b565 70%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,	#00746b 15%,#60b565 70%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,	#00746b 15%,#60b565 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00746b', endColorstr='#60b565',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff !important
	}
	.btn-verlauf:active, 
	.btn-verlauf:focus, 
	.btn-verlauf:hover {
	background: #00746b; /* Old browsers */
	background: -moz-linear-gradient(45deg,	#00746b 15%, #00746b 70%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,	#00746b 15%,##00746b 70%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,	#00746b 15%,#00746b 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00746b', endColorstr='#00746b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff !important;
	}	
/* --------- end BUTTON -------- */




	
	


/* --------- HEADLINES
================================================== */
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: 500;
	color: #00746b;
	margin-bottom: 1em;
	line-height: 1.2em !important;
	font-family: 'Baloo 2';
	display: inline-block;
	display: block;
	letter-spacing: .01em; 
	}
h1	{ font-size: 260% !important; letter-spacing: .03em; text-transform: uppercase; }
h2	{ font-size: 180% !important; letter-spacing: .02em; text-transform: uppercase; }
h3	{ font-size: 155% !important; letter-spacing: .02em;  color: #60b565	}
h4	{ font-size: 155% !important; color: #60b565;  }
h5	{ font-size: 135% !important;  }	
h6	{ font-size: 115% !important; line-height: 1em !important  }	
	
@media	(max-width:1200px) {
	h1, h2, h3, h4, h5, h6 {
	}
	h1	{ font-size: 240% !important }
	h2	{ font-size: 170% !important }
	h3	{ font-size: 145% !important }
	h4	{ font-size: 145% !important }
	h5	{ font-size: 130% !important }
	h6	{ font-size: 110% !important }	
	}
@media	(max-width:992px) {
	h1, h2, h3, h4, h5, h6 {
	}
	h1	{ font-size: 230% !important }
	h2	{ font-size: 160% !important }
	h3	{ font-size: 145% !important }
	h4	{ font-size: 145% !important }
	h5	{ font-size: 130% !important }
	h6	{ font-size: 110% !important }		
	}
@media	(max-width:767px) {
	h1, h2, h3, h4, h5, h6 {
	}
	h1	{ font-size: 220% !important }
	h2	{ font-size: 150% !important }
	h3	{ font-size: 140% !important }
	h4	{ font-size: 140% !important }
	h5	{ font-size: 125% !important }
	h6	{ font-size: 110% !important }	
	}	
@media	(max-width:580px) {
	h1, h2, h3, h4, h5, h6 {
	}
	}	

small {
	line-height: 1em;
	display: block;
	}
.heading {
	color: #000;
	margin-bottom: 70px;
	text-align: center;
	margin-top: 0 !important;
	font-weight: 400;
	font-size: 230% !important
	}
.heading span {
	color: #60b565;
	display: block;
	font-size: 80%;
	letter-spacing: .02em;
	}	
.heading::after {
	content: "";
	display: block;
	bottom: 0;
	width: 100px;
	height: 3px;
	background: #60b565;
	margin-top: 15px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
.heading.white::after {
	background: #fff;
	}
@media	(max-width:992px) {
	.heading {
	margin-bottom: 40px
	}
	.heading span {
	font-size: 80%;
	}	
	.heading::after {
	width: 80px;
	margin-top: 10px;
	}
}	
@media	(max-width:767px) {
	.heading span {
	font-size: 75%;
	font-weight: 500
	}	
	.heading::after {
	width: 80px;
	margin-top: 7px;
	height: 2px;
	}
}	
@media	(max-width:575px) {
	.heading {
	font-size: 190% !important;
	}
	.heading span {
	font-size: 74%;
	margin-top: -3px
	}	
}	
/* --------- end HEADLINES -------- */












/* ----- LISTEN / FILEICONS -------------
================================================== */
.content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: left
	}
.content ul li {
	list-style: none;
	padding: .5em 0 .5em 25px;
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15)
	}
	.content ul li:last-child {
	border-bottom: none;
	}
.content ul a { 
	color: #000;
	margin-right: .3em;
	text-decoration: none
	}
.content ul a:hover { 
	color: #60b565; 
	}	
.content ul li:before {
	font-family: "Material Icons Round", "Material Icons";
	font-weight: normal;
	content: '\e063';
	color: #60b565;
	display: inline-block;
	margin-left: -25px;
	width: 25px;
	font-size: 20px;
	position: absolute
	}
.content ul li:hover:before {
	color: #00746b;
	}	
	
.content ol li { 
	list-style-type: decimal !important;
	margin: 0 !important;
	padding: .5em 0 !important
	}	
.content ol li::marker  {
	color:#60b565; 
	font-weight: bold
	}	
.content ol li:before {
	display: none !important
	}		
/* --------- end LISTEN / FILEICONS -------- */






/* --------- FILEICON
================================================== */
.fileicon {
	padding-left: 25px;
	padding-bottom: .2em;
	padding-top: .1em;
	background-position-y:5px !important;
	}
.content ul li.fileicon {
	color: #999;
	padding-left: 25px;
	background-position-y:2px;
	}
.content ul li.fileicon:before,
.content ul li.fileicon:hover:before {
	content: none
	}		
.content ul.list-lines li.fileicon,
.content ul.list-striped li.fileicon {
	background-position-y: 6px
	}	
	
.content ul li.fileicon a {
	margin-right: .3em;
	}	
.content ul li a.fileicon {
	padding-left: 25px;
	margin-left: -25px;
	margin-right: .3em;
	/* display: block;	lässt z.B. Datengröße umbrechen */
	}		
.content ul li.fileicon a:hover,
.content ul li a.fileicon:hover {
	text-decoration: underline;
	}	
	
.fileicon.xl {
	padding-left: 50px;
	padding-top: 1em;
	padding-bottom: 1em;
	display: inline-block;
	background-position-y:12px !important;
	}
	
.content ul li.fileicon.xl {
	padding-left: 50px;
	padding-top: 1.5em;
	padding-bottom: 1.3em;
	width: 100%;
	background-position-y: 6px;
	}			
.content ul li a.fileicon.xl {
	padding-left: 48px;
	padding-top: 1em;
	padding-bottom: 1em;
	}				

.pdf, .fileicon.pdf 	{ background: url(../images/fileicon_s/file_pdf.png) no-repeat }
.doc, .fileicon.doc		{ background: url(../images/fileicon_s/file_doc.png) no-repeat }
.xls, .fileicon.xls		{ background: url(../images/fileicon_s/file_xls.png) no-repeat }
.ppt, .fileicon.ppt		{ background: url(../images/fileicon_s/file_ppt.png) no-repeat }
.zip, .fileicon.zip		{ background: url(../images/fileicon_s/file_zip.png) no-repeat }
.mov, .fileicon.mov		{ background: url(../images/fileicon_s/file_mov.png) no-repeat }
.mp3, .fileicon.mp3		{ background: url(../images/fileicon_s/file_mp3.png) no-repeat }
.pic, .fileicon.pic		{ background: url(../images/fileicon_s/file_pic.png) no-repeat }
.gps, .fileicon.gps		{ background: url(../images/fileicon_s/file_gps.png) no-repeat }	
.page, .fileicon.page 	{ background: url(../images/fileicon_s/file_page.png) no-repeat }

.fileicon.xl.pdf 		{ background: url(../images/fileicon_m/file_pdf.png) no-repeat }
.fileicon.xl.doc		{ background: url(../images/fileicon_m/file_doc.png) no-repeat }
.fileicon.xl.xls		{ background: url(../images/fileicon_m/file_xls.png) no-repeat }
.fileicon.xl.ppt		{ background: url(../images/fileicon_m/file_ppt.png) no-repeat }
.fileicon.xl.zip		{ background: url(../images/fileicon_m/file_zip.png) no-repeat }
.fileicon.xl.mov		{ background: url(../images/fileicon_m/file_mov.png) no-repeat }
.fileicon.xl.mp3		{ background: url(../images/fileicon_m/file_mp3.png) no-repeat }
.fileicon.xl.pic		{ background: url(../images/fileicon_m/file_pic.png) no-repeat }
.fileicon.xl.gps		{ background: url(../images/fileicon_m/file_gps.png) no-repeat }	
.fileicon.xl.page		{ background: url(../images/fileicon_m/file_page.png) no-repeat }	




a[download] {
	background:url(../images/fileicon_s/file_pdf.png) no-repeat;
	padding-left: 25px;
	padding-bottom: 2px;
	display: inline-block
	}
	.xl a[download] {
	background:url(../images/fileicon_m/file_pdf.png) no-repeat;
	}
	.fileicon a[download] {
		background:none;
		padding-left: 0;
		padding-bottom: 0
		}
	
/* --------- end FILEICONS -------- */








/* --------- ICON
================================================== */
.outline.hausfarbe {
	border-color: #00746b;
	}
.outline.hausfarbe2 {
	border-color: #60b565;
	}	


.icon	{ 
	padding-left: 55px;
	margin-bottom: .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	line-height: 1.6em;
	font-weight: 300;
	text-align: left !important
	}
.icon a {
	}
.icon a:hover {
	}			
.icon:last-child	{ 
	border-bottom: none;
	padding-bottom: 0
	}
.icon i 	{ 
	margin-left: -55px; 
	width: 40px;
	text-align: center !important;
	color: #60b565;
	float: left;
	margin-top: -3px !important;
	font-size: 190% !important
	}


@media	(max-width: 767px) {
	.icon i 	{ 
		}
}
/* --------- end ICON -------- */







/* --------- SONSTIGES
================================================== */
p 		{ margin-bottom: 1em }
p.xl 	{ font-size: 150% !important }


h4 i {
	vertical-align: middle;
	font-size: 130% !important
	}	
	
a 		{ color: #000 }
a:hover	{ color: #60b565; text-decoration: none; transition: all .2s ease-in-out; }

hr {
	max-width: 120px;
	border-width: 1px;
	border-color: rgba(255, 255, 255, 0.5);
	margin-top: 4em;
	margin-bottom: 4em;
	border-color: rgba(0, 116, 107, 0.4)
	}
	@media (max-width: 767px) {
	hr			{ margin-top: 2.5em; margin-bottom: 2.5em; }
	}
	 
.text-black 		{ color: #000 !important } 
.text-primary,
.text-hausfarbe,
.hausfarbe 			{ color: #00746b !important } 
.text-hausfarbe2,
.hausfarbe2 		{ color: #60b565 !important } 
.text-light 		{ color: #bbbfc4 !important }

a.text-primary:hover 	{ color: #60b565 !important } 
a.text-hausfarbe:hover 	{ color: #60b565 !important } 

.schwarz, .black, .text-black,
a.schwarz, a.black, a.text-black							{ color: #000 !important }

.weiss, .white, .text-white,
a.weiss, a.white, a.text-white							{ color: #fff !important }

.grau, .grey, .gray,
.text-grau, .text-grey, .text-gray,
a.grau, a.grey, a.gray,
a.text-grau, a.text-grey, a.text-gray					{ color: #878787 !important }

.dunkelgrau, .darkgrey, .darkgray, 
.text-dunkelgrau, .text-darkgrey, .text-darkgray,
a.dunkelgrau, a.darkgrey, a.darkgray, 
a.text-dunkelgrau, a.text-darkgrey, a.text-darkgray		{ color: #000 !important }

.bg-danger 		{ background: #ffe0e0 !important; color: red !important }
.bg-success 	{ background: #ddf3dd !important; color: #66bb00 !important }
.bg-blue 		{ background: #d3e2ff !important; color: #1166ee !important }
.bg-primary 	{ color: #fff !important }
.bg-info 		{ color: #31708f !important }
.bg-warning 	{ color: #8a6d3b !important; }	

.bg-white 		{ background: #fff !important }
.bg-black 		{ background: #000 !important; color: #fff !important }

.bg-light {		background-color: #ebf2f7 !important;
				background-color: #e8f1ef !important;
				} 
.bg-primary,
.bg-hausfarbe 	{ background: #00746b !important }
.bg-hausfarbe2 { background-color: #60b565 !important }
.bg-hausfarbe3 { background-color: #309568 !important }	
.bg-verlauf {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00746b+15,60b565+70 */
	background: #00746b; /* Old browsers */
	background: -moz-linear-gradient(45deg,	#00746b 15%, #60b565 70%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,	#00746b 15%,#60b565 70%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,	#00746b 15%,#60b565 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00746b', endColorstr='#60b565',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff !important;
	}	

.bg-dark {
	background-color: #576167 !important;
	color: #fff;
	}

.text-left 	{ text-align: left}
.uppercase 	{ text-transform: uppercase !important } 
.lowercase 	{ text-transform: none !important } 
.bolder		{ font-weight: 800 !important; }
b, .bold	{ font-weight: 600 !important; }
.semibold	{ font-weight: 500 !important }
.normal 	{ font-weight: 400 !important }
.light 		{ font-weight: 300 !important }


.grau, .gray	{ color: #999 !important}		
.rot, .red 	{ color: #ee0000 !important }
.hausfarbe 	{ color: #00746b !important }

.blau, a.blau, a .blau,
icon.blau, .icon.blau a 		{ color: #00746b !important; text-decoration: none }
.blau:hover, a.blau:hover, a:hover .blau,
icon.blau, .icon.blau a:hover	{ color: #4ac3ff !important; text-decoration: underline }
	
	
.txt_xxxs 				{ font-size: 60%; line-height: 1.2em !important; }
.txt_xxs 				{ font-size: 75%; line-height: 1.2em !important; }
.txt_xs 				{ font-size: 80%; line-height: 1.3em !important; }
.txt_s 					{ font-size: 90%; line-height: 1.4em !important; }
.txt_m 					{ font-size: 100% }
.txt_l 					{ font-size: 115%; line-height: 1.8em !important; }
.txt_xl 				{ font-size: 140%; line-height: 1.8em !important; }
.txt_xxl 				{ font-size: 180%; line-height: 1.8em !important; }
.txt_xxxl 				{ font-size: 230%; line-height: 1.8em !important; }

.txt_xl i {
	vertical-align: middle;
	font-size: 135%
	}
@media (max-width: 767px) {
	.txt_xl 			{ font-size: 120%; line-height: 1.4em !important; }
	}
@media (max-width: 480px) {
	.txt_xl 			{ font-size: 115%; line-height: 1.3em !important; }
	}	
	
.lineheight-1			{ line-height: 1em !important;	}
.lineheight-11			{ line-height: 1.1em !important; }
.lineheight-12			{ line-height: 1.2em !important; }
.lineheight-13			{ line-height: 1.3em !important; }
.lineheight-14			{ line-height: 1.4em !important; }
.lineheight-15			{ line-height: 1.5em !important; }
.lineheight-16			{ line-height: 1.6em !important; }
.lineheight-17			{ line-height: 1.7em !important; }
.lineheight-18			{ line-height: 1.8em !important; }
.lineheight-19			{ line-height: 1.9em !important; }
.lineheight-2			{ line-height: 2em !important; }

.letterspacing-1		{ letter-spacing: -0.01em }
.letterspacing-2		{ letter-spacing: -0.02em }
.letterspacing-3		{ letter-spacing: -0.03em }
.letterspacing-4		{ letter-spacing: -0.04em }
.letterspacing-5		{ letter-spacing: -0.05em }
.letterspacing-6		{ letter-spacing: -0.06em }
.letterspacing-7		{ letter-spacing: -0.07em }
.letterspacing-8		{ letter-spacing: -0.08em }
.letterspacing-9		{ letter-spacing: -0.09em }


.nowrap					{ white-space: nowrap !important }
.lowercase 				{ text-transform: none !important }
.uppercase 				{ text-transform: uppercase !important }
/* --------- end SONSTIGES -------- */	








/* --------- ABSTAND
================================================== */
.margin-oben-0 		{ margin-top: 0 !important }	
.margin-oben-xs 	{ margin-top: .2em !important }
.margin-oben-s 		{ margin-top: .4em !important }
.margin-oben-m 		{ margin-top: 1em !important }
.margin-oben-l 		{ margin-top: 1.5em !important }
.margin-oben-xl 	{ margin-top: 2.5em !important }		
	
.margin-unten-0 	{ margin-bottom: 0 !important }
.margin-unten-xs 	{ margin-bottom: .2em !important }
.margin-unten-s 	{ margin-bottom: .4em !important }
.margin-unten-m 	{ margin-bottom: 1em !important }
.margin-unten-l 	{ margin-bottom: 1.5em !important }	
.margin-unten-xl 	{ margin-bottom: 2.5em !important }	

.margin-0 			{ margin-top: 0 !important; margin-bottom: 0 !important }
.margin-xs 			{ margin-top: .4em !important; margin-bottom: .4em !important }
.margin-s 			{ margin-top: .4em !important; margin-bottom: .4em !important }
.margin-m 			{ margin-top: 1em !important; margin-bottom: 1em !important }
.margin-l 			{ margin-top: 1.5em !important; margin-bottom: 1.5em !important }
.margin-xl 			{ margin-top: 2.5em !important; margin-bottom: 2.5em !important }	

.margin-left-xs 		{ margin-left: .25em !important }
.margin-left-s 		{ margin-left: .5em !important }
.margin-left-m 		{ margin-left: 1em !important }
.margin-left-l 		{ margin-left: 1.5em !important }
.margin-left-xl 		{ margin-left: 2em !important }

.margin-right-xs 	{ margin-right: .25em !important }
.margin-right-s 		{ margin-right: .5em !important }
.margin-right-m 		{ margin-right: 1em !important }
.margin-right-l 		{ margin-right: 1.5em !important }
.margin-right-xl 	{ margin-right: 2em !important }

.margin-side-0 		{ margin-right: 0 !important; margin-left: 0 !important }
.margin-side-xs 		{ margin-right: .25em !important; margin-left: .25em !important }
.margin-side-s 		{ margin-right: .5em !important; margin-left: .5em !important }
.margin-side-m 		{ margin-right: 1em !important; margin-left: 1em !important }
.margin-side-l 		{ margin-right: 1.5em !important; margin-left: 1.5em !important }
.margin-side-xl 		{ margin-right: 2em !important; margin-left: 2em !important }

.nomargin 			{ margin: 0 !important }		

	
.padding-oben-0 		{ padding-top: 0 !important }	
.padding-oben-xs 	{ padding-top: .2em !important }
.padding-oben-s 		{ padding-top: .4em !important }
.padding-oben-m 		{ padding-top: 1em !important }
.padding-oben-l 		{ padding-top: 1.5em !important }
.padding-oben-xl 	{ padding-top: 2.5em !important }		
	
.padding-unten-0 	{ padding-bottom: 0 !important }
.padding-unten-xs 	{ padding-bottom: .2em !important }
.padding-unten-s 	{ padding-bottom: .4em !important }
.padding-unten-m 	{ padding-bottom: 1em !important }
.padding-unten-l 	{ padding-bottom: 1.5em !important }	
.padding-unten-xl 	{ padding-bottom: 2.5em !important }	

.padding-0 			{ padding-top: 0 !important; padding-bottom: 0 !important }
.padding-s 			{ padding-top: .2em !important; padding-bottom: .2em !important }
.padding-s 			{ padding-top: .4em !important; padding-bottom: .4em !important }
.padding-m 			{ padding-top: 1em !important; padding-bottom: 1em !important }
.padding-l 			{ padding-top: 1.5em !important; padding-bottom: 1.5em !important }
.padding-xl 			{ padding-top: 2.5em !important; padding-bottom: 2.5em !important }	

.padding-left-xs 	{ padding-left: .25em !important }
.padding-left-s 		{ padding-left: .5em !important }
.padding-left-m 		{ padding-left: 1em !important }
.padding-left-l 		{ padding-left: 1.5em !important }
.padding-left-xl 	{ padding-left: 2em !important }

.padding-right-xs 	{ padding-right: .25em !important }
.padding-right-s 	{ padding-right: .5em !important }
.padding-right-m 	{ padding-right: 1em !important }
.padding-right-l 	{ padding-right: 1.5em !important }
.padding-right-xl 	{ padding-right: 2em !important }

.padding-side-0 		{ padding-right: 0 !important; padding-left: 0 !important }
.padding-side-xs 	{ padding-right: .25em !important; padding-left: .25em !important }
.padding-side-s 		{ padding-right: .5em !important; padding-left: .5em !important }
.padding-side-m 		{ padding-right: 1em !important; padding-left: 1em !important }
.padding-side-l 		{ padding-right: 1.5em !important; padding-left: 1.5em !important }
.padding-side-xl 	{ padding-right: 2em !important; padding-left: 2em !important }

.nopadding-right 	{ padding-right: 0 }
.nopadding-left 	{ padding-left: 0 }
.nopadding 			{ padding: 0 !important }	
	
	
.negativ-oben-xs 	{ margin-top: -.25em !important }
.negativ-oben-s 	{ margin-top: -.5em !important }
.negativ-oben-m 	{ margin-top: -1em !important }
.negativ-oben-l 	{ margin-top: -2.5em !important }
.negativ-oben-xl 	{ margin-top: -6em !important }
.negativ-unten-xs 	{ margin-bottom: -.25em !important }
.negativ-unten-s 	{ margin-bottom: -.5em !important }
.negativ-unten-m 	{ margin-bottom: -1em !important }
.negativ-unten-l 	{ margin-bottom: -2.5em !important }
.negativ-unten-xl 	{ margin-bottom: -6em !important }

.negativ-oben .well {
	box-shadow: 0 .5em .9em 0 rgba(0, 0, 0, 0.15);
}	

@media (max-width: 767px) {
	.margin-768-oben,
	.equalheight.margin-768-oben {
		margin-top: 20px !important;
		}
		.margin-768-oben-s,
		.bg-content.margin-768-oben-s 		{ margin-top: .5em !important; }
		.margin-768-oben-m,
		.bg-content.margin-768-oben-m 		{ margin-top: 1em !important; }
		.margin-768-oben-l,
		.bg-content.margin-768-oben-l		{ margin-top: 1.5em !important; }
		.margin-768-oben-xl,
		.bg-content.margin-768-oben-xl 		{ margin-top: 2.5em !important; }
		
	.margin-768-unten,
	.equalheight.margin-768-unten {
		margin-bottom: 20px !important;
		}
		.margin-768-unten-s,
		.bg-content.margin-768-unten-s		{ margin-bottom: .5em !important; }
		.margin-768-unten-m,
		.bg-content.margin-768-unten-m 		{ margin-bottom: 1em !important; }
		.margin-768-unten-l,
		.bg-content.margin-768-unten-l 		{ margin-bottom: 1.5em !important; }
		.margin-768-unten-xl,
		.bg-content.margin-768-unten-xl 	{ margin-bottom: 2.5em !important; }

	
	.nomargin-768-oben,
	.bg-content.nomargin-768-oben {
		margin-top: 0 !important }
	.nomargin-768-unten,
	.bg-content.nomargin-768-unten {
		margin-bottom: 0 !important }	
}


.hide-480,
.hide-768,
.hide-992 {
	}
.show-480,
.show-768,
.show-992 {
	display: none !important
	}				
@media (max-width: 992px) {
	.hide-992 {
		display: none !important;
		}	
	.show-992 {
		display:inherit !important;
		}
	}
@media (max-width: 767px) {
	.hide-768 {
		display: none !important;
		}	
	.show-768 {
		display:inherit !important;
		}
	}
@media (max-width: 480px) {
	.hide-480 {
		display: none !important;
		}
	.show-480 {
		display:inherit !important;
		}		
	}	
	
	
	
@media (max-width: 992px) {
	.pull-992-left	 {
		float: left !important
		}	
	.pull-992-right {
		float: right !important
		}
	}		
@media (max-width: 767px) {
	.pull-768-left	 {
		float: left !important
		}	
	.pull-768-right {
		float: right !important
		}
	}	
	
/* --------- end ABSTAND -------- */







/* --------- PAGETOP
================================================== */
.pagetop-scroll {
	cursor: pointer;
	position: fixed;
	display:none;
	text-align: center;
	color: #fff !important;
	z-index: 1000;
	padding: 13px 0 0 0;
	border-radius: 5px;
	text-align: center;
	bottom: 100px;
	background: #60b565;
	border: 1px solid rgba(255, 255, 255, .2);
	opacity: .7;
	bottom:55px;
	right:  10px;
	width: 50px;
	height: 50px
	}
.pagetop-scroll span {
	font-size: 13pt
	}	
.pagetop-scroll:hover {
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1
	}
	 
@media (min-width: 768px) {
	.pagetop-scroll {
		bottom:55px;
		right: 15px;
		width: 65px;
		height: 65px;
		padding: 19px 0 0 0;
		}
	.pagetop-scroll span {
		font-size: 18pt
		}	
}
/* --------- end PAGETOP -------- */







/* --------- COOKIE
================================================== */
#cookiedingsbums a {
	color:#fff; 
	text-decoration:none; 
	font-weight: bold
}
#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums {
		z-index:10000000 !important; 
	 background: rgba(44, 44, 44, 0.6);
		
	 position:fixed;
	 bottom:0; 
	 font-size:13px; 
	 line-height:1.4em;
	 color: #fff;
	 width: 100%;
	 padding: 1.2em 0;
	 margin-left: auto;
	 margin-right: auto;
	 left: 0;
	 }
#cookiedingsbums .container {
	padding-bottom: 0 !important;
	padding: 0 30px !important;
	}
#cookiedingsbums .info {
	width: 85%;
	float: left;
	text-align: left
	}	
#cookiedingsbumsCloser {
	float: right;
	width: auto;
	text-align: center;
	color: #fff;
	position: relative;
	text-decoration: none;
	cursor:pointer;
	border-radius: 0;
	padding:.5em .7em;
	font-size: 14px;
	text-shadow: 0 1px 0 #fff;
	text-transform: uppercase;
	border: none;
	background: #00746b;
	margin-top: .2em
	}
#cookiedingsbumsCloser:hover {
	background-color: #60b565;
	background-position: 0 -15px;
	 } 
/* --------- end COOKIE -------- */







/* --------- LIGHTBOX
================================================== */
/* Daten im augeploppten Bild */
.lb-data .lb-caption	{ 
	color: #fff !important;
	font-size: 18px !important;
	font-weight: bold !important;
	padding-top: 1em
}
.lb-data .lb-number {
	display: none !important
}	
/* --------- end LIGHTBOX -------- */





/* --------- EINBLENDEN
================================================== */
#popup {
  position:fixed;				
  z-index:100000; 
  width:500px;
  left:calc(50% - 250px);
  top:310px;
  color:#fff;
  font-size: 14px;
  box-shadow: 0 .4em .6em rgba(0, 0, 0, 0.3);
  text-align: center;
  background: #ff7700;
  border: 10px solid #fff;
  opacity: .95
  }
.popup-content {
  background: rgba(255, 255, 255, 1);
  font-weight:bold;	
  margin:10px;
  padding:30px;	
  color: #555
}
.popup-content h2 {
  color:#ff7700;
  font-size:23px !important;
  line-height: 1.1em !important;
  font-weight:bold;
  margin: 0 0 .5em 0
}
.popup-content p {
  font-size:17px;
  font-weight:normal;
  margin-bottom: 1em;
  line-height: 1.6em
}
.popup-content b {
  color:#000;
  font-weight: 800
}
.button-popup {
	float: right;
	white-space: nowrap;
  border-radius: 2px;
  color: #000;
  font-size: 14px;
  background: #fff;
  padding: 4px 8px;
  text-decoration: none;
  text-align:center;
  border: 1px solid rgba(0, 0, 0, 0.2)
}
.button-popup:hover {
  background: #ff7700;
  color: #fff;
  text-decoration: none;
}

#close{
  position:absolute;
  background:#fff;
  color:#000;
  right:-20px;
  top:-20px;
  border-radius:50%;
  border: 1px solid rgba(0, 0, 0, 0.7);
  width:45px;
  height:45px;
  line-height:42px;
  text-align:center;
  font-size:21px;
  font-weight:bold;
  cursor:pointer;
}
#close:hover{
  background:#000;
  color:#fff;
}

.einblenden {
animation-name: einblenden;
animation-duration: 1s;		
animation-iteration-count: 1;	/** Anzahl der Wiederholungen **/
animation-timing-function: ease-in-out;
}
@keyframes einblenden {
from {transform:translate(0, -800px);}	/** Startposition **/
50% {transform:translate(0, -800px);}	/** Position nach 50% der Zeit (0.5 Sec) **/
85% {transform:translate(0, 50px);}		/** Position nach 80% der Zeit (0.8 Sec) **/
to {transform: translate(0, -0px);} 	/** Endposition **/
}

@media (max-width: 768px) {
	#popup {
		top: 260px;
		left:15%;	
		width: 70%;
  		}
	.popup-content p {
		font-size:16px;
		margin-bottom: .7em;
		line-height: 1.4em
		}
  	}		
@media (max-width: 580px) {
	#popup {
		left:8%;	
		width: 84%;
  		}
	.popup-content p {
		font-size:15px;
		}
}
/* --------- end EINBLENDEN -------- */