@charset "UTF-8";
/* CSS Document */

input:not([type="radio"]):not([type="checkbox"]), textarea, select{
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;	
}

select, option, input{
	-webkit-appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	border-radius:0;
}

* {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	-webkit-appaerance: none;
	-webkit-text-adjust: none;
	box-sizing:border-box;
	position:relative;
}

::selection {
	background:#000;
	color:#fff;
}

::-moz-selection {
	background:#000;
	color:#fff;
}

html {
	background:#fffff0;
}

body {
	font:12px/20px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#484848;
}

a {
	color:#484848;
	text-decoration:none;
}

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



h1{
	font:400 32px/42px 'Poppins', Arial, Helvetica, sans-serif;
	clear:both;
	color:#484848;
	margin:0 0 10px;
}

h2 {
	font:300 24px/34px 'Poppins', Arial, Helvetica, sans-serif;
	color:#484848;
	margin:0 0 40px;
}

h3 {
	font:bold 18px/28px 'Poppins', Arial, Helvetica, sans-serif;
	color:#1d7da5;
	margin:0 0 20px;
}

h4, h5, h6 {
	font:bold 12px/20px 'Poppins', Arial, Helvetica, sans-serif;
}

p,  table, ol, ul, fieldset {
	margin:0 0 20px 0;
}

p{
	font-size:14px;
	line-height:22px;
}

em, i{
	font-style:normal;
}

table {
	border-collapse:collapse;
	font-size:14px;
}

table td, table th {
	padding:5px 10px 5px 0;
	text-align:left;
	vertical-align:top;
}


ul {
	list-style:none;
}

ol {
	list-style:outside decimal;
	margin:0 0 20px 20px;
}

hr {
	border-top:1px solid #afafaf;
	border-bottom:1px solid #fff;
	clear:both;
	width:50px;
	margin:20px auto;
}

fieldset {
	border:1px solid #ccc;
	padding:10px;
}

input {
	border:1px solid #ccc;
}

textarea {
	border:1px solid #ccc;
}

.clear, .clearfix {
	clear:both;
}

/* INPUT ERROR FORMULAR */

input[type=text].inputerror, textarea.inputerror, input[type=text].inputerror {
	border:1px solid red!important;
}

.centered{
	width: 1200px;
	max-width:100%;
	margin:0 auto;
}

main, aside, nav, section{
	display:block;
}

.hidden{
	display:none;
}

.flex-space{
	display:flex;
	justify-content:space-between;
}


.w-10{width:10%;}
.w-20{width:20%;}
.w-30{width:30%;}
.w-40{width:40%;}
.w-50{width:50%;}
.w-60{width:60%;}
.w-70{width:70%;}
.w-80{width:80%;}
.w-90{width:90%;}
.w-100{width:100%;}

.p-0{padding:0!important;}
.p-5{padding:5px!important;}
.p-10{padding:10px!important;}
.p-20{padding:20px!important;}
.p-30{padding:30px!important;}
.p-40{padding:40px!important;}
.p-50{padding:50px!important;}
.p-60{padding:60px!important;}
.p-70{padding:70px!important;}
.p-80{padding:80px!important;}
.p-90{padding:90px!important;}
.p-100{padding:100px!important;}

.p-b-0{padding-bottom:0!important;}
.p-b-10{padding-bottom:10px!important;}
.p-b-20{padding-bottom:20px!important;}
.p-b-30{padding-bottom:30px!important;}
.p-b-40{padding-bottom:40px!important;}
.p-b-50{padding-bottom:50px!important;}
.p-b-60{padding-bottom:60px!important;}
.p-b-70{padding-bottom:70px!important;}
.p-b-80{padding-bottom:80px!important;}
.p-b-90{padding-bottom:90px!important;}
.p-b-100{padding-bottom:100px!important;}

.p-t-0{padding-top:0!important;}
.p-t-10{padding-top:10px!important;}
.p-t-20{padding-top:20px!important;}
.p-t-30{padding-top:30px!important;}
.p-t-40{padding-top:40px!important;}
.p-t-50{padding-top:50px!important;}
.p-t-60{padding-top:60px!important;}
.p-t-70{padding-top:70px!important;}
.p-t-80{padding-top:80px!important;}
.p-t-90{padding-top:90px!important;}
.p-t-100{padding-top:100px!important;}

