#html-body, h1, h2, h3, h4, h5 {
	/* default font */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.uk-grid {
	padding-top: 10px;
}

#masthead ul {
	list-style: none;
	padding-left: 0;
}

#masthead li {
	display: inline;
	padding-right: 20px;
}

#masthead-logo img {
	/* image for masthead logo */
	width: 400px;
}

	.uk-margin-medium-top {
		margin-top: 0 !important;
}

.uk-background-muted {
    background-color: #fff;
}

#masthead-navbar {
	background-color: #fff;
	text-align: left;
}

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  min-height: 60px;
  max-width: 15em;
  text-transform: none;
  font-size: 15px;
}

.navbar {
	border-top: solid 1px;
	border-bottom: solid 1px;
	background-color: #fff;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
}

.uk-navbar-container {
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	padding-left: 40px;
	padding-right: 40px;
}

.uk-navbar-dropdown {
	width: auto;
	max-width: 400px;
}

.uk-navbar-center:only-child {
	margin-left: 0;
}

.uk-text-center {
	text-align: left !important;
}

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    padding: 0 15px 0 0;
}

dl.uk-description-list {
	margin-top: 50px;
}

.uk-nav-header:not(:first-child) {
	margin-top: 50px;
}

.uk-description-list img {
	max-width: 260px;
	height: auto;
	margin: 20px 0;
}

/* ---------------------------------------------------------------
Header Bilder und Button
-----------------------------------------------------------------*/

.header-image-container {
	width: 300px;
	margin: 0;
	padding-top: 4%;
	padding-left: 15%;
	text-align: center;
}


.header-image-link {
  background-color: #bdd7ee;
  border-radius: 6px; 
  box-shadow: inset 0 2em 3em -1em #7ab6ee;
  padding: 0 10px;
  /* border-color: #fff; */
  /* border: solid 0px; */
  /* color: #fff !important; */  
}

.header-image-link:hover,
.header-image-link:focus {
  border-radius: 6px;
  box-shadow: inset 0 2em 3em -0.3em #7ab6ee;
  padding: 0 10px;
  /* border-color: #fff; */
  /* border: solid 0px; */
  /* color: #000 !important; */
} 

.header-image-link a {
	color: #333 !important;
}

.header-image-link a:hover,
.header-image-link a:focus {
	color: #fff !important;
}



/*
.pictButton {
	width: 14px;
	height:16px;
	background-image:url('/cmf/site/templates/styles/images/pict.gif');
	background-position: 0 16px;
	background-repeat: no-repeat;
}
.pictButton:hover {
	background-position:0 0;
}
*/


#edit-page {
	/* the edit page link that appears when page is editable */
	position: absolute;
	top: 10px;
	right: 10px
}

#offcanvas-toggle {
	/* the hamburger icon that toggles the mobile navigation */
	position: absolute;
	top: 10px;
	left: 15px;
}

#offcanvas-nav .uk-search-input {
	/* the search box that appears in offcanvas nav */
	width: 100%;
}

img.uk-comment-avatar {
	/* avatar that appears in comments */
	width: 60px;
	height: 60px;
}

.uk-section {
    padding-top: 30px;
    padding-bottom: 30px;
}

ul.list-style-non{
    padding-left: 0;
}
.list-style-non li {
    list-style: none;
}

.uk-nav-divider {
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
		font-size: 0.9em;
}


/* ---------------------------------------------------------------
Tabelle Homepage
-----------------------------------------------------------------*/

table.table-home td {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

table.table-home img {
    max-width: 90% !important;
    position: relative;
    top: 0;
}




@media only screen and (max-width: 959px) {
	/* custom adjustments for mobile layouts under 960px */
	#masthead {
		/* primary nav is not visible, so it needs some padding here */
		padding-bottom: 20px;
	}

	.uk-margin-medium-top {
		margin-top: 70px !important;
}

	/* LanguageSwitcher unterhalt Menutoggle darstellen */
	#masthead ul {
		padding-top: 30px;
	}

}

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

}

