@import "foundation.css";
/* @import "slick.css"; */
@import "blueimp-gallery.min.css";
@import "../fonts/OpenSans.css";
@import "../fonts/font-awesome.css";
@import "photoswipe/dist/photoswipe.css";
@import "photoswipe/dist/default-skin/default-skin.css";

/*
 *	Allgemein
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, blockquote, a, abbr, acronym,
address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*
 * Colors:
 *   backgroundColor: white;
 *   textColor:       black;
 *   darkGrey:        #898989;
 *   lightGrey:       #F0EEE8;
 *   orange:          #EE6406;
 *   green:           #96B769;
 *   blue:            #1B5D79;
 *   aubergine:       #8F7979;
 *   khaki:           #B8AF8C;
 */

/*
 * Font Sizes:
 *    0.857rem =      12px;
 *    1.000rem =      14px;
 *    1.071rem =      15px;
 *    1.143rem =      16px;
 *    1.429rem =      20px;
 *    2.143rem =      30px;
 */

/*
 * Weiche Überblendungen (transitions)
 *
 * Das Einblenden erfolgt relativ schnell mit einer Dauer von 0.1s;
 * das Ausblenden erfolgt nach einer Verzögerung von 0.1s mit einer Dauer
 * von 0.3s. Dadurch wird erreicht, dass ein Element:
 * a) schnell verfügbar ist
 * b) das Ausblenden erst beginnt, wenn das alternative Element schon eingeblendet ist
 *    und somit flickern vermieden wird
 * c) ein Ausblenden ohne Wechsel zu einem anderen Element weich erfolgt
 */

html {
	font-size: 14px;
	height: 100%;
}

table {
	border-collapse: collapse;
}

a,
a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

div .cookieMessage .cookieMessageText a, a:visited, a:hover{
	color:#008cba;
}

ul.newsteaser a.moreLink,
div#maincontent .main-column a {
	text-decoration: underline;
	color: rgb(155, 193, 41);
	font-weight: bold;
}

a span.title{
	color: #fff;
}

p {
	margin: 0 0 15px;
}

body {
	color: black;
	font-family: Open Sans,sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#container {
	margin: 0 auto;
	border: 0px solid #EEE;
	/*box-shadow: 0 0 14px 4px #97bf0d; /*TODO: Rausnehmen */
}

img.float_left{
	margin: 5px 12px 12px 0;
}
img.float_right{
	margine: 5px 0 12px 12px;
}

/* Override foundation row width */
.row {
	max-width: 1260px;
}

/* Override foundation column padding */
.columns, .column {
	padding: 0 10px;
}

.search.columns {
	padding: 0 10px 0 0;
}
.columns .row,
.column .row {
	margin: 0 -10px;
}

/*
 * Header
 */
.header {
	margin-top:	6px;
}

.header .top-bar {
	height: auto;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 12px;
	color: #898989;
	background: white;
}

.header .top-bar-hr {
	height: auto;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 12px;
	color: #898989;
	background: white;
}

img.logo {
	float:left;
}

.tab-bar-section > a > span {
font-size: 12pt;
color: #009bd5;
font-weight: bold;
}

.header.row div.logo {
	padding-right: 0;
}

.header .top-bar div.right-links {
	display: inline-block;
	float: right;
	margin-top: 8px;
	vertical-align: baseline;
}

.header .top-bar div.left-links {
	display: inline-block;
	float: left;
	margin-top: 20px;
	vertical-align: baseline;
}

.header .top-bar div.right-links div {
	display: inline-block;
}

/* Override foundation .label styling */
.header .top-bar .label,
.footer .label,
.hLinkList .label {
	font-family: "Open Sans";
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #262626;
	background: none;
	padding: 0;
}

.header .top-bar div.hLinkList {
	display: inline-block;
}

.header .top-bar div.hLinkList > ul {
	display: inline-block;
}

.header .top-bar div.hLinkList > ul >li {
	display: inline-block;
	margin-left: 20px;
}

.header .top-bar .social-links {
	margin-left: 10px;
}

.header .top-bar .social-links a {
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	padding: 2px;
	padding-bottom: 4px;
	width: 18px;
	font-size: 14px;
	line-height: 18px;
	color: white;
	background-color: #898989;
}

.header .top-bar .feedbackLink {
	display: inline-block;
	width: 194px;
	height: 40px;
	margin-top: 14px;
	margin-left: 20px;
	padding-top: 11px;
	padding-left: 50px;
	background: url('../images/feedback_chevron.png') no-repeat;
}

.header .top-bar .feedbackLink .label {
	font-size: 16px;
	color: white;
}

.header .hr_green {
	border-color: #96be0d;
	margin: 15px 0 0;
}

.header span.institution, .header span.inst_name {
	font-size: 16pt;
	color: #009bd5;
}

.header span.inst_name {
	font-weight: bold;
}

/*
 * Header Navigation
 */

.header .nav-bar {
	margin-top: 4px;
}

.header .horizontalNavigation {
	width: 100%;
	height: 40px;
	display: table;
	position: relative;
}
/* Erste Ebene */

.header .horizontalNavigation > ul.navigation {
	display: table-row;
}

.header .horizontalNavigation > ul.navigation li {
	text-align: left;
}

.header .horizontalNavigation > ul.navigation > li {
	float: none;
	display: table-cell;
	padding-right: 9px;
	text-align: center;
}

.header .horizontalNavigation > ul.navigation > li:last-child {
	padding-right: 0;
}

.header .horizontalNavigation ul.navigation > li a {
	/* Margin und Padding sind an die Grenze gefahren,
	 * so dass die Menüpunkte möglichst die Breite von
	 * 8 Spalten ausfüllen */
	display: inline-block;
	width: 100%;
	padding: 8px;
	background: #dfebb6;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-transform: uppercase;
	white-space: normal;
	transition: color 0.4s, background 0.4s;
	color: #9bc129;
}

.header .horizontalNavigation ul.navigation > li.PLACEHOLDER {
		display: none;
}

.header .horizontalNavigation ul.navigation > li:hover a,
.header .horizontalNavigation ul.navigation > li.ACTIVE a {
	background: #96be0d;
	color: white;
}

/* 2. Ebene */

.header .horizontalNavigation ul.navigation > li > ul.navigation {
	display: block;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.4s, opacity 0.3s 0.1s;
	position: absolute;
	left: 9px;                 /* Grid-Padding */
	right: -205px;  /* 106px - 10 px Grid-Padding */
	z-index: 10100;
	background: rgba(255,255,255,1);
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #F0EEE8;
	border-top: none;
}

.header .horizontalNavigation ul.navigation > li > ul.navigation > li {
	border: none;
	padding: 20px 10px;
}

.header .horizontalNavigation ul.navigation > li > ul.navigation > li:hover {
	background: #dfebb6;
}

.header .horizontalNavigation ul.navigation > li > ul.navigation > li a {
	font-size: 14px;
	text-transform: none;
	color: black;
	background: transparent;
	transition: color 0.4s 0.1s;
}

.header .horizontalNavigation ul.navigation > li > ul.navigation > li:hover a,
.header .horizontalNavigation ul.navigation > li > ul.navigation > li.ACTIVE a {
	color: #000;
	transition: color 0.1s;
}

.header .horizontalNavigation ul.navigation > li > ul.navigation > li a span.filename {
	font-weight: 600;
}

.header .horizontalNavigation ul.navigation > li > ul.navigation > li.ACTIVE {
	display: block;
	font-weight: 600;
	background: #dfebb6;
	background-size: 27px;
}

.header .horizontalNavigation ul.navigation > li > ul.navigation > li span.description {
	display: block;
	white-space: normal;
	margin-top: 0.65em;
}


.no-touch .header .horizontalNavigation ul.navigation > li:hover ul,
.header .horizontalNavigation ul.navigation > li.hover ul {
	z-index: 10101;
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.1s;
}


/* Search Form */

#searchForm {
	width: 100%;
}
.searchFormSpan .sideBoxContent {
	padding: 0;
}

table.searchForm {
	width: 100%;
}

table.searchForm td {
	width: 100%;
	padding: 0;
}

table.searchForm td.searchFormInputCell {
	width: 100%;
	padding: 0;
}