.p-r-0{padding-right:0!important;}
.p-r-10{padding-right:10px!important;}
.p-r-20{padding-right:20px!important;}
.p-r-30{padding-right:30px!important;}
.p-r-40{padding-right:40px!important;}
.p-r-50{padding-right:50px!important;}
.p-r-60{padding-right:60px!important;}
.p-r-70{padding-right:70px!important;}
.p-r-80{padding-right:80px!important;}
.p-r-90{padding-right:90px!important;}
.p-r-100{padding-right:100px!important;}

.p-l-0{padding-left:0!important;}
.p-l-10{padding-left:10px!important;}
.p-l-20{padding-left:20px!important;}
.p-l-30{padding-left:30px!important;}
.p-l-40{padding-left:40px!important;}
.p-l-50{padding-left:50px!important;}
.p-l-60{padding-left:60px!important;}
.p-l-70{padding-left:70px!important;}
.p-l-80{padding-left:80px!important;}
.p-l-90{padding-left:90px!important;}
.p-l-100{padding-left:100px!important;}

.m-0{margin:0!important;}

.m-b-0{margin-bottom:0!important;}
.m-b-10{margin-bottom:10px!important;}
.m-b-20{margin-bottom:20px!important;}
.m-b-30{margin-bottom:30px!important;}
.m-b-40{margin-bottom:40px!important;}
.m-b-50{margin-bottom:50px!important;}
.m-b-60{margin-bottom:60px!important;}
.m-b-70{margin-bottom:70px!important;}
.m-b-80{margin-bottom:80px!important;}
.m-b-90{margin-bottom:90px!important;}
.m-b-100{margin-bottom:100px!important;}

.m-t-0{margin-top:0!important;}
.m-t-10{margin-top:10px!important;}
.m-t-20{margin-top:20px!important;}
.m-t-30{margin-top:30px!important;}
.m-t-40{margin-top:40px!important;}
.m-t-50{margin-top:50px!important;}
.m-t-60{margin-top:60px!important;}
.m-t-70{margin-top:70px!important;}
.m-t-80{margin-top:80px!important;}
.m-t-90{margin-top:90px!important;}
.m-t-100{margin-top:100px!important;}

.m-r-0{margin-right:0!important;}
.m-r-10{margin-right:10px!important;}
.m-r-20{margin-right:20px!important;}
.m-r-30{margin-right:30px!important;}
.m-r-40{margin-right:40px!important;}
.m-r-50{margin-right:50px!important;}
.m-r-60{margin-right:60px!important;}
.m-r-70{margin-right:70px!important;}
.m-r-80{margin-right:80px!important;}
.m-r-90{margin-right:90px!important;}
.m-r-100{margin-right:100px!important;}

.m-l-0{margin-left:0!important;}
.m-l-10{margin-left:10px!important;}
.m-l-20{margin-left:20px!important;}
.m-l-30{margin-left:30px!important;}
.m-l-40{margin-left:40px!important;}
.m-l-50{margin-left:50px!important;}
.m-l-60{margin-left:60px!important;}
.m-l-70{margin-left:70px!important;}
.m-l-80{margin-left:80px!important;}
.m-l-90{margin-left:90px!important;}
.m-l-100{margin-left:100px!important;}

.m-auto{margin-left:auto!important;margin-right:auto!important;}

.t-a-l{text-align:left!important;}
.t-a-r{text-align:right!important;}


.area{
	padding:80px 0;
}

.smallarea{
	padding:40px 0;
}

#content{
	display:flex!important;
	justify-content:space-between;
	align-items:flex-start;
	width:1200px;
	max-width:100%;
	margin:0 auto;
	padding:60px 20px;
}

#left{
	display:block;
	width:30%;
	padding:0 40px 0 0;
	order:1;
	position:sticky;
	top:40px;
}

#main{
	width:70%;
	order:2;
}

.card-box{
	padding:20px;
	border:1px solid #ccc;
	margin:0 0 10px;
	border-radius:3px;
	background:#fff;
}


#navi{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin:0;
	padding:0;
	list-style:none;
	background:#1d7da5;
	margin:0 0 20px;
	border:2px solid #1d7da5;
}