/****************************************************************
 * Bodycopy text and images
 *
 * These styles are good to have on any ProcessWire site
 *
 */

.align_left {
	/* for images placed in rich text editor */
	float: left;
	margin: 0 1em 0.5em 0;
	position: relative;
	top: 0.5em;
	max-width: 50%;
}

.align_right {
	/* for images placed in rich text editor */
	float: right;
	margin: 0 0 0.5em 1em;
	max-width: 50%;
}

.align_center {
	/* for images placed in rich text editor */
	display: block;
	margin: 1em auto;
	position: relative;
	top: 0.5em;
}

figure {
	/* figure for image that has a caption */
	display: table;
	margin: 1em 0;
}

figure figcaption {
	/* display caption text below image contained to image width */
	display: table-caption;
	caption-side: bottom;
	font-size: 13px;
	line-height: 1.4em;
	margin-top: 5px;
	color: #777;
}

@media only screen and (max-width: 767px) {
	/* common PW mobile layout adjustments for widths under 768px */

	.align_left, .align_right, .align_center {
		/* display images in center rather than aligned */
		display: block;
		float: none;
		margin: 1em auto;
		max-width: 100%;
	}

	figure,
    figure figcaption {
		/* let figcaption display as wide as needed below image */
	    display: block;
	    text-align: center;
    }
}



/*********************************************************************
* Contact
*
*/

#contact-form label {
display: block;
padding-top: 1em;
}

#wrap_Inputfield_scf-website {
display: none;
}

#contact-form input,
#contact-form textarea {
width: 500px;
max-width: 100%;
line-height: 1.5em;
}

#contact-form .form__item--submit {
padding: 30px 0;
}


/*********************************************************************
* Webform
*
*/

#web-form label {
display: block;
padding-top: 1em;
clear: both;
}

#wrap_Inputfield_scf-website {
display: none;
}

#web-form input,
#web-form textarea {
width: 500px;
max-width: 100%;
line-height: 1.5em;
}

#wrap_Inputfield_form_statuten_gelesen .form__item--label {
display: none;
}

#wrap_Inputfield_form_statuten_gelesen input {
width: 20px;
}

#web-form .form__item--submit {
padding: 30px 0;
}

#web-form .field--collapsed .form__item--label {
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 4em;
	line-height: 1;
}

#web-form .form__item .field--collapsed {
	max-height: 10px;
}

input#Inputfield_form_korrespondenzadresse_1,
input#Inputfield_form_korrespondenzadresse_2,
input#Inputfield_form_anrede_1,
input#Inputfield_form_anrede_2 {
	width: 10px;
	margin-right: 10px;
}

#web-form ul.InputfieldRadiosStacked {
	margin: 0;
}

div#wrap_Inputfield_form_statuten_gelesen {
	margin-top: 40px;
}

.InputfieldRadiosStacked li {
	float: left;
	padding-right: 20px;
}

.InputfieldRadiosStacked li label {
	padding-top: 0 !important;
}



/*********************************************************************
* xxx
*
*/

p.next-news-post {
	margin-top: 80px;
}

.uk-h2, h2 {
    font-size: 2rem;
}

.uk-h1, h1 {
    font-size: 2.625rem;
}






.sidebar {
	margin-bottom: 40px;
}



.timeline-Widget {
    margin-top: 2em;
}

.timeline-Viewport {
    overflow-x: hidden;
    overflow-y: scroll !important;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    height: 250px;
}


/*********************************************************************
* Farben
*
*/

a:link    {
	color: #788391;
	font-weight: 600;
}
a:visited {
	color: #788391;
}
a:focus   {
	color: #788391;
}
a:hover   {
	color: #bcc0c6;
	text-decoration: none;
}
a:active  { color: #bcc0c6;
}

em {
    color: inherit;
}