table.searchForm #searchText {
	width: 100%;
	height: 40px;
	margin: 0;
	border: none;
	text-transform: uppercase;
	font-size: 16px;
	padding: 0 32px 0 5px;
	background: url('../images/search_green.png') no-repeat 99%;
	background-size: 22px;
	border: 3px solid #96be0d;
	color: #96be0d;
}

/*
 * Footer
 */
/*.footer_row {
	width: 1600px;
	max-width: 1600px;
}*/

.footer_div {
	margin: 0px auto !important;
}

.footer p.block-head {
	text-transform: uppercase;
	padding-bottom: 4px;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}

.a-green,
.footer p.block-head a:hover,
.footer ul.documentNav > li > a:hover {
	color: #97bf0d;
}

.footer ul.documentNav {
	list-style-type: none;
}

.footer ul.documentNav > li {
	font-size: 12px;
	line-height: 27px;
	background: url('../images/arrow_right_green.png') no-repeat left center;
	background-size: 5px;
	padding-left: 10px;
}

.footer ul.documentNav > li a {
	color: white;
}

.footer div.right-links {
	display: inline-block;
	float: right;
	margin-top: 68px;
	text-transform: uppercase;
}

.footer div.right-links div {
	display: inline-block;
}

.footer div.right-links ul {
	display: inline-block;
	float: right;
}

.footer div.hLinkList {
	display: inline-block;
}

.footer div.hLinkList > ul {
	display: inline-block;
}

.footer div.hLinkList > ul >li {
	display: inline-block;
	margin-left: 20px;
	background: url('../images/arrow_right_green.png') no-repeat left center;
	background-size: 5px;
}

.footer div.hLinkList > ul >li .label {
	color: white;
}

.footer .social-links {
	margin-right: 16px;
}

.footer .social-links a {
	display: inline-block;
	text-align: center;
	margin-left: 20px;
	padding: 4px;
	padding-bottom: 4px;
	width: 40px;
	font-size: 30px;
	line-height: 40px;
	color: white;
	background-color: #97bf0d;
}

/*
 * Left Column
 */

.left-column .navigationroot ul.navigation {
	list-style-type: none;
	background: #f4f8e6;
}

.left-column .navigationroot ul.navigation ul.navigation {
	background: white;
	margin-left: 0px;
}

.left-column .navigationroot ul.navigation > li {
	padding: 12px 22px;
}

.left-column .navigationroot ul.navigation ul.navigation > li {
	padding: 9px 0px;
}

.left-column .navigationroot ul.navigation > li li:last-child {
	margin-bottom: 0;
}

.left-column .navigationroot ul.navigation > li a {
	font-size: 16px;
	color: black;
}

.left-column .navigationroot ul.navigation > li span.CURRENT a {
	font-weight: 600;
	color: #afcd45;
}

.left-column .navigationroot ul.navigation li.CURRENT,
.left-column .navigationroot ul.navigation li.ACTIVE {
	padding: 0;
}

.left-column .navigationroot ul.navigation li.CURRENT div.span,
.left-column .navigationroot ul.navigation li.ACTIVE div.span {
	background: #dfebb6;
	padding: 10px 22px;
}

.left-column .navigationroot ul.navigation li:hover {
	background: #dfebb6;
}

.left-column .navigationroot ul.navigation li:hover > div.span a {
	color: #afcd45;
}

.left-column .navigationroot ul.navigation ul.navigation li:hover {
	background: white;
}

.left-column .navigationroot ul.navigation li.CURRENT ul.navigation li div.span,
.left-column .navigationroot ul.navigation li.ACTIVE ul.navigation li div.span {
	background: white;
	padding: 0 16px;
}

.left-column .navigationroot ul.navigation li.CURRENT ul.navigation,
.left-column .navigationroot ul.navigation li.ACTIVE ul.navigation {
	border: 1px solid #f4f8e6; border-width: 0px 5px 5px 5px;
}

.left-column .hr_green {
	border-color: #96be0d;
	margin: 10px 0 10px;
}

#left-off-canvas-menu.mm-menu .mm-list a.mm-subclose {
	padding-top: 10px;
	margin-top:0;
}

#left-off-canvas-menu.mm-menu .mm-list a.mm-subclose:before{
	margin-bottom:-3px;
}

/*
 * Main Column
 */

.moreLinkWrapper.right {
	text-align: right;
}

a.moreLink {
	display: inline-block;
	margin-top: 10px;
	padding-left: 0px;
	padding-top: 0px;
	background-size: 27px;
	font-size: 16px;
	text-transform: uppercase;
	color: black;
}

.main-column .column-content {
	margin-top: 25px;
	padding-left: 20px;
}

/* Breadcrumb */

.main-column #breadcrumb {
	margin-bottom: 15px;
}

.main-column #breadcrumb a {
	font-size: 12px;
	text-transform: uppercase;
	color: black;
}

.main-column #breadcrumb .breadcrumb > .INSTANCE {
	color: #898989;
}

.main-column #breadcrumb .breadcrumb > .INSTANCE:nth-last-child(2) a {
	/* ACHTUNG: .INSTANCE:nth-last-child(1) ist ein leeres Element */
	color: #97bf0d;
}

/* Headline */

.main-column #headline {
	margin-bottom: 29px;
	margin-top: 20px;
}

.main-column #headline:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: #96be0d;
}


.main-column #headline h1 {
	color: #000;
	font-size: 20px;
	font-weight: bold;
}

#maincontent {
	max-width: 1280px;
	margin: 0 auto;
}

.main-column #maincontent div.section > .INSTANCE {
	margin-bottom: 24px;
	clear: both;
}

.main-column .further-information h2 {
	color: #97bf0d;
	font-size: 30px;
	margin: 30px 0 49px;
}

/* Weitere Informationen */


.contentNav,
.main-column .further-information .hLinkList {
}

.contentNav ul.documentNav,
.main-column .further-information .hLinkList > ul {
	list-style-type: none;
	border-top: 1px solid #97bf0d;
	margin-left: 0;
	margin-right: 0;
}

.contentNav ul.documentNav > li,
.main-column .further-information .hLinkList > ul > li {
	padding-top: 20px;
	padding-bottom: 17px;
	border-bottom: 1px solid #97bf0d;
}

.contentNav ul.documentNav > li.PLACEHOLDER,
.main-column .further-information .hLinkList > ul > li.PLACEHOLDER {
	border-top: none;
	border-left: none;
	border-right: none;
	padding-left: 24px !important;
}

.contentNav ul.documentNav > li,
.contentNav ul.documentNav > li a,
.main-column .further-information .hLinkList > ul > li,
.main-column .further-information .hLinkList > ul > li a,
.main-column .further-information .hLinkList > ul > li a .label {
	color: black;
	font-size: 16px;
	text-align: left;
}

/* Teaser */

div.centerPart div#teaser div.teaserPictureSpan img {
	width: 100%;
	max-width: 100%;
}

#teaser div.teaserPictureSpan {
	margin-bottom: 20px;
}

#teaser div.teaserPictureSpan,
#teaser div.teaserPictureSpan img {
	width: 100%;
	max-width: 100%;
}

#teaser div.teaser {
	font-weight: 600;
}

.main-column ul,
.main-column ol {
	margin: 0.5em 2.5em 1em;
}
.teaser-title {
  min-height: 40px;
}

/* Textstile */

 h2,
 h3,
 h4,
 p {
	margin-top: 0.7em;
	margin-bottom: 0.3em;
}

 h2,
 h3,
 h4 {
color: #97bf0d;
font-weight: 400;
}

 h2 {
	font-size: 30px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 16px;
}

.xhtmlText p {
	font-size: 14px;
	line-height: normal;
}

.xhtmlText blockquote {
	padding-left: 1em;
}

/* Tabellenstile */


.xhtmlText table td {
	background: none;
	padding: 2px 4px;
	font-size: 100%;
	line-height: normal;
	border: solid 1px #dddddd;
}

.xhtmlText table.alternating_rows tr,
.xhtmlText table.alternating_rows_header tr {
	background: white;
}

.xhtmlText table.alternating_rows tr:nth-child(2n+1),
.xhtmlText table.alternating_rows_header tr:nth-child(2n+1) {
	background: #F0EEE8;
}

.xhtmlText table.alternating_columns td,
.xhtmlText table.alternating_columns_header td {
	background: white;
}

.xhtmlText table.alternating_columns td:nth-child(2n+1),
.xhtmlText table.alternating_columns_header td:nth-child(2n+1) {
	background: #F0EEE8;
}

