/* Write your custom css code here */

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('fonts/OpenSans-Light.woff2') format('woff2'),
        url('fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather';
    src: url('fonts/Merriweather-Regular.woff2') format('woff2'),
        url('fonts/Merriweather-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather Bold';
    src: url('fonts/Merriweather-Bold.woff2') format('woff2'),
        url('fonts/Merriweather-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}



body {
    font-family: 'Open Sans Light';
    background: #EDEDED; 
    font-size: 17px; 
}

a {
	color: #507e37;
}

a:hover {
	color: #444444;
}


#top h1 {
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 50px;
	font-family: "Open Sans Light";
	margin-top: 10px;
	text-transform: uppercase;
	}
	
#top h3 {
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 30px;
	font-family: 'Merriweather Bold';
	text-transform: uppercase;
	}
	
h1.displayname,
h1.eventgallery-category-headline,
h2 {
	color: #4b4b4b
	font-size: 25px;
	font-family: 'Merriweather Bold';
	text-transform: uppercase;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    margin-bottom: 30px;
    text-decoration: none;
    border-radius: .5rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    -webkit-box-shadow: 0 20px 30px -20px rgba(50,54,67,.4);
    box-shadow: 0 20px 30px -20px rgba(50,54,67,.4);
    color: #323643;
}
/* HEADER ###################################### */

.sunfw-sticky {
	background-color: rgba(255, 255, 255, .5)!important;
	z-index: 999;
	position: absolute;
	width: 100%;
	transition: .6s;
}

.sunfw-sticky.sunfw-sticky-open {
	background-color: rgba(255, 255, 255, 1)!important;
	z-index: 999;
	transition: .3s;
}

.sunfw-item-logo {
	z-index: 999999;
	position: absolute;
}

.sunfw-sticky #column_spalte-5_qf0zxta5 {
	margin: 35px 0 10px 0;
	transition: .3s;
}

.sunfw-sticky-open #column_spalte-5_qf0zxta5 {
	margin-top: 20px;
	transition: .3s;
}

.sunfw-sticky img {
	width: 100%;	
	height: auto;
	transition: .6s;
}

.sunfw-sticky.sunfw-sticky-open img {
	width: 80%;	
	height: auto;
	transition: .4s;
}

/* NAVIGATION ################################### */


.navbar-default .blind {display: none;}

.navbar-default {
    background-color: transparent;
    border: 0;
}

.sunfw-menu li:first-child {
	display: none;
}

.sunfw-menu li li:first-child {
	display: block;
}

.navbar-default ul {
	float: right;
}

.nav > li {
	border-right: 1px solid #507E37!important;
	padding: 5px 15px;
}

.nav > li:last-child {
	border-right: 0!important;
	padding: 5px 0 5px 15px;
}


.nav li a {
	padding: 0;
	line-height: 100%;
}

.nav li a:hover {
	color: #507E37!important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: transparent;
	color: #507E37;
}


.menutitle {
	font-family: 'Merriweather Bold';
	font-size: 20px;
	text-transform: uppercase;
	}

#menu_item_menu_ud8JBBfb > ul > li.parent.dropdown-submenu > ul > li> a > span > span {
	font-size: 14px;
}
	
ul.sunfw-tpl-menu > li.dropdown-submenu ul li {
	padding: 0;
}

ul.sunfw-tpl-menu > li.dropdown-submenu ul li a {
	padding: 8px 10px;
}

.dropdown-menu li a:hover {
	color: #fff!important;
	background-color: #507e37!important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
	background-color: #507e37!important;
	color: #fff!important;
}


/* SPLITMENU #################################### */

.splitmenu li {
	padding: 0!important;
	border-right: 0!important;
}

.splitmenu li a {
	width: 100%;
	display: block;
	padding: 10px 15px;
	font-size: 16x;
	text-transform: uppercase;
	background-color: #507E37;
	color: #fff;
	font-family: 'Merriweather';
	transition: .3s;
}

.splitmenu li a:hover {
	color: #507E37;
	background-color: #fff;
	transition: .3s;
}

.splitmenu li.current.active a {
	color: #507E37;
	background-color: #fff;
	font-family: 'Merriweather Bold';
}

/* SLIDESHOW #################################### */

#sunfw_section_abschnitt-1_NTUjhUvh {
	position: relative;
	margin-top: 0;
}

#rev_slider_1_1 > ul > li:nth-child(2) > div.tp-caption.tp-fade.flubber.start > img {
	-moz-transform: scale(0) rotate(0deg) translateX(10px) translateY(10px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(0) rotate(0deg) translateX(10px) translateY(10px) skewX(0deg) skewY(0deg);
-o-transform: scale(0) rotate(0deg) translateX(10px) translateY(10px) skewX(0deg) skewY(0deg);
-ms-transform: scale(0) rotate(0deg) translateX(10px) translateY(10px) skewX(0deg) skewY(0deg);
transform: scale(0) rotate(0deg) translateX(10px) translateY(10px) skewX(0deg) skewY(0deg);
}

/* BREADCRUMB ################################## */

#sunfw_section_abschnitt-4_zPf3CD6b {
	/*background: #fff;*/
}

.breadcrumb {
	background: #fff;
	margin: 0;
}



/* ICAGENDA ################################### */

.default_eventlist .ic-event-div {
	display: flex;
}

.iceventlist-title.ic-block a {
	font-size: 18px;
	line-height: 130%;
	font-family: 'Merriweather';
}

.default_eventlist .ic-date-div {
	text-shadow: none!important;
}

.ic-day {font-family: 'Open Sans';}

#icagenda {
    padding-bottom: 100px;
	padding-top: 40px;
    max-width: 1170px;
    margin: auto;
}

/* FOOTER ##################################### */

.sunfw-pos-footer1 {
	padding: 20px 0;
	text-align: center;
	background: #507e37;
	color: #fff;
}

/* FOOTERNAVI ################################ */


.sunfw-pos-footer1 ul.nav li {
	display: inline-block;
	color: #fff;
	background: transparent;
}

.sunfw-pos-footer1 ul.nav li a {
	text-transform: uppercase;
	color: #fff;
	background: transparent;
}

.sunfw-pos-footer1 ul.nav li a:hover {
	color: #fff!important;
	background: transparent;
	text-decoration: underline;
}







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

#column_spalte-1_dX7gY1CQ > div {
	max-width: 50%;
	margin-top: 20px;
}

.navbar-default ul {
	width: 100%;
	background: #fff;
}

ul.sunfw-tpl-menu > li.dropdown-submenu ul li a {
	padding: 15px 14px;
}

h2 span {
	font-size: 25px;
}
	
}
