@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


*, body, html, p, div {
	margin: 0;
	padding: 0;
	outline: none;
}

.clr {
	clear: both;
	float: none;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

body {
	font-family: 'Rubik', Arial;
	font-size: 20px;
	color: #000;
	background: #3f3f3f;
	font-weight: 300;
}

a {
	color: #000;
	text-decoration: none;
	transition: all ease 0.6s;
	/*line-height: 25px;*/
	border-bottom: 1px solid transparent;
}
a:hover {
	/*text-decoration: underline;*/
	border-bottom: 1px solid #000;
}

.inner, .item-page, .breadcrumbs .moduletable, .claimbox, .contact, .footer-innerbox {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.item-page.map {
	max-width: 100%;
}

header, .headpic, main, footer {
	width: 100%;
}


header {
	background: #c9c9c9;
	position: fixed;
	z-index: 999;
}
header .logobox {
	padding: 11px 0;
	float: left;
	min-width: 160px;
}
header .logobox img {
	max-height: 88px;
	width: auto;
	transition: all ease 0.6s;
}
header .logobox.small img {
	max-height: 40px;
	width: auto;
}
header .logobox a,
header .logobox a:hover {
	border: none;
}

header nav {
	float: left;
	margin: 0 0 0 50px;
	position: relative;
}
header .mobilemenu {
	display: none;
}
header nav ul {

}
header nav ul li {
	display: inline;
}
header nav ul li a {
	display: inline-block;
	line-height: 20px;
	padding: 48px 20px;
	color: #fff;
	text-decoration: none;
	transition: all linear 0.3s;
	text-transform: uppercase;
}
header nav ul li:hover a,
header nav ul li.active a {
	background: #EB691C;
	text-decoration: none;
	border-bottom: none;
}

header nav.small ul li a {
	padding: 24px 20px;
}

header nav ul li ul {
	display: none;
	position: absolute;
}
/*
header nav ul li:hover ul {
	display: block;
	background: #c9c9c9;
	width: 1200px;
	left: -220px;
	z-index: 9999;
}
header nav ul li:hover ul li a {
	background: #c9c9c9;
	padding: 15px 10px;
	font-size: 18px;
}
*/

.headpic {
	background: #fff;
	width: 100%;
	text-align: center;
	border-bottom: 5px solid #EB691C;
	/*position1: relative;*/
	margin-top: 117px;
}

.headpic img {
	width: auto;
	height: auto;
	/*max-height: 675px;*/
	max-width: 100%;

	display: block;
	margin: 0 auto;
}

.breadcrumbs {
	background: #d6d6d6;
	border-top: 5px solid #fff;
	padding: 10px 0;
	margin-top: 117px;
}
.breadcrumbs ul li {
	display: inline;
}
.breadcrumbs ul li,
.breadcrumbs ul li a {
	font-size: 14px;
	color: #5c5c5c;
	text-decoration: none;
}

main {
	border-top: 0px solid #EB691C;
}
/*
main.infobox_off {
	background: url('../images/ggs-bg-content.jpg') center no-repeat;
	background-size: 100%;
}
main.infobox_on {
	background: #fff;
}
main .item-page2, main .claimbox {
	padding: 115px 0 0 0;
}
main .item-page.map {
	padding: 0;
}
*/
main .page-header h1,
main .page-header h2,
main h2.contentheading {
	font-weight: 400;
	margin-bottom: 50px;
	font-size: 42px;
}

main .item-page h3 {
	font-weight: 400;
	margin: 20px 0 0px 0;
}

main #system-message-container .alert {
	background: #EB691C;
	padding: 0 0 20px 10px;
	color: #fff;
}

main .fields-container {
	font-weight: 500;
	margin-bottom: 50px;
}

main .contentbox .item-page,
main .contentbox .leading-0-x,
main .contentbox .leading-1,
main .contentbox .contact {
	padding: 115px 0;
}

main .item-page h2 {
	font-weight: 300;
  margin-top: 20px;
}

main .item-page ul {
	margin: 10px 0 10px 20px;
}

main .contentbox .leading-0 {
	background: #fff;
	padding-bottom: 50px;
}
main .contentbox,
main .contentbox .leading-1
/*main .contentbox .blog.adressen .leading-0*/ {
	background: url('../images/ggs-bg-content.jpg') center no-repeat;
	background-size: cover;
	border-top: 5px solid #EB691C;
}
main .contentbox .blog.adressen .leading-0 {
	background: none;
}
main .contentbox.bg_off {
	background: #fff;
}
main .contentbox {
	border-top: 0px;
	margin: 0px;
	padding: 0px;
}




main .contentbox .items-leading .contentbox-inner,
main .contentbox .blog .items-row,
main .contentbox .blog .page-header,
main .contentbox .blog .category-desc,
main .contentbox .pd-category-view,
main .contentbox #jevents,
main .contentbox .blog.gemeinschaft,
main .contentbox .bloggemeinschaft {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 50px auto;
}
main .contentbox .blog .items-row {
	padding: 0 0 50px 0;
}
main .contentbox .blog .category-desc {
	font-weight: 500;
}
main .contentbox .blog.gemeinschaft .page-header,
main .contentbox .blog .leading-0 .page-header,
main .contentbox #jevents_header {
	padding: 115px 0 0 0;
}
main .contentbox .blog .items-row .page-header {
	padding: 0;
}
main .contentbox .blog .items-row .page-header h2 {
	font-size: 32px;
}


