@charset "iso-8859-1";
/* CSS Document */

@import url("webfonts.css");

html, body { 
	height: 100%; 
	min-height: 100%; 
	margin-bottom: 1px; 
} 

body, .cc_message {
	font-family: 'Geogrotesque W01 Lt';
	font-size: 16px;
	color: #1B4854;
	margin-top: 20px;
	line-height: 22px;
}

.tx-datamintsfeuser-pi1 label {
    width: auto !important;
}

.tx-datamintsfeuser-pi1 input {
	/*border: 1px solid;*/
}
.tx-datamintsfeuser-pi1 fieldset {
    margin-bottom: 20px;
    margin-top: -50px !important;
    border: none !important;
	background: rgb(244,246,246);
    padding: 25px !important;
    /* margin-top: 33px; */
    margin-bottom: 33px;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.tx-datamintsfeuser-pi1 legend {
    padding-top: 70px;
}

.tx-datamintsfeuser-pi1 .name-submit input {
    background: rgb(244,246,246);
    border: 1px solid #1B4854;
    color: #1B4854;
    padding: 3px;
    width: 180px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    float: right;
}

.tx-datamintsfeuser-pi1  input, textarea {
    font-family: 'Geogrotesque W01 Lt';
    font-size: 16px;
    color: #1F8CA5;
    /* margin-top: 20px; */
    line-height: 22px;
    -webkit-appearance: none;
    border: none;
    width: calc(100% - 10px) !important;
    padding: 5px;
    /* border-bottom: #1B4854 1px solid; */
}
.tx-srfreecap-pi1-cant-read {
    display: inline-block;
    width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.cc_message {
	font-family: 'Geogrotesque W01 Lt';
	font-size: 16px;
	color: #FFF;
	margin-top: 20px;
	line-height: 22px;
}
.cc_btn {
	font-family: 'Geogrotesque W01 Lt';
}

.cc_container a, .cc_container a:visited {
    text-decoration: none;
    color: #1F8CA5 !important;
    transition: 200ms color;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited, .cc_btn_accept_all {
    color: #FFF !important;
    background-color: #1F8CA5 !important;
}

.adresse {
	font-family: 'Geogrotesque W01 Lt' !important;
	font-size: 16px !important;
	color: #000;
	line-height: 22px;
}
.adresse a {	
	font-family: 'Geogrotesque W01 Lt' !important;
	color: #000 !important;
}
.adresse a:hover {
	color: #1F8CA5 !important;
}

.termin-item:focus {
	background-color: rgb(31, 140, 165) !important;
}
div:focus, fieldset:focus {
	background-color: inherit !important;
}

.termin-info, termin-item {
   background-color: inherit !important;
}

#container {
   min-height:100%;
   position:relative;
}

h2, h3, h4, strong, b {
	font-family: 'Geogrotesque-SmBd';
	font-size: 16.5px;
}

div.fett, span.fett, p.fett, .fett { 
   font-family: 'Geogrotesque-SmBd';
   font-size: 16.5px;
}

div.blau, span.blau, p.blau, .blau { 
	color: #1F8CA5;	
}

#left-content h1 {
	font-family: 'Geogrotesque W01 Lt';
	color: #1F8CA5;
	font-size: 35px;
	line-height: 42px;
	text-transform: uppercase;
}

#right-content h1 {
	font-family: 'Geogrotesque W01 Lt';
	color: #1B4854;
	font-size: 20px;
	line-height: 25px;
	text-transform: uppercase;
	color: #1B4854;
	line-height: 28px;
	margin-bottom: 25px;
}
/*
a, a:hover {
	background-color: transparent !important;
}
*/
#content:not(.formular) a, .adresse a, label a, #c14 a, a.link, .tx-felogin-pi1 a {
	color: #1B4854;
	text-decoration:none;
	padding-bottom: 2px;
	border-bottom: 1px solid #1B4854;
}

#content:not(.formular) a:hover, .adresse a:hover, label a:hover, #c14 a:hover, a.link:hover, .tx-felogin-pi1 a:hover {
	color: #1F8CA5;	
	border-bottom: 1px solid #1F8CA5;
}

#bestaetigung a, a#aufforderung {
	color: #1B4854;
	text-decoration:none;
	padding-bottom: 2px;
	border-bottom: 1px solid #1B4854;
}

#bestaetigung a:hover, a#aufforderung:hover {
	color: #1F8CA5;	
	border-bottom: 1px solid #1F8CA5;
}

#header {
	display: block;
	height: 220px;
	width: 1280px;
	margin: 0px auto;
}

#logo {
	margin-top: 30px;
	width: 281px;
	float: left;
	margin-left: 40px;
}

