body {
	width:100%;
	overflow-x:hidden
}
.down-button {
	position:absolute;
	bottom:5%;
	height:50px;
	width:50px;
	left:50%;
	margin-left:-25px;
	cursor:pointer;
}
.down-button > img {
	position:absolute;
	left:0px
}
.cms-navi {
	background:rgba(206,235,181,1);
	position:fixed;top:0px;width:100%;height:40px;
	z-index:999
}
.cms-navi > a {
	float:left;
	margin-right:15px;
	padding:12px
}
body {margin:0;}
html, body, form, input, textarea, select {font-family: 'David Libre', serif;}
	a {text-decoration:none;color:rgba(76,126,2,1);}
	p {font-size:18px;line-height:1.4}
	h1 {font-size:28px;}
	h2 {font-size:26px;}
	h3 {font-size:24px;}
	h4 {font-size:22px;}
	h5 {font-size:20px;}
	.content-section {
		width:90%;
		max-width:900px
	}
	.content-section p {
		text-align:left;
		padding:10px;
		line-height:1.4;
	}
	.content-section img {
		float:left;
	}
		header {
			position:relative;
			top:0;
			height:100%;
			width:100%;
			background:rgba(206,235,181,1);
			float:left;
			text-align:center;
			color:rgba(76,126,2,1);
			min-height:683px;
		}
		.bg-1, .bg-2, .bg-3, .bg-4 {
			background-repeat:no-repeat;
		}
			.bg-1 {
				background-image:url(/bilder/bg-1.jpg);
				background-size:cover;
			}
			.bg-2 {
				background-image:url(/bilder/bg-2.jpg);
				background-size:cover;
			}
			.bg-3 {
				background-image:url(/bilder/bg-3.jpg);
				background-size:cover;
			}
			.bg-4 {
				background-image:url(/bilder/bg-4.jpg);
				background-size:cover;
			}
		.header-section {
			position: relative;
			top: 0px;
			height: 100%;
			background: rgba(255,255,255,0.7);
			float: left;
			width: 100%;
		/*	padding-bottom:150px;*/
			padding-top:50px;
		}
			.header-impressum {
				padding-bottom:0px;
			}
			.header-impressum > a > .logo {
				margin:20px auto;
			}
			.info-header > p {
				margin:0px auto;
				width:90%;
				max-width:900px;
				font-size:22px;
				font-weight:bold;
			}
			.kontakt-header > p {
				margin:0px auto;
				width:90%;
				max-width:900px;
				font-size:22px;
				font-weight:bold;
			}
		header p {
			font-size:18px;
			line-height:1.4
		}
		.logo {
			position:relative;
			margin:100px auto 100px auto;
			width:100px;
		}
		header h1 {
			font-size:2.5em;
		}
		header h2 {
			font-size:2.2em;
		}
		main {
			position:relative;
			width:100%;
			background:rgba(206,235,181,1);
			float:left;
			text-align:center;
			color:rgba(76,126,2,1);
			padding-bottom:100px;
		}
		.main-section {
			float:left;
			width:100%;
			background:rgba(206,235,181,1);
		}
		
		.img-left {
			float:left;
			width:28%;
			margin:0px 1%;
		}
		.img-left > img {
			max-width:100%;
		}
		.p-right {
			float:left;
			width:70%;
		}
		.p-right > p {
			margin-top:0px !important;
		}
		
		
		.bullets {
			text-align:left;
			width:420px;
			margin:65px auto;
			font-size:22px
		}
		.bottom-section {
			background:rgba(76,126,2,1);
			box-shadow:-0px -4px 2px 1px rgba(76,126,2,1);
			min-height:60px;
			width:100%;
			position:fixed;
			float:left;
			bottom:0px
		}
		.bottom-div {
			width:751px;margin:0px auto
		}
		.bottom-section > div > a > div {
			padding:20px 25px;
			float:left;
			color:white
		}
		aside {
			position:absolute;
			top:83px;
			right:0px
		}
		aside > div{
			min-height:100px;
			width:290px;
			margin:10px;
			background:rgba(76,126,2,1);
			color:white
		}
		.kontakt-div {
			min-height:100px;
			width:308px;
			margin:0px 10px 10px 10px;
			/*padding:10px;*/
			background:rgba(206,235,181,1);
			color:white;
			border:1px solid rgba(76,126,2,1);
		}
		.kalender-div-out {
			width:310px;
			float: left;
			padding: 10px 0px;
		}
		.termin-button {
			width:270px;
			margin-top:10px;
			position:relative;
			background:rgba(206,235,181,1);
			color:rgba(76,126,2,1);
			cursor:pointer;
			text-align:center;
			padding:10px
		}
		.termin-button:hover {
			background:rgba(143,198,61,1);
			color:white;
		}
			.kontakt-div-inner {
				width:100%;
				position:relative;
				height:140px;
				background:rgba(206,235,181,1);
				color:rgba(76,126,2,1);
			}
			.kontakt-img {
				width:50%;
				float:left;
				max-height:140px;
			}
			.kontakt-div-inner > h3 {
				margin:5px 0px 5px 0px;
				float:left;
				padding-left:2%;
			}
			.kontakt-div-inner > p {
				margin:0px;
				float:left;
				width:46%;
				padding:0px 2%;
				line-height:1.4;
			}
			.kontakt-div-inner > p > span {
				font-size:14px
			}
			.kontakt-button {
				background:rgba(255,255,255,1);
				color:rgba(76,126,2,1);
				border-bottom:3px solid rgba(76,126,2,1);
				cursor:pointer;
				padding:10px;
				float:left;
			}
		
		/*
		rgba(143,198,61,) hell
		rgba(206,235,181,) sehr hell
		rgba(76,126,2,) dunkel
		*/
		
