@charset "utf-8";

/*********
Allgemeine Content Styles
*********/
h1, h2, h3, p {
	color: #323334;
}

h1 hr,
h2 hr {
	color: #66435a;
}

h3 hr {
	color: #66435a;
}

/*Links*/
a:hover {
	color: #66435a;
}

/* Buttons */
.btn a,
.btn span {
	color: #66435a;
}

.btn.action a {
	background-color: #66435a;
	color: #e0dbe3;
}

.btn.button a,
.btn.button span {
	background-color: #e0dbe3;
	background-image: url(../img/layout/icon-plus.svg);
}

p.more {
	color: #66435a;
	background-image: url(../img/layout/icon-plus.svg);	
}

.btn.button a:hover,
.btn.button a.active,
p.more:hover,
.list.news li a:hover p.more,
.masonry-box.news a:hover p.more,
.list.angebot li a:hover p.more {
	background-image: url(../img/layout/icon-plus-on.svg);
}


/*********
Raster-Styles
*********/
.bg-beige {
	background: #e0dbe3;
}

.teaser {
	background: #e0dbe3;
	border-top: 5px solid #66435a;
}
.teaser .date {
	color: #66435a;
}
#logo img {
	max-height: 100px;
}

@media 
only screen and (min-width : 220px) and (max-width : 599px) {
	#logo img {
		max-height: 75px;
	}
}


/*********
Tools & spezifische Content-Styles
*********/
.list.front li {
	border-top: 5px solid #66435a;
}

.list.angebot.front li {
	background: #e0dbe3;
}

.masonry-box.news .box-item {
	background: #e0dbe3;
	border-top: 5px solid #66435a;
}


.cta-button {
	background-color: #323334;
}


/*********
Accordion und Tab/Register
*********/
.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-active .ui-icon,
.ui-button:active .ui-icon,
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon,
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon,
.ui-button .ui-icon {
	 background-image: url(../img/layout/icon-plus.svg);
}


/*********
Navigation
*********/
.main-nav {
	background: #66435a;
}

.main-nav li a {
	color: #e0dbe3;
}


/*********
Tabellen
*********/
tr:hover {
	background-color: #A4A4A4;
}

th {
	background-color: #66435a;
}

table.calendar td a {
	background-color: #66435a;
	color: #e0dbe3;
}

table.calendar tr td:empty { 
	background: #e0dbe3;
}

table.calendar tr:empty td  {
	background: yellow;
}


/*********
Formulare
*********/
input, 
select, 
textarea {
	background-color: #A4A4A4;
}

input[type="submit"], 
button[type="submit"] {
	background: #66435a;
	color: #e0dbe3;
}

input.pflicht, 
textarea.pflicht,
input:required,
textarea:required {
	border-right: 5px solid #66435a;
}

.validationerror {
	background: #CB0003;
}

#message {
	color: #66435a;
}