#menuTop {
	width: 919px;
	float: right;
	margin-right: 40px;
	font-size: 14px;
	height: 50px;
	text-align: right;
	margin-top: 26px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
}

#langMenu {
	float: right;
	/*display: none;*/ 
	
}
#langMenu strong {
	font-size: 14px;
}
#userMenu {
	float: right;
	margin-left: 40px;
	
}


#menuTop a{
	color: #1B4854;
	text-decoration:none;
	
}

#menuTop a:hover {
	color: #1F8CA5;
	
}


#menu {
	width: 919px;
	float: right;
	margin-right: 40px;
	font-size: 18px;
	
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
}

#menu a {
	color: #1B4854;
	text-decoration:none;
	display:block;
}

#menu li.li-parent:hover > a {
	color: #1F8CA5;
	
}

#menu a:hover {
	color: #1F8CA5;
	
}

#menu > ul {
	padding-top: 41px;
	float: right;
}
#menu .a-parent {
	pointer-events: none;
	cursor: default;	
}
#menu > ul > li > ul {	
	display:none;
}
#menu a.cur {
	color: #1F8CA5;
	
}

.icon {
	display: none;
	/*padding-top: 117px;*/
	margin-top: 40px;
	float: right;
}
	
@media only screen and  (min-width: 980px) {

	

	#menu > ul > li {	
		margin-left: 94px;	
		padding-left: 1px;	
		padding-right: 1px;	
		padding-bottom: 3px;	
		float: left;
	}
	
	#menu > ul > li:hover {	
		border-bottom: 1px #1F8CA5 solid;
	}
	
	#menu > ul > li.cur {	
		border-bottom: 1px #1F8CA5 solid;
	}	
	#menu > ul > li > a {	
		text-transform: uppercase;
	}
	
	#menu > ul > li > ul {	
		height:auto;
		padding:20px 20px 20px 20px;
		margin-left: -20px;
		margin-top: 4px;
		border: 0px;
		border-radius: 8px;
		background-color: #FFF;
		line-height: 24px;
		position:absolute;
		
		z-index:200;
		cursor:default;
	}
	
	#menu li:active ul, #menu li:hover ul {
		display:block;
	}

}


#banner {
	display: block;
	width: 100%;
	height: 420px;
	/*
	background-image:url(../img/banner/platzhalter.jpg);
	background-size: cover;
	*/
	background-image: url(../img/banner/banner.svg), url(../img/banner/02.jpg);
	
	background-position: 25% 150px, 50% 50%;
	background-size: auto 75%, cover;
	background-repeat: no-repeat;
}

#content {	
	overflow:auto; 
	width: 1200px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 75px;
	margin: 0px auto;
	padding-bottom: 180px;
}

#left-content {
	float: left;
	min-height: 10px;
	width: 280px;
	margin-right: 31px;
	/*background-color: #0ff;*/
	text-align: right;
}

.column {
	float: left;
	/*min-height: 10px;*/
	width: 271px;
	margin-left: 25px;
	/*background-color: #0ff;*/
}
.team {
	/*width: 864px;*/
	width: 864px;
}
.team img {
	float: left;
}
.img-desc {
	margin-top: 20px;
	float: left;
	width: 100%;
}
.img-desc::first-line {
	font-family: 'Geogrotesque-SmBd';
	font-size: 16.5px;
}
.img-container {
	float: left;
	width: 271px;	
	margin-right: 17px;
}
.team h1 {
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
	cursor: pointer; 
	display: block;
    float: left;
	font-size: 20px;
	border-bottom: 1px solid #1B4854;
	color: #1B4854;
	line-height: 28px;
}
.team h1:hover {
	color: #1F8CA5;
	border-bottom: 1px solid #1F8CA5;
}
.team .csc-header {
	width: 100%;
	height: 40px;
	display: block;
	float: left;
}
.team .csc-default {
	width: 100%;
	display: block;
	float: left;
	margin-bottom: 15px;
}
.arrow-up, .arrow-down {
	margin-top: 13px;
	
}
.arrow-up img, .arrow-down img {
	margin-left: 5px;
	
}
.team-active h1 {
	color: #1F8CA5 !important;
	border-bottom: 1px solid #1F8CA5;
}
.team-active-div {
	margin-bottom: 55px !important;
}

#footer {
	width: 100%;
	
	position:absolute;
	bottom:0;	
	height:150px;
	
	/*background-image:  url('../img/footer.png');*/
	background-image: url('../img/footer.svg');
	/*background-size: 2494px 423px;
	
	background-image: url(../img/footer.png);*/
	
	font-size: 12px;
}