.kalender-div {
	width:290px;
	position:relative;
	left:50%;
	margin-left:-145px;
	float:left;
}		
#kalender-frame {
	/*background-color:rgba(76,126,2,1);
	padding:10px;*/
}
.legende {
	width:290px;
	margin:0px 10px;
	float:left;
}
.legende > div {
	height:13px;
	width:13px;
	float:left;
}
.legende > span {
	float:left;
	margin-right:28px;
	margin-left:5px
}
.frei {background:rgba(255,255,255,0.95)}

.day.blockt, .reserviert {
	background: rgba(150,150,150,1.0) 
}
.day.safe, .belegt {
	background: rgba(90,90,90,1.0);
	color:white
}
.kalender-h {
		text-align:center;
		margin:0px auto 5px auto;
	}	
* html .calender,
* + html .calender {
    width:282px;
}
.calender {float:left}
.calender div.after,
.calender div.before{
    color:silver;
}
.day {
    float:left;
    width:41.42px;
    height:40px;
    line-height: 40px;
    text-align: center;
	color:rgba(0,128,0,1);
	background:rgba(255,255,255,0.9);
}
.day.headline {
    background:rgba(206,235,181,1);
	color:rgba(0,128,0,1);
}
.day.current {
    font-weight:bold;
}

.clear {
    clear:left;
}
.pagination {
    text-align: center;
    height:30px;
    line-height:30px;
    font-weight: bold;
	float:left;
}
.pagihead { 
   display:inline-block;
   width: 300px;
   height: 20px;
   color: rgba(206,235,181,1);
}
.pagination a {
    width:30px;
    height:20px;
}.last, .next {
	color:rgba(206,235,181,1)
}
.lastz {
	margin-left:-5px;
	float:left;
}
.nextz {
	margin-right:3px;
	float:right;
}
/* FORMS */

form.vertretungs-form {
	width:900px;
	margin:25px auto;
}
.vertretungs-form > fieldset {
	width:400px;
	float:left;
	border:none;
	padding:10px 0px;
	margin:10px 10px;
}
.vertretungs-form > fieldset > input {
	margin-top:10px;
}
.vertretungs-form > fieldset > input[type="text"],
.vertretungs-form > fieldset > input[type="email"],
.vertretungs-form > fieldset > input[type="tel"],
.vertretungs-form > fieldset > textarea {
	width:100%;
	max-width:100% !important;
}
.vertretungs-form > fieldset > textarea {
	width:100% !important;
	max-width:100% !important;
	min-height:200px;
}
.vertretungs-form > fieldset > input[type="text"].apotheke {
    margin-top: 37px;
}
.vertretungs-form > fieldset > input[type="text"].plz {
	width:90px;
	margin-right:10px;
	float:left;
}
.vertretungs-form > fieldset > input[type="text"].ort {
	width:300px;
	float:left;
}


.vertretungs-form > fieldset > input[type="date"] {
	width:170px;
}