#navi li{
	display:block;
}

#navi li.selected a, #navi li:hover a{
	color:#1d7da5;
	background:#fff;
}

#navi li a{
	padding:20px;
	color:#fff;
	font-size:16px;
	line-height:24px;
	display:block;
}

.slider{
	display:block;
	margin:0 0 20px;

}


.slider img{
	display:block;
	width:100%;
	height:auto;
}

.card-box > header{
	margin:-20px -20px 20px;
	padding:20px;
	background:#1d7da5;
}

.card-box > header h2{
	color:#fff;
	margin:0 0 0;
}

#left table{
	width:100%;
	margin:0 0 20px;
}

#left table td:nth-of-type(2n){
	text-align:right;
}

#left table td{
	padding:10px 10px 10px 0;
}

#left table td:last-of-type{
	padding:10px 0;
}

#left table tr:not(:last-of-type){
	border-bottom:1px dashed #ccc;
}

#left table td[colspan="2"]{
	font-weight:800;
	text-align:center;
	color:#1d7da5;
}

#left table .fa{
	display:inline-block;
	margin:0 5px 0 0;
}

.color{
	color:#1d7da5;
}

footer{
	display:block;
	padding:20px 0;
	background:#484848;
	color:#fff;
	font-size:14px;
	line-height:22px;
}

.card-box iframe{
	display:block;
	width:100%;
}

footer p{
	margin:0;
}

footer .flex-space{
	align-items:center;
}

footer ul{
	display:flex;
	margin:0;
	padding:0;
	list-style:none;
}

footer ul li{
	display:block;
}

footer ul li a{
	display:block;
	color:#fff;
	padding:10px 20px;
}

footer ul li a:hover{
	color:#fff;
	opacity:.6;
}
	