.xhtmlText table.alternating_rows_header tr:nth-child(1) td,
.xhtmlText table.alternating_columns_header tr:nth-child(1) td {
	background: #F0EEE8;
	color: #97bf0d;
	font-weight: 600;
}

/*
 * Right Column
 */

.sideBoxContent,
.alignedContent {
	padding: 21px 16px 23px;
}

.alignedContent.wide {
	padding-left: 0;
	padding-right: 0;
}

.alignedContent.tall {
	padding-top: 0;
	padding-bottom: 0;
}

.sideBoxNav .sideBoxContent,
.alignedContent.grey {
	background: #dfebb6;
}

.alignedContent.grey {
	min-height: 267px;
}

.alignedContent.bars {
	border-top: 1px solid #96be0d;
	border-bottom: 1px solid #96be0d;
}

.kontactColumn .alignedContent.bars,
.openingColumn .alignedContent.bars,
.opinionColumn .alignedContent.bars {
	border-bottom: none;
}

.kontactColumn a {
	color: #97bf0d;
	
}

.right-column .sideboxRepeat > .INSTANCE {
	margin-bottom: 63px;
}

/* Icons */

.title.exclamation_mark.icon {
	background: url('../images/exclamation_mark_blue.png') no-repeat left center;
	background-size: 5px;
	padding-left: 10px;
}

.title.list {
	background: url('../images/list_blue.png') no-repeat left center;
	background-size: 15px;
}

.title.radio_tower {
	background: url('../images/radio_tower_blue.png') no-repeat left center;
	background-size: 15px;
}

.title.waypoint {
	background: url('../images/waypoint_blue.png') no-repeat left center;
	background-size: 15px;
}


.title.stack {
	background: url('../images/stack_black.png') no-repeat left center;
	background-size: 15px;
}

.title.envelope {
	background: url('../images/envelope_black.png') no-repeat left center;
	background-size: 17px;
}

.title.location {
	background: url('../images/location_black.png') no-repeat 4px center;
	background-size: 11px;
}

.title.cog {
	background: url('../images/cog_black.png') no-repeat left center;
	background-size: 17px;
}

.title.balloon {
	background: url('../images/balloon_black.png') no-repeat left center;
	background-size: 17px;
}

.title.share {
	background: url('../images/share_black.png') no-repeat left center;
	background-size: 15px;
}

.title.speaker {
	background: url('../images/speaker_black.png') no-repeat left center;
	background-size: 17px;
}

.title.target {
	background: url('../images/target_black.png') no-repeat left center;
	background-size: 17px;
}

.title.tools {
	background: url('../images/tools_black.png') no-repeat left center;
	background-size: 15px;
}

.title.calendar {
	background: url('../images/calendar_black.png') no-repeat left center;
	background-size: 15px;
}

/* Spezifisch */

.sideBoxNav ul.documentNav,
.hLinkList > ul {
	list-style-type: none;
}

.sideBoxNav ul.documentNav > li,
.hLinkList > ul > li {
	margin-top: 10px;
	padding-left: 15px;
	background: url('../images/arrow_right_green.png') no-repeat left center;
	background-size: 8px;
	color: #888f72;
}

.sideBoxNav ul.documentNav > li.PLACEHOLDER,
.hLinkList > ul > li.PLACEHOLDER {
	padding-left: 34px !important;
}

.sideBoxNav ul.documentNav > li:first-child,
.hLinkList > ul > li:first-child {
	margin-top: 0;
}

.sideBoxNav ul.documentNav > li,
.sideBoxNav ul.documentNav > li a,
.linkList .hLinkList > ul > li,
.linkList .hLinkList > ul > li a,
.linkList .hLinkList > ul > li a .label {
	font-size: 15px;
	font-weight: 600;
	text-align: left;
	white-space: normal;
	width: 100%;
}


/* Standard Seitenboxen
/*
 * Startseite: Streifen
 */

/*
.startPage .contentRow > .column,
.startPage .contentRow > .columns {
	margin-top: 22px;
	margin-bottom: 22px;
} */

/*
 * Startseite: Slider Boxen
 */

.sliderBoxes > ul {
	margin-left: 0px;
	margin-right: 0px;
}

.sliderBoxes > ul > li {
	padding: 0;
	padding-right: 1px;
}

.sliderBoxes a {
	height: 119px;
	background-color: #96be0d;
	text-align: center;
	box-sizing: border-box;
	padding: 15px 10px;
	margin-bottom: 1px;
	font-size: 16px;
	color: white;
	text-transform: uppercase;
	display: block;
}