.date-left {
	margin:0px 0px 10px 0px ;
}/*
.date-right {
	margin:0px 5px 0px 10px ;
}*/
.date-right {
	margin-top:0px
}
form input,
form textarea,
form select {
	border:none;
	border-bottom: 3px solid rgba(76,126,2,1);
	background-color: rgba(255,255,255,0.85);
	padding:10px;
	font-size:18px;
}
div.date-left {
	position:relative;
}
form select {position:relative;height:41px;top:0px;width:65px}
.date-left > input, .date-right > input {position:relative;top:-1px;width:70px}
.apotheke-vertretung > p {margin:5px}

form.vertretungs-form input[type=submit] {
	width:100%;
	float:left;
	max-width:820px !important;
	margin-left:10px;
	cursor:pointer;
	background-color:  rgba(143,198,61,1);
	color:white;
	font-weight:bold;
	margin-top:15px
}
form.vertretungs-form input[type=submit]:hover {
	background-color: rgba(76,126,2,1);
	color:white;
}
fieldset > .kalender-div {
	min-height:100px;
	width:290px;
	position:relative;
	left:55px;
	margin-left:0px;
	float:left;
	padding:10px;
	background:rgba(76,126,2,1);
	color:white
}
.mobile-menu {
	display:none
}
@media (min-width:1000px) and (max-width:1200px) {
	.header-content.startseite {
		width:550px;
		margin:auto 350px auto auto;
	}
}

@media (min-width:940px) and (max-width:1000px) {
	.header-content.startseite {
		width:550px;
		margin:auto 350px auto auto;
	}
}

@media (min-width:600px) and (max-width:940px) {
	.header-content.startseite {
		width:550px;
		margin:50px auto;
	}
	
	aside {
		position:relative;
		top:0;
		width:100%;
		float:left;
		background:rgba(206,235,181,1);
		padding-bottom:70px;
	}
	aside > div {
		margin:20px auto !important;
	}
	
}
@media (min-width:750px) and (max-width:940px) {
	form.vertretungs-form {
		width:700px;
	}
	.vertretungs-form > fieldset {
		width:330px;
		margin:10px 10px;
	}
	.vertretungs-form > fieldset > input[type="text"].plz {
		width:100%;
	}
	.vertretungs-form > fieldset > input[type="text"].ort {
		width:100%;
	}
	.vertretungs-form > fieldset > input[type="date"] {
		width:100%;
	}
	.date-left, .date-right {
		margin:10px auto;
	}
	.kalender-div-out {
		float:none;
		height:400px;
	}
}
@media (min-width:600px) and (max-width:750px) {
	form.vertretungs-form {
		width:90%;
	}
	.vertretungs-form > fieldset {
		width:100%;
		margin:10px auto;
	}
	.vertretungs-form > fieldset > input[type="text"].plz {
		width:100%;
	}
	.vertretungs-form > fieldset > input[type="text"].ort {
		width:100%;
	}
	.vertretungs-form > fieldset > input[type="date"] {
		width:100%;
	}
	.date-left, .date-right {
		margin:10px auto;
	}
	.kalender-div-out {
		float:none;
		height:400px;
	}
}

