@charset "UTF-8";
* {margin-bottom:0;margin-top:0;margin-left:0;margin-right:0;padding-bottom:0;padding-top:0;padding-left:0;padding-right:0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;line-height: 1.5em;}

/* LAYOUT - GENERAL */
body {background-color:#fff;font-size:0.8em;text-align: left;width:100%;}
header {height:11.9em;width:100%;background:linear-gradient(to right, #fbead5 60%, #fff);}
nav {height:2.5em;width:100%;background-color: #4e689d;box-shadow: 0 0.2em 0.3em #696969;padding-left:1.7em;box-sizing: border-box;}
#breadcrumb {height:1em;padding:0.5em 0 0.9em 2.5em;text-transform: uppercase;}
#contentwrap {max-width:77em;min-height:40em;}
#contentwrap:after {visibility: hidden;display: block;content: "";clear: both;height: 0;}
#keyvisual {height:14.4em;width:55em;background-size:100%;margin-bottom:2em;}
#content {height:100%;max-width:55em;float:left;}
article {height:100%;max-width:55em;padding-left:2.5em;}
aside {float:right;width:20em;height:100%;margin-left: 1.5em;}
footer {width:100%;padding: 2em 0em 2em 2.5em;box-sizing: border-box;}


/* MENU */
nav ul {list-style-type:none;padding:0px;}
nav a {color:#ffffff !important;}
nav li {background-color: #4e689d;}
nav .menu > li{float:left;letter-spacing:0.06em; position:relative;}
nav .menu a, nav .menu a:link, nav .menu a:visited{display:inline-block;text-transform:uppercase;padding:0.3em 0.7em 0.15em;font-size:1.3em;font-weight:bold;}
nav .menu > li:hover > a, nav .menu > li:active > a {color: #f7a32c !important;}
nav .menu .logout fa-sign-out {color:#ffffff;}

/* UNTERMENU (allgemein / 2. Ebene) */
nav:not(.nohover) li:hover .submenu1{display:block;}
nav .submenu1 {display:none;position:absolute;top:2.5em;left:-1em;padding-top:0.1em;} /*overflow:hidden;*/
nav .submenu1 ul {box-shadow: 0em 0.1em 0.3em #696969;margin:0em 0.5em 0.5em 0.5em;}
nav .submenu1 li {width:18em;border-bottom: 1px solid grey;}
nav .submenu1 li:last-child {border-bottom: none}
nav .submenu1 li > a, nav .submenu1 li > a:link, nav .submenu1 li > a:visited{padding:0.6em 1.2em;font-size:1.1em;font-weight:normal;text-transform: uppercase;max-width:14em;}
nav .submenu1 ul > li:hover, nav .submenu1 ul > li:active {background-color:#f7a32c;}	

/* UNTERMENU 3. EBENE */
nav .submenu2 { position:relative;}
nav .submenu2 ul { margin:0em; box-shadow: none;}
nav .submenu2 li {padding-left:3em; width:15em;  border:none;}
nav .submenu2 li > a {padding:0.3em !important;} 
nav .submenu2 li > a, nav .submenu2 li > a:link, nav .submenu2 li > a:visited{text-transform: none; width:13em;}

/* FOOTER */
footer, footer a {
	color: #4e689d;
	font-weight:bold;
	text-decoration:none;
}

/* GENERAL FONT STYLING */
a, a:link, a:visited { text-decoration:none; color:#4e689d; }
a:hover, a:active { color:#F7A32C; }
span.sidebar-headline {font-size:1.8em; color: #4e689d; font-weight:bold; text-transform:uppercase; padding:0 0 0.5em 0em;display:block;}
#breadcrumb {color:#4e689d;}

/* CONTENT STYLING */
h1 { font-size:1.8em; color: #4e689d; font-weight:bold; padding:0em; text-transform: uppercase;}
h2 { font-size:1em; color: #9a9682; font-weight:bold; padding:0 0 1.2em 0em; }
h3 { font-size:1.3em; color: #4e689d; font-weight:bold; margin:1.5em 0 0.5em 0em;}
h4 { margin:0.5em 0 0.5em 0em;}
p { line-height:1.5em;padding-bottom: 0.5em;}
#contentwrap a { text-decoration:none; color:#ab1a4c; }
#contentwrap a:hover { text-decoration: underline; }
#contentwrap a span.fa {color:black;font-size:1.25em;margin:0em 0.5em 0em 0em}
table {width:100%;border:none;border-collapse: collapse;margin:0em 0em 1em 0em;}
th,td {padding:0.4em 0.8em;text-align:left;}
th:first-child,td:first-child {padding-left:0em;}
td {border:none;border-bottom:solid grey 1px;}
ul {padding:0em 0em 1em 3em;list-style-type: circle;}
ol:not(.gallery) {padding:0em 0em 1em 3em;}
#contentwrap img {max-width:100%;}
hr {margin:0.3em 0em;}
.inline-image-lf, img.align_left {float:left;padding:0.3em 1em 0.5em 0em;}
.inline-image-rf, img.align_right {float:right;padding:0.5em 0em 0.5em 1em;}
blockquote {border-left:solid #9a9682 0.4em;padding:1em;margin:0em 3em;font-style: italic;color:#4f4d43;background-color:#d1cdc9;}


/* GALLERY */
.gallery {line-height: 2.5em;-webkit-column-count: 2;-webkit-column-gap:0.2em;-webkit-column-width:21em;-webkit-column-fill:balanced;-moz-column-count:2;-moz-column-gap:0.2em;-moz-column-width:21em;-moz-column-fill:balanced;column-count:2;column-gap:0.2em;column-width:21em;column-fill:balanced;margin:0em;}
.gallery li {-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;column-break-inside:avoid;list-style-type: none;min-height: 15.5em;padding:0em 0em 2em 0em;}
#contentwrap .gallery img {max-width:20.5em;}

/* GENERAL FORMS */
form {padding:0em;}
form .Inputfields {list-style-type:none; padding:0em 0em 2em 0em}
form label i {display:none !important;}
form select, form textarea, form input, form button {font-size:1em;}
.InputfieldSubmit {padding-top: 1em;}
.InputfieldFieldset {border-top: solid 1px grey}
.InputfieldError span, .InputfieldError i {color:red;}
.InputfieldError {padding:0em;}
.formError {background-color:lightcoral; padding:0.5em;margin-bottom:1em;}
#popup {display:none;}
#datenschutz {padding:2em;}

/* MELDEFORMULAR */
#meldeformular .InputfieldRadiosStacked {list-style-type:none; padding:0em;}
#meldeformular .ui-widget-header {float:left; width:21em; }
#meldeformular .ui-widget-content {float:left; width:25em;}
#meldeformular .Inputfield {padding:0.5em 0em;}
#meldeformular .Inputfield:after {clear:both; content: ''; display:block;}
#meldeformular input[type="text"],#meldeformular input[type="email"],#meldeformular textarea,#meldeformular select {width:24em;}
#meldeformular .InputfieldFieldset > .ui-widget-header {float:none; display:block; padding-top:2em;color:#4e689d;}
#meldeformular .InputfieldFieldset > .ui-widget-content,
#meldeformular .InputfieldMarkup > .ui-widget-content {float:none; display:block; width:100%;}
#meldeformular #wrap_haftungsausschluss label,
#meldeformular #wrap_haftungsausschluss div {float:none; display:block; width:auto;}
#meldeformular .fieldsetheader > label {font-weight:bold; font-size:1.3em; width:100%;}

/* KONTAKTFORMULAR */
#kontaktformular .ui-widget-header {float:left; width:12em; }
#kontaktformular .ui-widget-content {float:left; width:35em; }
#kontaktformular .Inputfield {padding:0.5em 0em;}
#kontaktformular .Inputfield:after {clear:both; content: ''; display:block;}
#kontaktformular input[type="text"],#kontaktformular input[type="email"],#kontaktformular textarea,#kontaktformular select {width:31em;}

/* LOGINFORMULAR */
#login .InputfieldMarkup {padding:1em 0em 0em;}

/* VEREINSLEBEN */
.geburtstag {font-size:2em !important; margin-right:0.4em; color:#ab1a4c;}

/* VEREINSBOOTE */
iframe {width:100%;height:40em;}
.calendarcontainer {min-height:672px;}
.calendarcontainer.loading {background:url('../images/icons/ajax-loader.gif') no-repeat center center;}
.calendar {table-layout:fixed;}
.calendar th {padding:0.5em 0em;}
.calendar td {border:solid grey 1px;height:10em;padding:0em;vertical-align:top;font-size:0.8em;}
.calendar td .day {display:block;background-color:lightcyan}
.calendar td .day.hasevent {background-color:lightblue}
.calendar td .event {display:block;padding:0.3em;border-radius: 0.5em; margin:0.2em; background-color:lemonchiffon;}
.calendar .navigation td {border: none; height:2em !important;text-align:center;}
.calendar .navigation {font-size:1.5em;color:#4e689d;}
.calendar .navigation .prev {text-align:left;}
.calendar .navigation .next {text-align:right !important;}
.calendar .navigation .prev:hover, .calendar .navigation .next:hover {color:#ab1a4c;cursor:pointer;}

/* VEREINSBOOTE MENU */
#tab-menu {padding:0;}
#tab-menu li {list-style-type:none;display:inline-block;background-color:#4e689d;padding:0.5em 1em 0.4em;margin-right:0.5em;border-top-left-radius: 1em; border-top-right-radius: 1em;border-top:solid 1px #4e689d;border-left:solid 1px #4e689d;border-right:solid 1px #4e689d;cursor:pointer;}
#tab-menu li a, #tab-menu li a:hover {color:#ffffff;text-decoration: none;}
#tab-menu li:hover a {color:#f7a32c;}
#tab-menu li.active {background-color:white;}
#tab-menu li.active a {color:#4e689d;}

#tab-content {border:solid 0.1em #4e689d; padding:1em;}
#tab-content > div:not(.active) {display:none;}

/* DROPBOX */
#dbx-content {min-height:100px;}
#dbx-content.loading {background:url('../images/icons/ajax-loader.gif') no-repeat center center;}
#dbx-content.loading table {opacity:0.5;}
#dbx-content table {width:100%; border-collapse: collapse;}
#dbx-content td span {margin-right:10px; font-size:16px;}
#dbx-content td:first-child, #dbx-content th:first-child {width:50%;text-align:left;}
#dbx-content td, #dbx-content th {width:25%; text-align:right; border-bottom:solid grey 1px;}

/* SIDEBAR */
aside .news {min-height:14.4em;}

/* RESPONSIVE STYLE ELEMENTS */
#hamburger {display:none;font-size:2.5em;color:#ffffff;cursor: pointer;}
span.showmore {padding:0em 0em 0em 0.3em;}
nav .submenu1 .showmore {display: none !important;}

/* DEFAULT SCREEN */
@media screen and (min-width: 61.5em) {
	#ship {float:right;padding: 2.7em 5.5em 0 0;display:block;position:relative;cursor: pointer;}
	nav:not(.nohover) .menu > li span.showmore {display:none;}
}

@media screen and (min-width: 51em) and (max-width:61.5em) {
	#ship { display:none; }
	#content {float:none;}
	aside {float:none; margin:3em 2.5em 0em 2.5em;border-top:1px solid grey;width:auto;}
	nav:not(.nohover) .menu > li span.showmore {display:none;}
}

@media screen and (min-width: 0em) and (max-width: 51em) {
	header { display:none; }
	#ship { display:none; }
	#keyvisual { display:none; }
	#content {float:none;}
	#breadcrumb {display:none;}
	nav {margin-bottom:1.5em;}
	aside .news {min-height:8em;}
	
	/* REMOVE CONTENT PADDINGS */
	aside {float:none; margin:3em 1em 0em 1em;border-top:1px solid grey;width:auto;}
	article {padding:0em 1em;}
	footer {padding:2em 1em;}
	
	/* MENU */
	#hamburger {display:block;}
	nav {height:100%;padding-left:1em;}
	nav .menu {display:none;width:100%;left:0em;}
	nav .menu > li {float:none !important;}
	nav .menu > li > a,
	nav .menu > li > a:link,
	nav .menu > li > a:visited {width:100%;padding:0.3em 0em;}
	nav .menu > li > a > span.showmore {float:right;font-size:1.4em;display:inline-block;color:#ffffff !important;cursor:pointer;padding:0em 1em 0em 0em;}
	nav .menu > li > a > span.showmore:hover {color:#e3871b !important;}
	nav .submenu1 {position:relative;left:0em;top:0em;}
	nav .submenu1 ul {box-shadow: none;}	
	nav .submenu1 > ul > li {width:100%;}	
	nav .submenu1 li > a,
	nav .submenu1 li > a:link {max-width:none; width:90%;}	
	nav .submenu2 > ul > li {width:92%;padding-left:8%}	
	
}