.sliderBoxes a span.icon {
	display: block;
	width: 45px;
	height: 45px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.sliderBoxes a.oeffnungszeiten span.icon {
	background-size: 31px;
	background-image: url('../images/clock_white.png');
}

.sliderBoxes a.dienstleistungen span.icon {
	background-size: 32px;
	background-image: url('../images/paperclip_white.png');
}

.sliderBoxes a.rundumskfz span.icon {
	background-size: 36px;
	background-image: url('../images/key_white.png');
}

.sliderBoxes a.abfallwirtschaft span.icon {
	background-size: 29px;
	background-image: url('../images/basket_white.png');
}
.sliderBoxes a.infoblatt span.icon {
	background-size: 32px;
	background-image: url('../images/leaflet_white.png');
}
.sliderBoxes a.krisentelefon span.icon {
	background-size: 30px;
	background-image: url('../images/krisentelefon_white.png');
}
.sliderBoxes a.beratungsfuehrer span.icon {
	background-size: 29px;
	background-image: url('../images/guide_white.png');
}
.sliderBoxes a.preise span.icon {
	background-size: 32px;
	background-image: url('../images/price_white.png');
}
.sliderBoxes a.anschrift span.icon {
	background-size: 32px;
	background-image: url('../images/home_white.png');
}
.sliderBoxes a.kontakt span.icon{
	background-size: 29px;
	background-image: url('../images/contact_white.png');
}
.sliderBoxes a.facebook span.icon{
	background-size: 40px;
	background-image: url('../images/facebook-official.png');
}
.sliderBoxes a.beirat span.icon{
	background-size: 32px;
	background-image: url('../images/users.png');
}
.sliderBoxes a.veranstaltungen span.icon{
	background-size: 32px;
	background-image: url('../images/calendar.png');
}
.sliderBoxes a.biographie span.icon{
	background-size: 36px;
	background-image: url('../images/book.png');
}
/*
 * Startseite: Slideshow
 */

.slideShowRow .imageTeaserSpan {
	max-width: 1047px;
	background-color: black;
	max-height: 480px;
}

.slideShowRow .imageTeaserSpan .imageOverlay {
	cursor: pointer;
}

.slideShowRow .imageTeaserSpan .headerBox {
	left: 95px;
	top: 60px;
	height: auto;
	width: 440px;
	bottom: 80px;
	background: url('../images/slideshow_meta.png') no-repeat scroll left top;
	box-sizing: border-box;
	padding: 25px 80px 25px 38px;
}

.slideShowRow .imageTeaserSpan .headerBox .header {
	width: auto !important;
	position: static;
}

.slideShowRow .imageTeaserSpan .headerBox .headline {
	font-weight: 600;
	font-size: 42px;
	color: #ffffff;
	display: block;
	line-height: 45px;
	margin: 0;
}

.slideShowRow .imageTeaserSpan .teaserBoxContainer {
	display: block !important;
	opacity: 1 !important;
	position: absolute;
	left: 125px;
	bottom: 96px;
	width: 370px;
	font-size: 14px;
	height: auto;
	line-height: 19px;
}

.slideShowRow .imageTeaserSpan .teaserBox {
	position: static;
	width: auto;
	background-image: none;
}

.slideShowRow .imageTeaserSpan .teaserBox:after {
	content: '... MEHR';
	display: block;
	padding-left: 10px;
	text-transform: uppercase;
	color: white;
	font-size: 15px;
	margin-top: 15px;
}

.slideShowRow .imageTeaserSpan .imageTeaserNavigation {
	bottom: 60px;
	left: 91px;
	top: auto;
}

.slideShowRow .imageTeaserSpan .imageTeaserNavigation a {
	border-radius: 0;
	height: 5px;
	width: 30px;
	background-color: #809e0f;
	display: inline-block;
	margin: 5px;
	border: 0;
}

.slideShowRow .imageTeaserSpan .imageTeaserNavigation a:hover,
.slideShowRow .imageTeaserSpan .imageTeaserNavigation a.active {
	background-color: #d5d3d1;
}

.slideShowRow .imageTeaserSpan .arrowRightBox,
.slideShowRow .imageTeaserSpan .arrowLeftBox {
	top: 0;
	bottom: 0;
	height: auto;
}

.slideShowRow .imageTeaserSpan .arrowRightBox img,
.slideShowRow .imageTeaserSpan .arrowLeftBox img {
	opacity: 1 !important;
	display: block !important;
	position: absolute;
	top: 219px;
}

.slideShowRow .imageTeaserSpan .arrowRightBox img {
	right: 42px;
}

.slideShowRow .imageTeaserSpan .arrowLeftBox img {
	left: 40px;
}

/* important Hints */

div.newsTeaserColumn div.sidebox.newsTeaser div.boxcontent div.alignedContent.bars.wide div.row div.small-12.medium-3.columns div.newsTeaserInstance div.image a img {
	/*height: 140px;*/
}

/* News Teaser */

.newsTeaserColumn .row,
.pressReleaseColumn .row {
	margin-bottom: -20px;
}

.newsTeaserColumn .row .column,
.newsTeaserColumn .row .columns,
.pressReleaseColumn .row .column,
.pressReleaseColumn .row .columns {
	margin-bottom: 20px;
}

.newsTeaserInstance .date {
	font-size: 12px;
	margin-bottom: 4px;
	padding-right: 5px;
	position: absolute;
	display: inline;
	float: left;
	background: #fff;
}

.newsTeaserInstance .text {
	font-size: 14px;
	line-height: 17px;
	margin-top: 17px;
}

/* Pressemitteilungen und Veranstaltungen */

.tabGroup .tabHeaders .tabHeader {
	display: inline-block;
}

.tabGroup .tabBodies {
	overflow: hidden;
	position: relative;
}

.tabGroup .tabBodies .tabBody {
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.4s, opacity 0.3s 0.1s;
	position: absolute;
	left: 0;
	right: 0;
}

.tabGroup .tabBodies .tabBody.active {
	z-index: 2;
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.1s;
}

.kreisportraitColumn .alignedContent {
	margin-top: 30px; /* Ausrichten mit dem Inhalt der nebenstehen Tabs */
	padding: 10px;
	text-align: center;
}

.pressAndEventsColumn {
	margin-top: -9px;
}

.pressAndEventsColumn .title {
	display: none;
}

.pressAndEventsColumn .alignedContent {
	padding-top: 0;
	padding-bottom: 0;
	min-width: 448px;
}

.pressAndEventsColumn .tabHeaders {
	border-bottom: 5px solid #F0EEE8;
}

.pressAndEventsColumn .tabHeaders .tabHeader {
	padding: 9px 11px 5px;
	background: white;
	opacity: 0.5;
	transition: opacity 0.3s 0.1s, background 0.3s 0.1s;
}

.pressAndEventsColumn .tabHeaders .tabHeader.active {
	background: #F0EEE8;
	opacity: 1;
	transition: opacity 0.1s, background 0.1s;
}

.pressAndEventsColumn .tabHeaders .tabHeader.CONSTRUCTOR {
	border: none;
}

.pressAndEventsColumn .tabHeaders .tabHeader .title {
	display: inline;
	margin-bottom: 0;
	color: black;
}

.pressAndEventsColumn .tabBodies {
	margin-top: 20px;
}

.pressAndEventsColumn .tabBodies .tabBody ul {
	margin-left: -0.625rem; /* Halber Gridabstand */
	margin-right: -0.625rem; /* Halber Gridabstand */
	margin-bottom: -1.25rem; /* Gridabstand */
}

.pressAndEventsColumn .tabBodies .tabBody .column:last-child,
.pressAndEventsColumn .tabBodies .tabBody .columns:last-child {
	float: left;
}

.pressAndEventsColumn .eventInstance {
	position: relative;
	height: 139px;
	padding: 14px;
	background: #8F7979;
	color: white;
}

.pressAndEventsColumn .eventInstance .headline {
	text-align: center;
	font-size: 14px;
	line-height: normal;
	height: 80px;
	width: 100%;
	overflow: hidden;
}

.pressAndEventsColumn .eventInstance .dateWrapper {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	text-align: center;
	height: 40px;
	padding-bottom: 14px;
}

.pressAndEventsColumn .eventInstance .date {
	border-top: 2px solid white;
	font-size: 16px;
}

.pressAndEventsColumn .COUNT1 .eventInstance,
.pressAndEventsColumn .COUNT1 .eventInstance .dateWrapper {
	background: #97bf0d;
}

.pressAndEventsColumn .COUNT2 .eventInstance,
.pressAndEventsColumn .COUNT2 .eventInstance .dateWrapper {
	background: #96B769;
}

.pressAndEventsColumn .COUNT3 .eventInstance,
.pressAndEventsColumn .COUNT3 .eventInstance .dateWrapper {
	background: #1B5D79;
}

.pressAndEventsColumn .COUNT4 .eventInstance,
.pressAndEventsColumn .COUNT4 .eventInstance .dateWrapper {
	background: #8F7979;
}

.pressAndEventsColumn .COUNT5 .eventInstance,
.pressAndEventsColumn .COUNT5 .eventInstance .dateWrapper {
	background: #B8AF8C;
}

.pressAndEventsColumn .COUNT6 .eventInstance,
.pressAndEventsColumn .COUNT6 .eventInstance .dateWrapper {
	background: #8F7979;
}

/* Kreis Links */

.alignedContent.light_green {
	background: #f4f8e6;
	padding: 0;
}

.kreisLinks .logoCarousel {
	margin: 8px 74px -8px;
	height: 225px;
	display: block;
	white-space: nowrap;
}

.kreisLinks .logoCarousel .logoInstance {
	margin: 0 20px;
	display: inline-block;
}

.kreisLinks .logoCarousel .logoInstance a {
	display: block;
	height: 100%;
}

.kreisLinks .logoCarousel .logoInstance a:before {
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.kreisLinks .logoCarousel .logoInstance a img {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

.kreisLinks .logoCarousel button {
	width: 24px;
	height: 64px;
	background-size: 24px 48px;
	margin-top: -24px;
}

.kreisLinks .logoCarousel .slick-slide {
	height: auto;
}

.kreisLinks .logoCarousel button.slick-prev {
	left: -48px;
	background: url('../images/logoCarousel_arrowLeft.png') no-repeat;
}

.kreisLinks .logoCarousel button.slick-next {
	right: -48px;
	background: url('../images/logoCarousel_arrowRight.png') no-repeat;
}

.kreisLinks .logoCarousel button.slick-prev:before,
.kreisLinks .logoCarousel button.slick-next:before {
	content: '';
}

/* Lightbox */

.ionas-lightbox {
	display: inline-block;
	position: relative;
}

	span.ionas-lightbox,
	span.ionas-lightbox img {
		max-width: 100%;
		height: auto;
	}

.ionas-lightbox::after {
	content: '';
	display: block;
	position: absolute;
	right: 8px;
	top: 8px;
	width: 24px;
	height: 24px;
	background: url('../images/zoom_in_green.png') no-repeat right top;
	background-size: 24px;
	opacity: 1;
}

.imageGallery .ionas-lightbox::after {
	opacity: 0;
	transition: opacity 0.3s 0.1s;
}

.imageGallery .ionas-lightbox:hover::after {
	opacity: 1;
	transition: opacity 0.1s;
}

#ionasLightbox {
	display: none;
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

#ionasLightbox .frame {
	position: relative;
	padding: 14px;
	border: 1px solid #F0EEE8;
	background: rgba(255,255,255,0.9);
	padding-top: 24px;
}

#ionasLightbox .slick-slider {
	margin: 0 48px;
}

#ionasLightbox .slick-slider .slick-slide {
	float: none;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

#ionasLightbox .slick-slider .slick-slide:after {
	content: '';
	width: 0;
	height: 100%;
	display:inline-block;
	vertical-align: middle;
}

#ionasLightbox .slick-slider .slick-slide img {
	display: inline-block;
	vertical-align: middle;
}