@media (max-width:600px) {
	.header-content.startseite {
		width:90%;
		margin:50px auto;
	}
	.bg-1 {
		background-image:url(/bilder/bg-1.jpg);
		background-size:auto 110% ;
		background-position:center;
	}
	.bg-2 {
		background-image:url(/bilder/bg-2.jpg);
		background-size:auto 110%;
		background-position:center;
	}
	.bg-3 {
		background-image:url(/bilder/bg-3.jpg);
		background-size:auto 110% ;
		background-position:center;
	}
	.bg-4 {
		background-image:url(/bilder/bg-4.jpg);
		background-size:auto 110%;
		background-position:center;
	}
	aside {
		position:relative;
		top:0;
		width:100%;
		float:left;
		background:rgba(206,235,181,1);
		padding-bottom:70px;
	}
	aside > div {
		margin:20px auto !important;
	}
	.mobile-menu {
		display:block;
		position:fixed;
		top:0px;
		right:0px;
		width:40px;
		height:40px;
		z-index:999;
		padding:5px;
	}
	#bottom-section {
		display:none;
		position:fixed;
		top:0px;
		height:340px;
	}
	#bottom-section > div {
		width:100%;		
	}
	#bottom-section > div > a > div {
		width:100%;		
	}
	.white > path {
		 fill:white
	}
	.fill > path {
		 fill:rgba(76,126,2,1)
	}
	.bullets {
		max-width:100%;
	}
	form.vertretungs-form {
		width:90%;
	}
	.vertretungs-form > fieldset {
		width:100%;
		margin:10px auto;
	}
	.vertretungs-form > fieldset > input[type="text"].plz {
		width:100%;
	}
	.vertretungs-form > fieldset > input[type="text"].ort {
		width:100%;
	}
	.vertretungs-form > fieldset > input[type="date"] {
		width:100%;
	}
	.date-left, .date-right {
		margin:10px auto;
	}
	.kalender-div-out {
		float:none;
		height:400px;
	}
	fieldset > .kalender-div {
		left:50%;
		margin-left:-160px
	}
}
.status-1 > h1, .status-2 > h1, .status-3 > h1 {
	width: 920px;
	margin:0px auto 25px;
}
.status-1 {
	background:rgba(190,190,190,0.7);
	margin:50px auto;
	float:left;
	width:100%;
	padding:25px 0px;
	position:relative;
}
.status-2 {
	background:rgba(220,220,220,0.7);
	margin:50px auto;
	float:left;
	width:100%;
	padding:25px 0px;
	position:relative;
}
.status-3 {
	background:rgba(76,126,2,0.2);
	margin:50px auto;
	float:left;
	width:100%;
	padding:25px 0px;
	position:relative;
}
.offen-out, .block-out, .safe-out {
	position:absolute;
	top:12px;
	right:5px;
	height:40px;
	width:40px;
	cursor:pointer;
	background-image:url(/bilder/open.svg);
	transition:0.5s
}
.rotate {
	transform: rotate(90deg);
	opacity:0.5
}
.auto-height {
	height:25px;
	overflow:hidden;
}
.anfrage-container {
	width:920px;
	margin:10px auto;
	background-color:rgba(255,255,255,0.5);
	padding:10px;
	position:relative;
}
.kunden-container {
	float:left;
	width:100%;
	height:auto;
}
/* Kalender Form */
form.anfrage-bearbeiten-form input[type=submit] {
	background-color:rgba(76,126,2,0.5) !important;
	color:white;
	height:52px;
    padding: 15px 30px;
	cursor:pointer
}
form.bearbeiten-form input[type=submit] {
	background-color:rgba(85,85,85,0.5) !important;
	color:white;
	height:39px;
    padding: 7.5px 15px;
	border-bottom:none !important;
	border-right:3px solid rgba(76,126,2,1) !important;
}
.bearbeiten-form {
	width:170px !important;
	position:absolute;
	right:9px;
	top:9px;
}
.anfrage-bearbeiten-form {
	width:100%;
}
.container ul{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	width:700px;
	float:left;
}
/*
ul li{
	color: rgba(76,126,2,1);
	display: block;
	position: relative;
	float: left;
	width: 30%;
	height: auto;
	border: 1px solid rgba(76,126,2,1);
	margin-right:3%
}

ul li input[type=radio]{
	position: absolute;
	visibility: hidden;
}

ul li label{
	display: block;
	position: relative;
	font-weight: 300;
	font-size: 1.35em;
	padding: 15px 15px 15px 80px;
	margin: 0px auto;
	height: 20px;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

ul li:hover label{
	color: white;
	background-color:rgba(76,126,2,1);
}

ul li .check{
	display: block;
	position: absolute;
	border: 5px solid #AAAAAA;
	border-radius: 100%;
	height: 25px;
	width: 25px;
	top: 7px;
	left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
	z-index:10
}

ul li:hover .check {
	border: 5px solid #AAAAAA;
	background-color:white
}

ul li .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 15px;
	width: 15px;
	top: 5px;
	left: 5px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
	border: 5px solid rgba(143,198,61,1);
}

input[type=radio]:checked ~ .check::before{
	background: rgba(143,198,61,1);
}
input[type=radio]:checked ~ label{
	color: rgba(76,126,2,1)
}
input[type=radio]:checked ~  label{
	background-color: rgba(206,235,181,1);
}


*/


/* -------------------------------- 

Login Form Toggleable input

-------------------------------- */
.login-form {
	width:300px;
	margin:0px auto;
}
.login-form > div {
	width:100%;
	margin:10px auto;
}
.login-form > div > input {
	width:280px;
}
.input-wrapper-toggle-pass {
  position: relative;
}

.input-wrapper-toggle-pass input {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
  box-shadow: inset 0 1px 1px