/* CSS der Seite mit dem Kontaktformular

rot #dc0000
dunkelgrau #393939
grau #5f5f5f
hellgrau #f2f2f2

*/


/* #### 1504 Kontaktformular #### */

.kontaktformular {
	background: white !important;
	margin-left: -15px !important;
	margin-right: -15px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.kontaktformular h2 {
	font-size: 24px !important;
	color: #dc0000 !important;
}

.kontaktformular form footer {
	text-align: right !important;
}

.kontaktformular form footer a.btn-u.btn-u-small {
	bottom: 54px !important;
}

.kontaktformular form footer div.back {
	display: none !important;
}

.kontaktformular .label{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.kontaktformular textarea:hover,
.kontaktformular textarea:focus,
.kontaktformular .input input:hover,
.kontaktformular .input input:focus {
	border-color: #dc0000 !important;
}

.kontaktformular input[type="reset"]:hover, button[type="reset"]:hover, .sky-form footer input[type="reset"]:hover {
	color: #dc0000;
	text-decoration: underline;
}

.kontaktformular input[type="submit"], button[type="submit"], .sky-form footer input[type="submit"] {
	background: #dc0000 !important;
}

.kontaktformular input[type="submit"]:hover, button[type="submit"]:hover, .sky-form footer input[type="submit"]:hover {
	background: #5f5f5f !important;
}


/* #### 9017 Kontakt in Inhaltsseite  #### */

.kontakt-bild-inhalt {
	background: white !important;
	margin-right: -15px !important;
	margin-left: -15px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.kontakt-bild-inhalt .row {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.kontakt-bild-inhalt h2 {
	margin-top: 0px !important;
	color: #393939 !important;
	font-size: 16px !important;
	font-weight: bold !important;
}

.kontakt-bild-inhalt h2:nth-child(2) {
	margin-bottom: 0px !important;
}

.kontakt-bild-inhalt h2 .firstname,
.kontakt-bild-inhalt h2 .lastname {
	font-size: 16px !important;
	color: #393939 !important;
	font-weight: normal !important;
}

.kontakt-bild-inhalt ul,
.kontakt-bild-inhalt ul li,
.kontakt-bild-inhalt ul li i,
.kontakt-bild-inhalt ul li a {
	color: #393939 !important;
	font-size: 16px !important;
	font-weight: normal !important;
}

.kontakt-bild-inhalt ul li a:hover {
	text-decoration: none !important;
}

.kontakt-bild-inhalt ul li {
	padding-left: 30px !important;
}

.kontakt-bild-inhalt .eventcontent {
	padding: 0px !important;
}

.kontakt-bild-inhalt .eventcontent .col-md-4 {
	padding: 0px !important; 
}
/*Änderung Webkonzept*/
.kontakt-bild-inhalt .eventcontent .detailmetadata {
	width: 66%;
    float: left;
    padding-top: 0px !important;
    padding-left: 0px !important;
}
/*End*/

.kontakt-bild-inhalt .eventcontent div.detailmetadata .list-unstyled.who li:first-of-type span {
	font-size: 16px !important;
	color: #393939 !important;
}

.kontakt-bild-inhalt .eventcontent div.detailmetadata ul li .fa {
	font-size: 16px !important;
    color: #393939 !important;
    font-weight: normal !important;
	
}

.kontakt-bild-inhalt div.detailmetadata .fa-user {
	margin-right: 17px !important;
}


.kontaktformular footer input[value="Zurücksetzen"] {
	display: none !important;
}

.kontaktformular fieldset {
	padding-bottom: 0px !important;
}

.kontaktformular footer > span {
	float: left !important;
}