#ionasLightbox .slick-slider .slick-prev,
#ionasLightbox .slick-slider .slick-next {
	width: 24px;
	height: 64px;
	background-size: 24px 48px;
	margin-top: -24px;
}

#ionasLightbox .slick-slider .slick-prev {
	left: -48px;
	background: url('../images/lightbox_arrowLeft.png') no-repeat;
}

#ionasLightbox .slick-slider .slick-next {
	right: -48px;
	background: url('../images/lightbox_arrowRight.png') no-repeat;
}

#ionasLightbox .slick-slider .slick-prev:before,
#ionasLightbox .slick-slider .slick-next:before {
	content: '';
}

#ionasLightbox .buttonBar {
	text-align: right;
}

#ionasLightbox button.close {
	padding-right: 48px;
	background: url('../images/close_orange.png') no-repeat right top;
	font-size: 14px;
	text-transform: uppercase;
	color: #97bf0d;
}

/* Document Teaser */

.sideboxContent > .documentTeaser {
	margin: 0 -16px;
}

.documentTeaserList .documentTeaser {
	margin-bottom: 20px;
}

.documentTeaserList .documentTeaser h3 {
	margin-bottom: 14px;
	margin-bottom: 6px;
	font-size: 20px;
	color: #97bf0d;
}

.documentTeaserList .documentTeaser .moreLinkWrapper a {
	margin-top: 0px;
}

/* Downloads */

.downloads table {
	width: 100%;
}

.downloads table thead {
	background: #F0EEE8;
}

.downloads table thead tr th {
	font-size: 14px;
	color: #97bf0d;
}

.downloads table tbody {
	background: #F0EEE8;
}

.downloads table tbody tr td {
	font-size: 14px;
}

.downloads table thead tr th:nth-of-type(3), 
.downloads table thead tr th:nth-of-type(4) {
	min-width: 95px;
}

/* Standard Tabs */

.tabs ul#tabnav {
	margin: 0;
	white-space: nowrap;
	border-bottom: 5px solid #F0EEE8;
}

.tabs ul#tabnav > li {
	display: inline-block;
	padding: 9px 11px 5px;
	background: white;
	opacity: 0.5;
	transition: opacity 0.3s 0.1s, background 0.3s 0.1s;
}

.tabs ul#tabnav > li.active {
	background: #F0EEE8;
	opacity: 1;
	transition: opacity 0.1s, background 0.1s;
}

.tabs ul#tabnav > li.CONSTRUCTOR {
	border: none;
}

.tabs ul#tabnav > li > a {
	display: inline-block;
	color: black;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

.tabs .panel {
	display: none;
	background: none;
	border: 1px solid #F0EEE8;
}

div.tabs div.panel:after{
	clear: both;
	content: "";
	display: block;
}

.tabs .active {
	display: block;
}

.tabContentRepeat .INSTANCE {
	margin-bottom: 10px;
}

.tabContentRepeat .INSTANCE:last-child {
	margin-bottom: 0;
}

/* Standard Akkordeon */

div.accordionBoxRepeat {
	border-bottom: 1px solid #96be0d;
}

div.accordion div.accordionHeadline {
	padding-top:13px;
	padding-bottom:13px;
	border-top: 1px solid #96be0d;
	background: white;
}

div.accordion div.accordionHeadline b.top,
div.accordion div.accordionHeadline b.bottom {
	display: none;
}

div.accordion div.accordionHeadline .accordionHeadlinePadding span {
	font-size: 16px !important;
	font-weight: 600;
}

div.accordion div.accordionContent {
	border: none;
	margin: 0;
}

div.accordion div.accordionContentPadding {
	padding-left: 0;
}

div.accordion div.accordionHeadlinePadding {
    font-weight: bold;
    padding: 0px 0px;
}

div.accordion .accordionHeadline.closed div.accordionHeadlinePadding {
    background: url("../images/accordeon_open.png") no-repeat scroll right !important;
}

div.accordion .accordionHeadline.open div.accordionHeadlinePadding {
    background: url("../images/accordeon_close.png") no-repeat scroll right !important;
}

/* horizontale Linie */
.horizontalLine {
	border-color: #96be0d;
	margin: 0px 0 0;
}

/* Image Gallery */

.imageGallery ul {
	margin-left: -0.625rem; /* Halber Gridabstand */
	margin-right: -0.625rem; /* Halber Gridabstand */
	margin-bottom: -1.25rem; /* Gridabstand */
}

/* Mobile Navigation */

.tab-bar {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1;
	background: none;
	border-bottom: 1px solid #F0EEE8;
	overflow: hidden;
	background: white;
	opacity: 0.9;
}

.tab-bar .menu-icon {
	border-right: 1px solid #F0EEE8;
}

.tab-bar .menu-icon span::after {
	box-shadow: 0 0px 0 1px #898989, 0 7px 0 1px #898989, 0 14px 0 1px #898989;
}

.tab-bar .middle.tab-bar-section img {
	height: 100%;
	margin-bottom: 1px;
}

/* Menu */

#left-off-canvas-menu {
	display: none;
	background: #F0EEE8;
	color: black;
}

#left-off-canvas-menu.mm-menu > .mm-list {
	padding: 0;
}

#left-off-canvas-menu.mm-menu .mm-list > li > a.mm-subclose {
	background: #898989;
	color: white;
}

#left-off-canvas-menu.mm-menu .mm-list > li > a.mm-subopen:after {
	border-color: black;
}

#left-off-canvas-menu.mm-menu .mm-list > li > a.mm-subclose:before {
	border-color: white;
}

#left-off-canvas-menu ul#mm-m0-p0 {
	text-transform: uppercase;
}

/* StartPageSlider */

/* Thumbnail Item Skin Begin */
/* jssor slider thumbnail navigator skin 11 css */
/*
.jssort11 .p            (normal)
.jssort11 .p:hover      (normal mouseover)
.jssort11 .pav          (active)
.jssort11 .pav:hover    (active mouseover)
.jssort11 .pdn          (mousedown)
*/
.jssort11
{
	font-family: DroidSans, Arial, Helvetica, sans-serif;
}
.jssort11 .i, .jssort11 .pav:hover .i
{
	position: absolute;
	top:3px;
	left:3px;
	WIDTH: 60px;
	HEIGHT: 30px;
	border: white 1px dashed;
}
* html .jssort11 .i
{
	WIDTH /**/: 62px;
	HEIGHT /**/: 32px;
}
.jssort11 .pav .i
{
	border: white 1px solid;
}
.jssort11 .t
{
	position: absolute;
	top: 3px;
	left: 10px;
	width:390px;
	height: 55px;
	line-height: 55px;
	text-align: left;
	color:#565655;
	font-size: 23px;
	font-weight:700;
}
.jssort11 .pav .t, .jssort11 .phv .t, .jssort11 .p:hover .t, .jssort11 .pav:hover .t
{
	color:#fff;
}
.jssort11 .c
{
	position: absolute;
	top: 45px;
	left: 10px;
	width: 360px;
	height: 60px;
	line-height: 20px;
	color: #565655;
	font-size: 14px;
	overflow: hidden;
}
.jssort11 .pav .c, .jssort11 .phv .c, .jssort11 .p:hover .c, .jssort11 .pav:hover .c
{
	color:#fff;
}
.jssort11 .t, .jssort11 .c
{
	transition: color 2s;
    -moz-transition: color 2s;
    -webkit-transition: color 2s;
    -o-transition: color 2s;
}
.jssort11 .p:hover .t, .jssort11 .phv .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c
{
	transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
.jssort11 .p
{
	background:#ececec;
}
.jssort11 .pav, .jssort11 .pdn
{
	background:#e72d12;
}
.jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover
{
	background:#333;
}

.jssort11 .pav .t span, .jssort11 .pav:hover .t span
{
    width: 50px;
    height: 100%;
    float: right;
    background:url('../images/slider_arrow.png') no-repeat center center; 
}

#sequence-theme #sequence #slider1_container img  {
    border: 0 none;
	border-radius: 0px;
    box-shadow: none;
}

#slider1_container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1030px;
	height: 480px;
	background: #000;
	overflow: hidden;
}

#slider2_container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1240px;
	height: 230px;
	background: #f4f8e6;
	overflow: hidden;
}
#slider_loading_outer {
	position: absolute;
	top: 0px;
	left: 0px;
}