.covid {
	padding:1rem;
	border:2px solid #1d7da5;
	background:#f1f7fa;


	background:repeating-linear-gradient(-55deg, #fff 1px 4px, #a1c7fa 5px 5px);

	border:2px solid #837;
	background:#f8f3f7;
	margin:0 0 2rem;
}

.covid h3 {
	color:#837;
}

.covid a {
	display:inline-block;
	color:#fff;
	background:#1d7da5;
	background:#837;
	font-weight:bold;
	padding:0.5rem 1rem;
	margin:0 0 0.2rem;
}

.covid a:hover {
	background:#615;
}

.covid a:after {
	display:inline-block;
	content:'(externer Link)';
	padding:0 0 0 0.25rem;
	font-size:0.7rem;
	font-weight:normal;
}

.covid p:last-of-type {
	margin:0;
}

.gal{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.gal a{
	display:block;
	width:24%;
	margin:0 0 10px;
}

.gal.gal-drei a{
	width:32%;
}

.gal a img{
	display:block;
	width:100%;
	height:auto;
}

.detailbox{
	margin:0 0 10px;
}

.detailbox .head{
	display:block;
	background:#f4f4f4;
	border:1px solid #ccc;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	position:relative;
}

.detailbox .head:after{
	font-family:fontawesome;
	content:"\f055";
	font-size:20px;
	position:absolute;
	top:12px;
	right:10px;
	color:#1d7da5;
}

.detailbox.active .head{
	border-bottom:1px dashed #ccc;
}

.detailbox.active .head:after{
	content:"\f056";
}

.detailbox .head h3{
	margin:0;
	font-size:16px;
	line-height:16px;
	font-family:'Open Sans', Verdana, Geneva, sans-serif;
	font-weight:600;
	display:block;	
}

.detailbox .head:hover{
	cursor:pointer;
	background:#1d7da5;
	color:#fff;
}

.detailbox .head:hover:after, .detailbox .head:hover h3{
	color:#fff;
}

.detailbox .details{
	display:none;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:20px;
	border:1px solid #ebebeb;
	border-top:none;
}

.detailbox table {
	margin:0;
	width:100%;
}

.detailbox table tr td {
	padding:10px 20px 10px 0;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

.detailbox table tr td:first-of-type {
	font-weight:bold;
	width:110px;
}

.detailbox table tr:last-of-type td {
	border:0;
}

.detailbox table ul {
	list-style:disc;
	margin:10px 0 0 20px;
}

.detailbox p img {
	display:block;
	width:140px;
	height:auto;
}

#navtrigger{
	position:fixed;
	top:10px;
	right:10px;
	z-index:900;
	width:40px;
	height:30px;
	border-radius:4px;
	display:none;
	align-items:center;
	justify-content:center;
	background:#fff;
	color:#1d7da5;
	border:1px solid #ccc;
}

.ab1000, .ab720{
	display:none!important;
}

.styledul{
	display:block;
	list-style:none;
	margin:0 0 20px;
	padding:0;
}

.styledul li{
	display:block;
	box-sizing:border-box;
	padding:0 0 0 20px;
	margin:0 0 10px;
	font-size:16px;
	line-height:24px;
	position:relative;
}

.styledul li:before{
	content:"\f058";
	display:block;
	position:absolute;
	left:0;
	top:0;
	color:#1d7da5;
	font-family:fontawesome;
}

.styledul li strong{
	color:#1d7da5;
}

.blockimg{
	display:block;
	width:100%;
	height:auto;
}

.doc {
display:flex;
flex-wrap;
justify-content:space-between;
}

.doc li {
display:block;
width:30%;
}

.doc img {
display:block;
width:100%;
height:auto;
margin:0 0 1rem;
}

.doc strong {
display:block;
}

.mob-only {
	display:none;
}

.rollstuhl {
	display:block;
	float:left;
	margin:0 10px 0px 0;
	padding:8px;
	border:2px solid #fff;
	box-shadow:0 0 0 2px #1d7da5;
	background:#1d7da5;
	color:#fff;
	font-size:22px!important;
	line-height:20px;
}

@media only screen and (max-width:1000px){
	.ab1000{display:block!important;}
	#left{display:none;}
	#main{width:100%;}
	#content{padding:20px;}
	
	nav{
		position:fixed;
		top:0;
		left:-50%;
		width:50%;
		height:100%;
		max-height:100%;
		overflow-y:scroll;
		z-index:900;
		transition:left 300ms;
		background:#1d7da5;
		padding:5px 0 0;
	}
	
	#navi{
		display:block;
		margin:0 0 10px;
		border:none;
	}
	
	nav.active{
		left:0;
	}
	
	#navi li{
		display:block;
	}
	
	#navi li a{
		font-size:14px;
		line-height:22px;
	}
	
	#navtrigger{
		display:flex;
	}
	
	nav .card-box{
		width:98%;
		margin:0 auto 5px;
	}
	
	nav .card-box > p:last-of-type{
		margin:0;
	}
	
	.centered{
		padding:0 20px;
	}
	
	h1{
		font-size:24px;
		line-height:32px;
	}
	
	h2{
		font-size:18px;
		line-height:26px;
		margin:0 0 20px;
	}
}

@media only screen and (max-width:720px){
	
	.mob-only {
		display:block;
	}
	
	#content{
		padding:50px 10px 10px;
	}
	
	h1{
		font-size:18px;
		line-height:24px;
	}
	
	h2, h3{
		font-size:14px;
		line-height:22px;
	}
	
	h3{
		margin:0 0 10px;
	}
	
	p, table{
		font-size:12px;
		line-height:18px;
		margin:0 0 10px;
	}
	
	iframe{
		height:150px;
	}
	
	footer .flex-space, footer ul{
		display:block;
		text-align:center;
	}
	
	footer ul{
		margin:10px 0 0;
	}
	
	footer ul li a{
		font-size:12px;
		line-height:18px;
	}
	
	nav{
		width:100%;
		left:-100%;
		padding-top:30px;
	}
	
	#navclose{
		display:block!important;
		position:absolute;
		top:0;
		right:0;
		font-size:14px;
		line-height:14px;
		padding:8px;
		color:#fff;
		opacity:.7;
	}
	
	#navi li a {
		padding:10px 20px;
	}
	
	.gal a{
		width:49%;
	}
	
	.card-box, .detailbox .details{
		padding:10px;
	}
	
	.gal.gal-drei a{
		width:100%;
	}
	
	.detailbox .head h3{
		font-size:12px;
		line-height:18px;
		max-width:95%;
	}
	
	.detailbox .head:after{
		font-size:14px;
	}
}