main .contentbox #phoca-dl-category-box .pd-category h3.pd-ctitle {
	font-size: 0px;
	background: none;
	padding: 0;
}
main .contentbox #phoca-dl-category-box .pd-cdesc {
	margin: 115px 0 30px 0;
}
main .contentbox .pd-filebox {
	float: left;
	width: 31%;
	padding: 1%;
}
main .contentbox .pd-float {
	margin: 0;
	clear: both;
}
main .contentbox .pd-float img {
	max-width: 100%;
	height: auto;
}
main .contentbox .pd-float.file-name {
	font-size: 16px;
}
main .contentbox #phoca-dl-category-box .pd-document16 {
	padding: 0;
	background: none;
}
main .contentbox #phoca-dl-category-box .pd-buttons {
	margin: -50px 0 0 0;
}
main .contentbox #phoca-dl-category-box .pd-buttons a.btn {
	background: #EB691C;
	color: #fff;
}
main .contentbox #phoca-dl-category-box .pd-buttons a.btn:hover {
	background: #fff;
	color: #EB691C;
}
main .contentbox .pd-filebox .download-infobox {
	margin: 20px 0 0 0;
}
main .contentbox .pd-filebox .download-infobox .pd-title {
	font-weight: 400 !important;
	padding: 0 0 15px 0;
}
main .contentbox form .pd-cb,
main .contentbox .pgcenter {
	display: none;
}


main .mapbox {
	border-bottom: 5px solid #EB691C;
}
main .phocamaps-box {
	margin: 0px !important;
}
/*
main .contentbox {
	padding-top: 115px;
	padding-bottom: 115px;
}
*/
main .contentbox.content {
	padding-top: 0;
}

main .contentbox .blog .items-row .readmore a,
main .contentbox .btn.contactbutton,
main .contentbox a.button.btn {
	/*background: #EB691C;*/
	border: 1px solid #EB691C;
	color: #EB691C;
	border-radius: 5px;
	padding: 5px 80px;
	margin: 5px 0 0 0;
	float: right;
	transition: all ease 0.5s;
}
main .contentbox .blog .items-row .readmore a:hover,
main .contentbox .btn.contactbutton:hover,
main .contentbox a.button.btn:hover {
	background: #EB691C;
	color: #fff;
}


/*####### Kalender start ########*/

#jevents #jevents_body {
	width: 99% !important;
    border: 0px solid #DDD;
    background-color: transparent;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#jevents .month_title:before {
	content: '\f073';
	font-family: 'FontAwesome';
	margin: 0 5px 0 0;
}

#jevents .month_date,
#jevents .month_title,
#jevents .month_title_year {
	font-size: 20px;
	font-weight: 500;
}

#jevents .nav-items div {
	border: 0px;
}
#jevents .nav-items > div a:hover {
	border: 0px;
}
#jevents .nav-items > div.active a,
#jevents .cal_daysoutofmonth {
	background: #ccc;
}
#jevents .nav-items div.active a:hover, .jev_header2 .active a:hover {
    background-color: #c9c9c9;
    border-left: 0px solid #ff3b30;
}

#jevents .jev_header2 {
	margin: 0 0 20px 0;
}
#jevents .jev_toprow div.previousmonth,
#jevents .jev_toprow div.nextmonth {
    background-color: #EB691C;
    border: 1px solid #EB691C;
	border-radius: 0px;
	margin: 0px;
}
#jevents .jev_toprow div.currentmonth {
    border-top: 1px solid #EB691C;
    border-bottom: 1px solid #EB691C;
    margin-bottom: 0px;
	line-height: 26px;
	font-weight: 500;
	width: 49.5%;
}
#jevents .jev_toprow div.previousmonth a,
#jevents .jev_toprow div.nextmonth a {
    font-size: 14px;
}
#jevents div.event_legend_name {
	font-weight: 500;
}