#slider_loading_inner1 {
	filter: alpha(opacity=70);
	opacity:0.7;
	position: absolute;
	display: block;
	background-color: #000000;
	top: 0px;
	left: 0px;
	width: 100%;
	height:100%;
}
#slider_loading_inner2 {
	position: absolute;
	display: block;
	background: url(../images/loading.gif) no-repeat center center;
	top: 0px;
	left: 0px;
	width: 100%;
	height:100%;
}
#slides_outer {
	cursor: move;
	position: absolute;
	top: 0px;
	width: 1030px;
	height: 480px;
	overflow: hidden;
}

#logoslides_outer {
	cursor: move;
	position: absolute;
	top: 0px;
	width: 1185px;
	height: 230px;
	overflow: hidden;
	left: 37.5px;
}

.logoSliderImage {
	display: block;
	margin: 0 auto auto;	
}

#thumbnav_outer {
	position: absolute;
	width: 390px;
	height: 380px;
	left:0px;
	top:0px;
}
#thumbnav_slides {
	cursor: move;
	top:0px;
}
#thumbnav_proto {
	position: absolute;
	width: 390px;
	height: 95px;
	top: 0;
	left: 0;
}

.readMoreMedium {
	bottom: 5px;
	position: absolute;
	right: 5px;
}

.readMoreSmall {
	bottom: -6px;
	position: absolute;
	right: 20px;
}

.captionGreen {
    background: #b2d630;
    background-color: rgba(178, 214, 48, 0.8);
    position:absolute;
    left:85px;
    top: 60px;
    width:1030px;
    height:125px;
    left: 0px !important;
    top: 340px !important;
    color: #fff;
    
}

.captionGreen a:active, captionGreen a:visited {
	color: #fff;
	text-decoration: none;
}
.captionGreen a{
	color: #fff;
	text-decoration: underline;
	
}
.captionGreen a:hover {
    color: #fff;
    text-decoration: underline;
    background-color: #b2d630;
    background-color: rgba(178, 214, 48, 0.6);
}

.captionGreen .t
{
	position: absolute;
	left: 20px;
	line-height: 40px;
	text-align: left;
	color: #fff;
	font-size: 32px;
	font-weight: 500;
	width: 1030px;
    top: 5px;
    height: 50px;
}
.captionGreen .pav .t, .captionGreen .phv .t, .captionGreen .p:hover .t, .captionGreen .pav:hover .t
{
	color:#fff;
}
.captionGreen .c
{
	position: absolute;
	top: 55px;
	left: 20px;
	width: 100%;
	height: 70px;
	line-height: 20px;
	color: #fff;
	font-size: 16px;
	overflow: hidden;
}
.captionGreen .pav .c, .captionGreen .phv .c, .captionGreen .p:hover .c, .captionGreen .pav:hover .c
{
	color:#fff;
}
.captionGreen .t, .captionGreen .c
{
	transition: color 2s;
    -moz-transition: color 2s;
    -webkit-transition: color 2s;
    -o-transition: color 2s;
}
.captionGreen .p:hover .t, .captionGreen .phv .t, .captionGreen .pav:hover .t, .captionGreen .p:hover .c, .captionGreen .phv .c, .captionGreen .pav:hover .c
{
	transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.captionGreen_medium_t, .captionGreen_medium_c, .captionGreen_small {
    background: #b2d630;
    background-color: rgba(178, 214, 48, 0.8);
    position:absolute;
    box-sizing: border-box;
    padding: 25px 80px 25px 38px;
    color: #fff;
} 

.captionGreen_medium_t {
    left:85px;
    top: 40px;
    width:440px;
    height:170px;
    padding: 0 auto;
/* 	    bottom: 80px; */
}

.captionGreen_medium_c {
    left:85px;
    top: 350px;
    width:740px;
    height:110px;
    padding: 0 auto;
}

.captionGreen_medium_t a, .captionGreen_medium_t a:active, captionGreen_medium_t a:visited,
.captionGreen_medium_c a, .captionGreen_medium_c a:active, captionGreen_medium_c a:visited,
.captionGreen_small a, .captionGreen_small a:active, .captionGreen_small a:visited {
	color: #fff;
	text-decoration: none;
}

.captionGreen_medium_t a:hover, .captionGreen_medium_c a:hover, .captionGreen_small a:hover {
    color: #fff;
    text-decoration: underline;
    background-color: #b2d630;
    background-color: rgba(178, 214, 48, 0.6);
}

.captionGreen_medium_t .t
{
	position: absolute;
	top: 5px;
	left: 20px;
	width: 400px;
	height: 170px;
	line-height: 40px;
	text-align: left;
	color: #fff;
	font-size: 38px;
	font-weight: 500;
}
.captionGreen_medium_t .pav .t, .captionGreen_medium_t .phv .t, .captionGreen_medium_t .p:hover .t, .captionGreen_medium_t .pav:hover .t
{
	color:#fff;
}
.captionGreen_medium_c .c
{
	position: absolute;
	top: 8px;
	left: 20px;
	width: 695px;
	height: 100px;
	line-height: 30px;
	color: #fff;
	font-size: 25px;
	overflow: hidden;
}

.captionGreen_small {
    left: 0px;
    top: 285px;
    width:1030px;
    height:220px;
    padding: 0 auto;
}

.captionGreen_small .c
{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 100%;
	height: 163px;
	line-height: 42px;
	color: #fff;
	font-size: 35px;
	overflow: hidden;
}

/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l              (normal)
.jssora21r              (normal)
.jssora21l:hover        (normal mouseover)
.jssora21r:hover        (normal mouseover)
.jssora21ldn            (mousedown)
.jssora21rdn            (mousedown)
*/
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(../images/a21.png) center center no-repeat;
    overflow: hidden;
}
.jssora21ldn{
	left: 8px; top: 123px; width: 55px; height: 55px;
}
.jssora21rdn {
    top: 123px; width: 55px; height: 55px; right: 8px;
}
.jssora21l { background-position: -3px -33px; width: 55px; height: 55px; top: 123px; left: 8px; }
.jssora21r { background-position: -63px -33px; width: 55px; height: 55px; top: 123px; right: 8px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }




.jssora15l, .jssora15r, .jssora15ldn, .jssora15rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(../images/a15.png) center center no-repeat;
    overflow: hidden;
}
.jssora15l { background-position: -3px -33px; width: 55px; height: 55px; top: 123px; left: 8px; }
.jssora15r { background-position: -63px -33px; width: 55px; height: 55px; top: 123px; right: 8px; }
.jssora15l:hover { background-position: -123px -33px; }
.jssora15r:hover { background-position: -183px -33px; }
.jssora15ldn { background-position: -243px -33px; }
.jssora15rdn { background-position: -303px -33px; }

/* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
*/

.slider_navigator {
    left: 85px;
    top: 462px;
    position: absolute;
}