#footer-content {
	width: 1200px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 45px;
	margin: 0px auto;
}
@media only screen and  (min-width: 741px) {
	#footer-container {
		width: 868px;
		margin-left: 332px;
		display: flex;
		justify-content: space-between;
	}
}
@media only screen and  (max-width: 740px) {
	#content {
		padding-bottom: 200px;
	}
	#footer {
		height: 200px;
	}
}

@media only screen and  (max-width: 1296px) {

	#header {
		width: 100%;
	}
	#menuTop {
		width: calc(100% - 361px);
	}
	#menu {
		width: calc(100% - 361px);
	}
	#menu > ul > li {	
		margin-left: 78px;	
	}	
	#content {	
		width: calc(100% - 80px);
	}
	/*
	.column {
		width: calc(21% - 20px);
	}
	*/
	#right-content {
		display: flex;
		justify-content: space-between;		
	}
	#footer-content {
		width: calc(100% - 80px);
	}
	#footer-container {
		width: calc(100% - 332px);
	}
	.img-desc {
		margin-bottom: 50px;
	}
}

@media only screen and  (max-width: 1080px) {
	#footer-container {
		width: 100%;
		margin-left: 0px;
	}
}


@media screen and (max-width:979px) {

	
	#menu  ul li {
		display: none;
	}
	.icon {		
		display: block;
	}
	#menu > ul > li {	
		margin-left: 0px;	
	}
	#menu > ul > li > ul > li {	
		margin-left: 20px;	
	}
		
	#menu ul.responsive {
		position: absolute;
		right: 20px;
		top: 85px;
		z-index:99999999999;
		padding:0px 20px 20px 20px;
		margin-top: -30px;
		margin-right: 40px;
		border: 0px;
		border-radius: 8px;
		background-color: #FFF;
		/*background-color: rgba(27,72,84,0.3);		
		background-color: rgba(255,255,255,0.3);*/
		line-height: 30px;
		width: 160px;
		/*text-align: right;*/
	}

	#menu ul.responsive li {
		display: block;
	}
	#menu  ul.responsive li a {
		display: block;
	}
}

#c53, #c54, #c57, #c56 {
	margin-bottom: 40px;
}

@media only screen and  (max-width: 980px) {
	.column {
		width: calc(100% - 336px);
		float: right;
	}
	
	.column .csc-default {
		margin-bottom: 50px;
	}

	
	.team {
		width: calc(100% - 336px);
	}
	#right-content {
		display: block;
		justify-content: none;		
	}
}

@media only screen and  (max-width: 880px) {
	#logo {
		margin-left: 20px;
		
	}	

	#menuTop {
		margin-right: 20px;
	}	
	#Ebene_1 {
		max-width: calc(100% - 40px);
	}
	
	#menu {
		margin-right: 20px;
	}
	#left-content {
		text-align: left;
		margin-top: 25px;
		margin-right: 0px;
		margin-bottom: 25px;
		width: 100%;
		padding-bottom: 0px;
	}
	
	#right-content {
		padding-bottom: 0px;
	}
	.column {
		width: 100%;
		float: left;
		margin-left: 0px;
	}
	.team {
		width: 100%;
	}
	#footer-content {
		width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}
	#footer-content > div {	
		text-align: right;	
		width: 100%;
	}
	#footer-content > div:last-child {	
		margin-bottom: 30px;
	}
}


/*FORMS*/
.label-container {
	width: 65%;
	float: left;
}
.frage-container {
	width: 35%;
    text-align: right;
	float: left;

}
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 0px;
  width   : 14px;
  /*margin  : -5px;*/
  padding : 0;
  opacity : 0;
}
#modalitaet_2 {
	display: none;
}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  line-height  : 24px;
  height: 24px;
}

input[type=checkbox]:not(old) + label{
	background   : url('../img/check.png') no-repeat 0 0;
}
input[type=radio   ]:not(old) + label{
	background   : url('../img/radio.png') no-repeat 0 0;
}


#becken_liegend + label, #becken_stehend + label{
	background   : url('../img/radio.png') no-repeat 0 0;	
}
	
input[type=checkbox]:not(old):checked + label{
  
  background-position : 0 -24px;
}

input[type=radio]:not(old):checked + label{
  
  background-position : 0 -24px;
}

#becken_liegend:checked + label, #becken_stehend:checked + label{
  
  background-position : 0 -24px;
}

input, textarea {
	font-family: 'Geogrotesque W01 Lt';
	font-size: 16px;
	color: #1F8CA5;
	/*margin-top: 20px;*/
	line-height: 22px;
	-webkit-appearance: none;
	border: none;
	width: calc(100% - 10px);
	padding: 5px;
	/*border-bottom: #1B4854 1px solid;*/
}