#jevents a.ev_link_row:link,
#jevents a.ev_link_row:visited,
#jevents a.ev_link_row:hover {
    font-size: 20px;
    color: #EB691C;
    text-decoration: none;
    font-weight: 500;
}

#jevents .cal_daysoutofmonth,
#jevents .cal_daysnoevent,
#jevents .cal_daysnoevent a,
#jevents a.cal_daylink:link {
	font-weight: 400;
	font-size: 15px;
}

#jevents .cal_daysoutofmonth,
#jevents .cal_daysnoevent,
#jevents .cal_daysnoevents,
#jevents .cal_dayshasevents {
	height: 120px;
}

#jevents .cal_daysnames {
	font-weight: 500;
	font-size: 18px;
	padding: 8px 0;
}

#jevents .cal_today a.cal_daylink {
    background-color: #EB691C;
    border: 1px solid #EB691C;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
}
#jevents .cal_today a.cal_daylink:hover {
    background-color: #fff;
    border: 1px solid #EB691C;
    padding: 10px;
    border-radius: 50%;
    color: #EB691C;
}



#jevents a.cal_titlelink:link,
#jevents a.cal_titlelink:visited,
#jevents a.cal_titlelink:hover {
    font-size: 15px;
    line-height: 19px;
}





/*####### Kalender ende ########*/


main .contentbox .pagenav {
	clear: both;
	margin: 70px 0 0 0;
	border-top: 0px solid #EB691C;
	list-style-type: none;
	font-size: 16px;
}
main .contentbox .pagenav .previous {
	float: left;
}
main .contentbox .pagenav .next {
	float: right;
}

main .contentbox .pagenav .next:after {
	content: '\00BB';
}
main .contentbox .pagenav .previous:before {
	content: '\00ab';
}

#te_91 .person {
  flex: none;
}
#te_91 .personlist, #te_91 .contactgroup {
  display: block;
}
.te, .te .outerperson, .te .person, .te .innerperson {
	position: static;
}
.te, .te .iconlinks, .te .outerperson, .te .person, .te .personlist, .te .innerperson {
	overflow: visible;
}
main .personlist .person {
	width: 100% !important;
	max-width: 32% !important;
  min-width: 32% !important;
	float: left;
	padding: 25px 0 !important;
	font-size: 20px !important;
	font-weight: 300 !important;
}
main .kontakte .person {
	width: 100% !important;
	max-width: 100% !important;
}
main .personlist .person .outerperson {
	border-left: 0px solid #EB691C;
	padding: 0px 0 0 0px;
	background: url('../images/border-box.png');
	background-repeat: no-repeat;
	background-position: 0 10px;
	background-size: 2px 85%;
  display: block !important;
}
main .personlist .person .innerperson {
	padding: 0 5% 0 0 !important;
	height: 170px !important;
}
main .contacts.group .personlist .person .innerperson,
main .kontakte .person .innerperson {
	height: 260px !important;
}
main .personlist .person .personinfo {
	padding: 0 !important;
}
main .personlist .person .personinfo .icon {
	font-size: 18px !important;
	color: #5c5c5c !important;
	margin: 0 15px;
}
#te_91 .personfield,
main .personlist .person .personinfo .personfield.fieldname span {
	font-weight: 300 !important;
	font-size: 20px !important;
}



main .contentmenu ul {
	list-style-type: none;
}
main .contentmenu ul li {
	display: inline-block;
	border: 1px solid #EB691C;
	margin: 0 15px 15px 0;
	padding: 5px 30px;
	transition: all ease 0.5s;
}
main .contentmenu ul li a {
	/*background: #EB691C;*/
	color: #EB691C;
	border-radius: 0px;
}
main .contentmenu ul li:hover {
	background: #EB691C;
	color: #fff;
}
main .contentmenu ul li:hover a {
	color: #fff;
}
main .contentmenu ul li a:hover {
	border-bottom: none;
}



main .kontakte {
	background: url('../images/ggs-bg-content.jpg') center no-repeat;
	background-size: cover;
	border-top: 5px solid #EB691C;
	padding: 115px 0;
}