.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
{
    background: url(../images/b21.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}

.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

/*small*/
@media only screen and (max-width: 40em) { /* <= 640px, i.e. small */

	#container {
		width: 100%;
	}
	
	#searchForm {
		padding-left: 10px;
	}

	/* Override foundation row properties */
	.row {
		max-width: 100%;
	}

	.header {
		margin-top: 2.8125rem; /* Same as tab-bar height */
	}

	/* Image Teaser */

	.slideShowRow .imageTeaserSpan {
		width: 100% !important;
		height: 240px !important;
	}

	.slideShowRow .imageTeaser {
		width: 100% !important;
		height: 240px !important;
	}

	.slideShowRow .imageTeaser .imageContainer {
		width: 100% !important;
		height: 240px !important;
	}

	.slideShowRow .imageTeaser .imageContainer img {
		width: initial !important;
		height: 100% !important;
	}

	.slideShowRow .imageTeaser .imageContainer .headerBox {
		top: 0;
		left: 0;
		right: 0;
		bottom: 160;
		width: initial;
		padding: 10px;
	}

	.slideShowRow .imageTeaser .imageContainer .headerBox .header {
		margin: 0;
		text-align: center;
	}

	.slideShowRow .imageTeaser .imageContainer .headerBox .header .headline {
		font-size: 20px;
		font-weight: 600;
		line-height: normal;
	}

	.slideShowRow .imageTeaser .imageContainer .teaserBoxContainer {
		bottom: 0;
		left: 0;
		right: 0;
		width: auto;
		padding: 4px 10px;

		background: rgba(0,0,0,0.3);
	}

	.slideShowRow .imageTeaser .imageTeaserNavigation {
		display: none;
	}

	.slideShowRow .imageTeaser .imageTeaserNavigation {
		display: none;
	}

	.slideShowRow .imageTeaser .arrowLeftBox img {
		left: 8px;
		top: 96px;
	}

	.slideShowRow .imageTeaser .arrowRightBox img {
		right: 8px;
		top: 96px;
	}

	.sliderBoxes a {
		font-size: 12px;
	}

	/* Pressemitteilungen und Veranstaltungen */

	.pressAndEventsColumn .alignedContent {
		min-width: 100%;
	}

	.pressAndEventsColumn .tabHeader {
		width: 100%;
	}

	/* Kreis Links */

	.kreisLinks .logoCarousel {
		margin-left: 0;
		margin-right: 0;
	}

	.kreisLinks .logoCarousel .slick-slide {
		margin-left: 0;
		margin-right: 0;
	}

	.kreisLinks .logoCarousel button.slick-prev {
		left: -8px;
	}

	.kreisLinks .logoCarousel button.slick-next {
		right: -8px;
	}

	.kreisLinks .logoCarousel button.slick-prev,
	.kreisLinks .logoCarousel button.slick-next {
		opacity: 0.5;
	}

	/* Inhaltsspalte */

	.main-column .column-content {
		margin-top: 20px;
		border-top: none;
		padding-top: 0;
	}

	.main-column #headline {
		margin-bottom: 10px;
	}

	/* Bildstile */

	.documentTeaserList .documentTeaser div.teaserPictureSpan {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
		width: 100%;
	}

	/* Lightbox */

	#ionasLightbox .frame {
		padding-left: 0;
		padding-right: 0;
	}

	#ionasLightbox .slick-slider {
		margin: 0 0;
	}

	#ionasLightbox .slick-slider .slick-prev {
		left: 8px;
		opacity: 0.5;
	}

	#ionasLightbox .slick-slider .slick-next {
		right: 8px;
		opacity: 0.5;
	}

	#ionasLightbox button.close {
		padding: 4px 28px 4px;
		background-size: 24px;
	}

	/* Footer */

	.footer div.right-links {
		margin-top: 0;
		text-align: center;
	}

	.footer div.right-links div {
		margin-top: 16px;
	}

	.captionGreen_small {
		display: block;
	} 

	.captionGreen, .captionGreen_medium_t, .captionGreen_medium_c {
		display: none;
	} 
	
	.footer {
		display: none;
	}
	
}

/*medium*/
@media only screen and (min-width: 40.063em) and (max-width:64em) { /* >= 641px and <= 1024, i.e. medium up to large */

	/* Bildstile */

	.main-column .xhtmlText img {
		margin-bottom: 10px;
	}

	.documentTeaserList .documentTeaser div.teaserPictureSpan {
		float: left;
		margin-right: 20px;
		width: 37.662%;
	}
	
	.search.columns {
    	padding: 0px 10px 5px;
	}

	.header .horizontalNavigation ul.navigation.medium-block-grid-3 {
		right: 0px;
		width: 100%;
	}

	/* Startpage Slider */

	.captionGreen_medium_t, .captionGreen_medium_c {
		display: block;
	}
	.captionGreen, .captionGreen_small {
		display: none;
	}

}

@media only screen and (min-width: 64.063em) { /* >= 1024, i.e. large and up */

	/* Bildstile */

	.main-column .xhtmlText img {
		margin-bottom: 10px;
	}

	.documentTeaserList .documentTeaser div.teaserPictureSpan {
		float: left;
		margin-right: 20px;
		width: 37.662%;
	}

	.captionGreen {
		display: block;
	} 

	.captionGreen_medium_t, .captionGreen_medium_c, .captionGreen_small {
		display: none;
	} 

}

/* Neue Style-Angaben im Zuge eines generischen Templates */


.hint_text {
	margin-right: 10px;
	color: #96be0d;
	font-size: 13px;
}
.backgroundBox {
	padding: 25px;
}

.backgroundBox.lightGreen {
	background-color: #dfebb6;
}

.boxContentInstance:last-child {
	margin-bottom: 0;	
}

.border-top-green {
	border-top: 1px solid #96be0d;
}

.border-bottom-green {
	border-bottom: 1px solid #96be0d;
}

.title-wrapper.border-bottom-green,
.title-wrapper.border-bottom-black {
	padding-bottom: 10px
}

.border-bottom-green {
	border-bottom: 1px solid #96be0d;
}

.border-bottom-black {
	border-bottom: 1px solid black;
}

.boxWithTitle .title-wrapper {
	margin-bottom: 10px;
}

.title-wrapper .title {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	line-height:1.5;
}

.boxWithTitle,
.slideShowRow,
.left-column .navigationInherit,
.left-column,
.main-column {
	margin-bottom: 45px;
}

.box-instance {
	margin-bottom: 45px;
}

.title-wrapper .title,
.title-wrapper .title.icon.none {
	padding-left: 0;	
}

.boxWithTitle .title-wrapper .hint_link {
	background: url('../images/arrow_right_green.png') no-repeat right center;
	background-size: 5px;
	float:right;
}

.title-wrapper .title.icon {
	padding-left: 26px;
}

.title.exclamation_mark.icon {
	padding-left: 18px;
}

/* hässlich
.sideBox:last-child {
	padding-bottom:30px;
	border-bottom:1px solid #96be0d;
} */

footer {
	padding-top: 45px;
	background: #898989;
	padding-bottom: 45px;
	color: white;
}

footer > .row:first-child {
	margin-top: -45px;
}

.footerColumn .title-wrapper {
	border-bottom: 1px solid white;
}

.footerColumn .hint_text {
	color: white;
}

/** KV Neuwied-Spezifisch **/

body {
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

div.footer-sitemap {
	padding-top: 30px;
}

.footer-sitemap p.block-head a {
	font-size: 16px;
	font-weight: 600;
	color: white;
}

.footer-sitemap ul.documentNav > li {
	font-size: 16px;
	line-height: 27px;
	background: url('../images/arrow_right_green.png') no-repeat left center;
	background-size: 8px;
	padding-left: 15px;
	background-position: 0 7px;
}

.header.row {
	margin-bottom: 40px;
}

/** Inhaltsseiten maincolumn**/

#document-teaser .teaser-headline {
	margin-top: 65px;
	margin-bottom: 45px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #96be0d;
}

#document-teaser .teaser-text {
	font-weight: bold;
}

.main-column .xhtmlText {
	line-height:1.8;
}

.right-links ul.hLinks li {
	list-style-type: none;
	background: none;
	padding-left: 0;
}

.right-links ul.hLinks a.hLink:hover {
	color: #afcd45;
}

/* Large-Desktop aufwärts */
@media only screen and (min-width: 64.063em) {
	
	.large-8.large-push-4.main-column {
	    left: 26.1904%;
	    padding-left: 0;
	    width: 73.80952%; /* (920px + 10px padding) / 1260px */
	}

	.large-4.large-pull-8.left-column {
	    margin-right: 3.17461%;
	    padding-right: 0;
	    right: 73.80952%;
	    width: 23.01587%; /* (280px + 10px padding) / 1260px */
	}
}

.left-column > .content {
	/* max-width: 280px;*/
}

/** Inhaltsseiten maincolumn END */

.sidebarLinkList .hLinkList > ul {
	list-style-type: none;
}

.sidebarLinkList .hLinkList > ul > li {
	height: 35px;
	background: url('../images/linklist.png') no-repeat left center;
	background-size: 35px;
	padding-left: 43px;
	margin-bottom: 10px;
}
.sidebarLinkList .hLinkList > ul > li a span.label {
	font-size:16px;
	color: #97bf0d;
	margin: 12px 0;
	white-space: normal;
	text-align: left;
}

/** Video-Js **/

.video-span .playlist > .video {
	margin-top:20px;
}

.video-span .playlist > .video .title {
	font-family: 'OpenSansBold';
}

.video-js {
	width: auto !important;
}

/** Video-JS End **/

/* Newsteaser **/