.selectize-input {
	color: #1F8CA5;
}


textarea:focus, input:focus{
    outline: none;
	background-color:#FFF;
}

*:focus {
    outline: none;
	background-color:#FFF;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

label {
	
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
}
label.error {
	display:none !important;
}
.radio-hr {
	margin-left: -28px; 
	margin-top: -5px; 
	margin-bottom: 20px;
	border: 0;
    height: 1px;
    background: #FFF;
}

.check-hr {
	margin-top: -5px; 
	margin-bottom: 20px;
	border: 0;
    height: 1px;
    background: #FFF;
}

.text-hr {
	margin-top: 2px; 
	margin-bottom: 20px;
	border: 0;
    height: 1px;
    background: #FFF;
}

/*Input Placeholder Color*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #BBC8CC;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #BBC8CC;
	opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #BBC8CC;
	opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #BBC8CC;
}


.error-ph::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #FFB3CB;
}
.error-ph:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #FFB3CB;
	opacity: 1;
}
.error-ph::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #FFB3CB;
	opacity: 1;
}
.error-ph:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #FFB3CB;
}

.termin-item {
	background-color: #1B4854;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 18px;
	overflow: hidden;
}
#termine .termin-item:hover {
	background-color: #1F8CA5;
	cursor: pointer;
}
#bestaetigung .termin-item:hover {
	cursor: default;
	pointer-events: none;
}
.termin-nummer {
	float: left;
	width: 115px;
	color: #8DA3AA;
	font-size: 20px;
}
.termin-info {
	float: left;
	font-size: 16px;	
	width: 381px;
}
.termin-info > div:first-child {
	margin-bottom: 10px;
}
.termin-info > div:last-child {
	font-family: 'Geogrotesque-SmBd';
	font-size: 16.5px;
}

.frage-container {
	float:right; 
	height: 10px;
	/*margin-right: -35px; */
	/*margin-top: -23px;*/
	/*width: 20%;*/
}

.frage-hr {
	width: 100%;
	float: left;
}

.tx-felogin-pi1 form {
	background: rgb(244,246,246);
	padding: 25px;
	/*margin-top: 33px;*/
	margin-bottom: 33px;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.tx-felogin-pi1 input[type=submit] {
	background: rgb(244,246,246);
	border: 1px solid #1B4854;
	color: #1B4854;
	padding: 3px;
	width: 180px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	float: right;
}

a.passwort-vergessen {
	float: right;
	color: #1B4854;
	text-decoration:none;
	padding-bottom: 2px;
	border-bottom: 1px solid #1B4854;
}
a.passwort-vergessen:hover {
	float: right;
	color: #1F8CA5;	
	border-bottom: 1px solid #1F8CA5;
}

#filter-items {

    pointer-events: none;
    cursor: default;
    color: rgb(187, 200, 204);
    border: 1px solid rgb(187, 200, 204);
    background: #FFF;
    border: 1px solid #1B4854;
    color: #1B4854;
    display: block;
    padding: 3px;
    min-width: 100px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.filter-input {
	background: #BBC8CC; 
	margin-top: 3px;
	margin-bottom: 8px;
}
.nile-blue {
	#1B4854;
}

.50-nile-blue {
	#8DA3AA;
}

.30-nile-blue {
	#BBC8CC;
}

.5-nile-blue {
	#F4F6F6;
}

.eastern-blue {
	#1F8CA5;
}

.fountain-blue {
	#66C1BF;
}

.sinbad {
	#A5D7D5;
}

.bitter-lemon {
	#E5E90F;
}

.wattle {
	#C7D64F;
}

@media only screen and  (max-width: 580px) {
	#banner {
		display: none;
	}
	#left-content h1 {
		font-size: 22px;
		line-height: 26px;
	}
	#Ebene_1 {
		/*width: 50%;*/
		height: auto;
	}
	#logo {
		width: 200px;
		/*margin-top: 10px;*/
		padding-bottom: 20px;
	}
	#menuTop {
		width: calc(100% - 240px);
	}
	#menu {
		margin-top: 0px;
		width: calc(100% - 240px);
	}
	#menu ul {
		margin-top: 0px;
	}
	.icon {
		margin-top: 0px;
	}
	body {
		margin-top: 0px;
	}
	#header {

		height: 130px;

	}
	#menu ul.responsive {
		top: 55px;
	}
	
	#termine {
		font-size: 16px;
	}
	#termine_form > div.actions.clearfix > ul:nth-child(1) > li {
	    margin-top: 50px;
	}
}