main .contact dt {
	float: left;
	margin: 0 5px 5px 0;
}
main .contact dd {
	display: inline-block;
}
main .contact .accordion-heading {
	margin: 25px 0 15px 0;
	clear: both;
}
main .contact .accordion-heading strong {
	font-weight: 400;
}
main .contact fieldset {
	border: 0px;
}
main .contact fieldset legend,
main .contact fieldset .spacer {
	display: none;
}
main .contact fieldset input,
main .contact fieldset textarea {
	padding: 10px 2%;
	width: 95%;
}
main .contact fieldset .control-group {
	margin: 0 0 15px 0;
}
main .contact button {
	width: 99%;
	padding: 10px 0;
	background: none;
	font-size: 20px;
	cursor: pointer;
	border: 1px solid #EB691C;
    color: #EB691C;
    border-radius: 5px;
    transition: all ease 0.5s;
    margin: 0 0 30px 0;
	text-align: center;
}
main .contact button:hover {
	background: #EB691C;
	color: #fff;
}


.tooltip {
	left: 0 !important;
	font-size: 20px !important;
	border: 1px solid red !important;
	width: auto;
	display: none !important;
	position: absolute !important;
}


footer {
	min-height: 120px;
	border-top: 5px solid #EB691C;
	color: #fff;
	font-size: 14px;
}
footer .footerbox.top {
	background: #33302E;
	padding: 34px 0;
}
footer .footerbox.top .adressbox {
	float: left;
}
footer .footerbox.top .menubox {
	float: right;
}
footer .footerbox.top .menubox .moduletable {
	float: left;
}
footer .footerbox.top .menubox .moduletable.footermenu {
	margin-left: 20px;
}
footer .footerbox.top .menubox ul {
	list-style-type: none;
}
footer .footerbox.top .menubox ul li a {
	color: #fff;
	text-transform: uppercase;
}
footer .footerbox.top .menubox ul li.active a {
	color: #EB691C;
}

footer .footerbox.bottom {
	padding: 20px 0;
}
footer .footerbox.bottom .copyrightbox {
	float: left;
}


footer .footerbox.bottom .infobox {
	float: right;
}


.uc-floating-button-wrapper {
    display: none;
}



@media ( max-width: 1199px ) {
	.inner, .breadcrumbs, main .contentbox, footer .footerbox {
		width: 98%;
		padding-right: 1% !important;
		padding-left: 1% !important;
	}

	main {
		overflow: hidden;
	}
	main .personlist .person {
		width: 50%;
		max-width: 50%;
	}

	.moduletable_menu {
		display: none;
	}
	header nav  {
		width: 75%;
		max-width: 140px;
	}
	header .mobilemenu {
		display: inline-block;
		margin: 50px 10px 0 0;
		float: right;
		color: #fff;
		transition: all ease 0.5s;
	}
	header .mobilemenu.small {
		margin: 20px 10px 0 0;
	}
	header .mobilemenu a {
		color: #fff;
	}
	header .mobilemenu span {
		color: #fff;
		font-family: 'Rubik', Arial;
	}
}

@media ( max-width: 800px ) {
	main .personlist .person {
		width: 100%;
		max-width: 100%;
	}

}

@media ( max-width: 822px ) {
	main .contentbox .pd-filebox {
		float: left;
		width: 48%;
		padding: 1%;
	}

	.jev_toprow div.previousmonth,
	.jev_toprow div.nextmonth,
	#jevents .jev_toprow div.currentmonth {
    width: 100%;
    min-height: 23px;
	}
}

@media ( max-width: 780px ) {
	footer .footerbox.bottom .copyrightbox,
	footer .footerbox.bottom .infobox {
		float: none;
	}
}


@media ( max-width: 600px ) {
	footer .footerbox.top .adressbox,
	footer .footerbox.top .menubox,
	footer .footerbox.top .menubox .moduletable,
	footer .footerbox.top .menubox .moduletable.footermenu {
		float: none;
		margin: 0 0 20px 0;
	}
}

@media ( max-width: 539px ) {
	main .contentbox .pd-filebox {
		float: left;
		width: 98%;
		padding: 1%;
	}
	#phoca-dl-category-box .pd-filenamebox,
	main .contentbox .pd-float,
	main .contentbox .pd-float img {
		width: 100%;
	}

	#jevents_body div.event_legend_item {
    float: left;
    border-left-width: 0px;
    border-left-style: solid;
    padding-left: 4px;
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 4px;
    min-width: 90px;
    white-space: normal;
    overflow: hidden;

	}
}