/* large >= */
@media only screen and (min-width: 64.063em) {

	
	/* Newsteaser 4 nebeneinander bei Vollbreite */
	
	/* Newsteaser 2 nebeneinander bei Vollbreite */
	ul.newsteaser.teaser-horizontal .teaser-image,
	.main-column ul.newsteaser.one-in-row .teaser-image  {
		float: left;
		width: 50%;
		margin-right: 25px;
		margin-bottom: 10px;
	}
	
	 ul.newsteaser.teaser-horizontal .teaser-text,
	 .main-column ul.newsteaser.one-in-row .teaser-text {
		display: inline;
	}

}

/* medium >= */
@media only screen and (min-width: 40.063em) {
	
	.top-header {
		margin-bottom: 40px;
	}
	
	/* Newsteaser Untereinander bei Vollbreite */
	.startPageColumn-12 ul.newsteaser.one-in-row.teaser-horizontal .teaser-image,
	.main-column ul.newsteaser.one-in-row .teaser-image {
		float: left;
		width: 25%;
		margin-right: 25px;
		margin-bottom: 10px;
	}
	
	.startPageColumn-12 ul.newsteaser.one-in-row.teaser-horizontal .teaser-text,
	.main-column ul.newsteaser.one-in-row .teaser-text {
		display: inline;
	}
}

ul.newsteaser {
	font-size: 13px;
}

/*Abstand angleichen für Inhaltsseite */
.main-column ul.newsteaser {
	margin: 0 -10px;
	font-size: 14px;
}

.main-column ul.newsteaser .teaser-title {
	font-size:15px;
}

ul.newsteaser li {
	margin-bottom: 15px;
}

ul.newsteaser .teaser-image {
	margin-bottom:25px;
	position:relative;
}

ul.newsteaser .teaser-image img {
	width: 100%;
}

ul.newsteaser .teaser-image .teaser-date {
	position:absolute;
	left: 0;
	top: 0;
	background: white;
	color: black;	
	font-size: 11px;
	padding-right: 15px;
	padding-bottom: 5px;
}

ul.newsteaser .teaser-title {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 15px;
}


ul.newsteaser .moreLink {
	font-size: 13px;
	font-weight: 700;
	margin: 0;
}


/* Newsteaser-End **/

/** box-sizing: border-box von Foundation überschreiben, da Video-JS Darstellung sonst fehlerhaft **/
.video-span * {
	box-sizing: content-box;
}

/** Neue Style-Angaben END **/


/* Bürgerservice */
.bisAnfrage .label {
    background-color: transparent;
    font-size: 14px;
}

.bisMailService .label {
    background-color: transparent;
    font-size: 14px;
}

input[type="password"] {

	background-color: transparent;
	border-color: grey;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	box-sizing: border-box;
	color: none;
	display: block;
	font-family: inherit;
	font-size: 0.875rem;
	height: 23px;
	margin: 0;
	padding: 0;
	transition: none;
	width: 262px;
}

.chosen-container-multi .chosen-choices {
    height: 23px !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 23px !important;
}

.bisMailService table td.value input.submit {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    color: #97bf0d;
    margin-right: 6px;
    padding: 2px 4px;
    cursor: pointer;
}

/* Button */
button, .button {
    background-color: #dfebb6;
    color: #96be0d;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #96be0d;
    color: #fff;
}

/* Google Maps*/
div.googleMapSpan iframe{
	max-width: 100% !important;
}

/* Photoswipe */
.photoswipe-image {
	cursor: pointer;
}

.blueimp-gallery.blueimp-gallery-display {
    display: none;
}

.jssora15ldn {
	left: 8px;
	top: 123px;
	width: 55px; 
	height: 55px;
}
.jssora15rdn {
	top: 123px; 
	width: 55px; 
	height: 55px; 
	right: 8px;
}

.bsclient #headline h1 {
	color: rgb(155, 193, 41);
}

.bsclient h2 {
	font-size: 20px;
			
}

.spezielle_hinweise_header {
	font-size: 20px;
	color: #97bf0d;
	font-weight: 400;
}
div#a_leistung_order, div#k_leistung_order {
	display: none;
}

.cardcontainer > .card {
	height: 15.5em;
	font-size: 0.95em;
}

.cardcontainer > .card div{
	line-height: 16px;
}

.sideBoxContent .mAufgaben, .sideBoxContent .mAnmerkungen { 
	display: none;
	font-size: 14px;
}
	
.sideBoxContent .bsclient a{
	font-size: 14px;
}

.sideboxContent span.bs-value, span.bs-label{
	font-size: 14px;
}

.sideBoxContent th {
	font-size: 14px;
}

.sideBoxContent table.mitarbeiter {
    width: 116%;
    margin-left: -20px;
}


/* Tabellen */

table.greenframe tr.even, table tr.alt, 
table.greenframe tr:nth-of-type(even),
table.blackframe tr.even, table tr.alt, 
table.blackframe tr:nth-of-type(even),
table.noframe tr.even, table tr.alt, 
table.noframe tr:nth-of-type(even){
	background: none;
}

table.greenframe td {
	border: 1px solid #96be0d;
}

table.blackframe td {
	border: 1px solid #000;
}

table.noframe td {
	border: none;
}

div#maincontent .bs_tabs_list {
	margin: 0.5em 0 1em;
}

div#maincontent ul.bs_tabs_list li{
	list-style-type: none;
	padding: 3px 8px 4px 0;
	border-top: solid 1px #aaa;
	max-width: 98%;

}

div#maincontent .bs_tabs_list li a{
	text-decoration: none;
}

div#maincontent .ionas3_tabbox .tabheader {
	border-bottom: none;
	font-size: 18px;
	margin-bottom: 10px;
}

div#maincontent .ionas3_tabbox .tabheader div.tab {
	border: none;
	background-color: #fff;
	padding: 1px 7px 5px 8px;
}

div#maincontent .ionas3_tabbox .tabheader div.tab:first-child {
	padding-left: 0;
}

.bsclient .ionas3_tabbox .tabheader .tab:first-child {
	width: 45px;
}


.ionas3_tabbox {
	margin-top: 10px;
}

div.addressData-description {
	font-weight: bold;
	padding-bottom: 0.75em;
}

ul.addressData-linklist {
	margin: 0;
}

ul.addressData-linklist li {
	list-style: none;
}

div.addressData-input p {
	margin: 0;
}

/*Externe Links kennzeichnen*/
a[href^="http"]::before {
	content: "\21D7"" ";
}
a[href^="https://www.kreis-neuwied.de"]::before {
	content: "";
}

.image-gallery-headline {
	font-size: 20px;
	font-weight: 700;
}

.container-fluid.addressData-wrapper .headline p {
	font-size: 20px;
	font-weight: bold;
}

/* Kontrastumschalter */

html.high-contrast .sliderBoxes span.icon {
    filter: brightness(0);
}

html.high-contrast .header .top-bar .feedbackLink {
    background: none;
}

html.high-contrast .header .top-bar .feedbackLink::before {
    content: "";
    background: url('../images/feedback_chevron.png') no-repeat;
    filter: grayscale(1) brightness(0.51) contrast(20) invert(1);
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    margin-left: -50px;
    margin-top: -11px;
}
.top-bar button.contrast-switch {
    top: 1px;
}
html.high-contrast .header .horizontalNavigation > ul.navigation > li > .span a {
    border: 2px solid transparent;
}
html.high-contrast .header .horizontalNavigation > ul.navigation > li:hover > .span a,
html.high-contrast .header .horizontalNavigation > ul.navigation > li.active > .span a,
html.high-contrast .sliderBoxes a,
html.high-contrast .header .horizontalNavigation ul.navigation > li > ul.navigation {
    border: 2px solid black;
}
html.high-contrast .header .horizontalNavigation ul.navigation > li > ul.navigation > li:hover {
    background: none;
}
html.high-contrast .header .horizontalNavigation ul.navigation > li > ul.navigation > li.active {
    background: none;
    outline: 2px solid black;
}
html.high-contrast .left-column .navigationroot ul.navigation ul.navigation > li {
    padding-left: 22px;
}
html.high-contrast .left-column .navigationroot ul.navigation ul.navigation > li::before {
    content: "• ";
    float: left;
}
html.high-contrast a:hover {
	outline: 2px solid red;
}
html.high-contrast body a, html.high-contrast body a * {
    color: black !important;
}
html.high-contrast .left-column .navigationroot ul.navigation li:hover {
	background: none;
}

.fileAttachmentCaption {
	margin-top: 8px;
}